/**
 * @file
 * Subtheme specific CSS.
 */


/* General */


/**** fonts*****/
@font-face {
    font-family: "Al-Jazeera-Arabic-Regular";
    src: url('../fonts/Tajawal-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "FjallaOne-Regular";
    src: url('../fonts/FjallaOne-Regular.ttf');
}
@font-face {
    font-family: "Inter-Regular";
    src: url('../fonts/Inter-Regular.ttf');
}

@font-face {
    font-family: 'Manal';
    src: url('../fonts/AHManalBold.woff2') format('woff2'),
        url('../fonts/AHManalBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Israr-Syria';
    src: url('../fonts/Israr-Syria.woff2') format('woff2'),
        url('../fonts/Israr-Syria.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Arabic';
    src: url('../fonts/UbuntuArabic-Regular.woff2') format('woff2'),
        url('../fonts/UbuntuArabic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'RB';
    src: url('../fonts/RB-Regular.woff2') format('woff2'),
        url('../fonts/RB-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




#navbar-top{
    position: relative;
}

*{
    /*font-family: "Al-Jazeera-Arabic-Regular" !important;*/
    /* font-family: 'Manal' !important; */
    font-family: 'RB' !important;
}

.block-system-breadcrumb-block .breadcrumb>li a,
.block-system-breadcrumb-block .breadcrumb>li,
footer.site-footer section.row.region.region-footer-second form.webform-submission-footer-contact-form button.webform-button--submit, 
footer.site-footer section.row.region.region-footer-second form.webform-submission-footer-contact-form .js-form-type-email input,
footer.site-footer section.row.region.region-footer-second h2,
footer.site-footer nav.footer-menu li a,
/* .slider h2.slide__title, */
header nav#navbar-top nav#block-bootstrap-barrio-subtheme-contactmenu li span.link-text {
    /* font-family: "Israr-Syria" !important; */
    font-weight: 400;
}

.container-fluid, .row
{
    margin-left: 0;
    margin-right:0 ;
    padding-left:0 ;
    padding-right: 0;
}

.row>*
{
    padding-left:0 ;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

h2{
    font-size: 39px;
    line-height: 1.3;
    margin: 0;
}
a:focus{
    outline: unset !important;
}
a{
    text-decoration: none !important;
}
div.bs-bg-light{
    background-color: #eeeffa !important;
}
body{
    background: #fff !important;
    overflow-x: clip;
}
body #page,  body #main-wrapper{
    background: transparent !important;
}
#block-bootstrap-barrio-subtheme-page-title h1{
    text-align: center;
    font-size: 50px;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 64px;
}
.feed-icons{
    display: none;
}
button.form-submit{
    color: #FFF;
}
/* button.form-submit::before{
   background-image: url(../download.svg) !important;
   margin-left: 10px;
   width: 15px !important;
} */
/* General */




/* Header */
#navbar-main, .navbar, .we-mega-menu-ul>.we-mega-menu-li>a{
    background: transparent !important;
}
.we-mega-menu-ul>.we-mega-menu-li{
    border: none;
}
a.navbar-brand{
    height: 100px;
    display: flex;
    margin-right: 7.5%;
    transition: transform .2s, filter .2s;
}
/*a.navbar-brand:hover{
   filter: brightness(115%);
   transform: scale(.98);
}*/
#block-bootstrap-barrio-subtheme-cart{
    height: fit-content;
    margin-left: -12%;
}
#block-bootstrap-barrio-subtheme-mainnavigation{
    height: fit-content;
}
#block-bootstrap-barrio-subtheme-mainnavigation .navbar-we-mega-menu{
    margin: 0;
}
.offcanvas.offcanvas-end > .offcanvas-body{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
/* .navbar-we-mega-menu .nav-tabs{
   gap: 10px;
} */

.we-mega-menu-ul>.we-mega-menu-li>a, .navbar-we-mega-menu .type-of-block a, #block-bootstrap-barrio-subtheme-cart a{
    font-weight: 600;
    text-decoration: none;
    transition: font-size .2s, color .2s;
    display: flex;
    color: #222 !important;
    font-size: 18px;
    line-height: 1.3;
}
#block-bootstrap-barrio-subtheme-cart a{
    line-height: 1;
    display: flex;
    align-items: center;
}
.navbar-we-mega-menu .type-of-block a{
    font-weight: 400;
    color: #292c39 !important;
    text-align: start;
}
.we-mega-menu-ul>.we-mega-menu-li>a:hover, .navbar-we-mega-menu .type-of-block a:hover, #block-bootstrap-barrio-subtheme-cart a:hover{
    color: #F58C29 !important;
}
.cart-block--summary__icon img{
    filter: brightness(0%);
    margin: 0 10px;
}
.we-mega-menu-ul .dropdown-menu:hover>.we-mega-menu-submenu{
    border-radius: 24px;
    padding: 40px 56px;
    right: -125px;
    border-width: 1px;
    border-color: #fff;
    background-color: #ffff;
    border-radius: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 40px 56px;
    box-shadow: 3px 3px 28px rgba(41, 44, 57, .1);
}

.navbar-we-mega-menu .type-of-block h2
{
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    font-size: 20px;
}
.we-mega-menu-submenu>.we-mega-menu-submenu-inner{
    width: 300px;
}
.we-mega-menu-ul .dropdown-menu:hover>.we-mega-menu-submenu .item-list ul{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 35px;
}
#block-bootstrap-barrio-subtheme-cart a span:nth-child(2){
    width: 20px;
    height: 20px;
    min-height: 20px;
    min-width: 20px;
    background-color: #000;
    color: #fff;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    display: flex;
}
#block-bootstrap-barrio-subtheme-cart a span:nth-child(2):hover{
    border-width: 1px;
    border-color: #6385ee;
    background: #6385ee;
    color: #FFFFFF;
    transform: scale(.98);
}
/* Header */


/* audio journey */
.audio-journey .slick-initialized .slick-slide{
    /* min-height: 545px; */
    /* height: 477px;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to right, #062261, #3f5faa);
    border-radius: 24px; */
    overflow: hidden;
}

.audio-journey .slick-initialized .slick-slide .slide__media img{
    margin: 0;
    /* transform: rotateY(180deg); */
}
.audio-journey .slick-initialized .slick-slide .slide__title{
    font-size: 64px;
    line-height: 1.3;
    margin: 0;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.audio-journey .slick-initialized .views-field.views-field-body p{
    font-size: 23px;
    color: #FFFFFF;
    margin-bottom: 0;
    line-height: 1.5;
}
.audio-journey .slick-initialized  .views-field.views-field-field-button-link,
.audio-journey .slick-initialized  .views-field.views-field-field-link{
    width: fit-content;
    float: right;
    margin-top: 40px;
    height: 55px;
    display: flex;
    align-items: center;
}
.audio-journey .slick-initialized  .views-field.views-field-field-button-link a{
    border: 1px solid #406bd0;
    background: #406bd0;
    color: #FFFFFF;
    text-align: center;
    border-radius: 8px;
    padding: 18px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    transition: background-color .2s, transform .2s, color .2s;
    text-decoration: none;
    margin-left: 20px;
    display: block;
}
.audio-journey .slick-initialized  .views-field.views-field-field-button-link a:hover{
    border-width: 1px;
    border-color: #6385ee;
    background: #6385ee;
    color: #FFFFFF;
    transform: scale(.98) !important;
}
.audio-journey .slick-initialized  .views-field.views-field-field-link a{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    display: block;
    transition: background-color .2s, transform .2s, color .2s;
}
.audio-journey .slick-initialized  .views-field.views-field-field-link a:hover{
    color: #6385ee;
}
.audio-journey .slick-initialized .slide__caption{
    margin-top: 105px;
}
.audio-journey .slick-initialized .field--name-field-media-image{
    margin: 0 !important;
}
.audio-journey .slick-arrow::before{
    color: #406bd0;

}
.slick-prev{
    right: -44px;
}
.slick-next{
    left: -44px;
}
.audio-journey{
    margin-bottom: 120px;
}
/* audio journey */


/* Products */
/* .products {
   padding-top: 32px;
} */
.block-facet-blockcategories {
    width: 25%;
    padding-left: 2%;
    float: right;
    padding-right: 7%;
}
.block-facet-blockcategories .content
{
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.block-facet-blockcategories h2
{
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e6f2;
    margin-bottom: 10px;
    font-size: 25px;
}
.block-facet-blockcategories ul
{
    list-style: none;
    padding: 0;
}
html.js.fontawesome-i2svg-active.fontawesome-i2svg-complete {
    overflow-x: hidden;
}
.products .list-group-item
{
    background: transparent;
    border:0;
    float: right;
}
.path-products-index #block-bootstrap-barrio-subtheme-content
{
    float: left;
    width: 75%;
    padding-left: 7%;
    margin-bottom: 120px;
}

.path-products-category #block-bootstrap-barrio-subtheme-content
{
    padding: 0 7%
}

.view.view-description-category {
    width: 86%;
    margin: auto;
    margin-bottom: 30px;
}

.view.view-description-category fieldset{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #e5e6f2;
    border-radius: 24px;
    padding: 75px 32px;
    display: flex;
    position: relative;
    overflow: hidden;
}

input.facets-checkbox {
    height: 11px;
    margin-left: 5px;
}

input.facets-checkbox:checked
{
    color:#406bd0;
}
.facets-widget-
{
    padding-right: 13px;
}
.products .layout--onecol .layout__region{
    display: none;
}
.products .slick-initialized .slick-slide,
.products .list-group-item .grid__content{
    height: 440px;
    position: relative;
    background: #e5e6f2;
    width: 300px !important;
    border-radius: 24px;
    padding: 12px 12px 32px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: start;
    transition: background-color .2s, transform .2s, color .2s;
    float: right;
}
.products .list-group-item .grid__content
{
    margin-bottom: 20px;
}
.products .slick-initialized .slick-slide:hover,
.products .list-group-item .grid__content:hover{
    transform: scale(.98);
}
.products  .card-body{
    width: 100%;
    height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: start;
    direction: rtl;
    text-decoration: none;
    color: #898b9b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;

}
.products .slick-initialized .slick-slide .slide__media{
    display: none;
}
.products .card-body > fieldset{

    position: absolute;
    top: 20px;
    bottom: auto;
    left: 22px;
    right: auto;
    z-index: 55;
}
.products .card-body > fieldset span{
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    background: #406bd0;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 2px 4px;
    margin-right: 2px;
    text-transform: capitalize;
}
.products .card-body .media--image{
    width: 265px;
    height: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.products .slick-list > .slick-track,
.blazy--view--product-catalog{
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: center;
}

.products .btn:disabled
{
    display: none;
}
.products .card-body a{
    font-weight: 600;
    color: #292c39;
    font-size: 18px;
    line-height: 1.3;
    text-decoration: none;
    margin: 10px 0 0 0;
    height: 50px;
}
.products .card-body a.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 0;
    cursor: pointer;
}
.products .card-info .price{
    /* display: flex;
    align-items: center;
    justify-content: start; */
    margin-top: 10px;
    height: 30px;
    color: #406bd0;
    font-weight: 600;
    line-height: 1.3;
    gap: 20px;
    font-size: 20px;
    font-weight: bold;
}

.card-info
{
    display: flex;
    justify-content: space-between;
}
.products .card-info .price .original-price{
    color: #898b9b;
}
.products .slick-arrow::before {
    color: #406bd0;
}
/* .products .slick-prev{
   right: -65px;
}
.products .slick-next{
   left: -65px;
} */
.products > .row + .view-footer{
    margin-top: 64px;
    margin-bottom: 120px;
}
.products > .row + .view-footer a.all-products{
    border: 1px solid #406bd0;
    background: #406bd0;
    color: #FFFFFF;
    text-align: center;
    border-radius: 8px;
    margin-top: 0;
    padding: 18px;
    font-weight: 600;
    line-height: 1;
    transition: background-color .2s, transform .2s, color .2s;
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: fit-content;
    margin: auto;
}
.products > .row + .view-footer a.all-products:hover{
    border-width: 1px;
    border-color: #6385ee;
    background-color: #6385ee;
    color: #FFFFFF;
    transform: scale(.98);
}
/* Products */


/* categories slider */
.categories-slider .item-list .list-group-item{
    transition: transform 0.2s;
    border: 0;
    background: transparent;
    float: right;
    padding: 13px;
}
.views-element-container._none.block.block-views.block-views-blockcategories-block-1 .categories-slider .view-footer
{
    margin: 70px 0;
}
.views-element-container._none.block.block-views.block-views-blockcategories-block-1 h2
{
    margin-bottom: 40px;
}
.categories-slider .item-list .list-group-item .grid__content {
    min-height: 316px;
    background-color: #eeeffa;
    border-radius: 24px;
    flex-direction: column;
    padding: 48px 32px 36px;
    display: flex;
    position: relative;
    overflow: hidden;
}
/* .categories-slider .item-list ul{
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   gap: 30px;
   justify-content: center;
   margin-top: 48px;
   margin-bottom: 30px;
} */
.categories-slider .item-list ul::before,
.categories-slider .item-list ul::after{
    display: none;
}
.categories-slider .item-list .list-group-item  .main-content{

}
.categories-slider .item-list .list-group-item .grid__content .views-field-name span a{
    font-size: 23px;
    font-weight: 600;
    line-height: 1.3;
    color: #292c39;
    text-align: start;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 35px;
    z-index: 555;
}
.categories-slider .item-list .list-group-item  .main-content .field--name-taxonomy-term-link{
    margin-top: 20px;
    text-align: start;
}
.categories-slider .item-list .list-group-item  .main-content .field--name-taxonomy-term-link a{
    position: relative;
    color: #406bd0;
    font-weight: 600;
}
.categories-slider .item-list .list-group-item  .main-content .field--name-taxonomy-term-link a::after{
    content: '';
    background: url(../arrow--.svg) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: -20px;
    transform: rotateY(180deg);
}
.categories-slider .item-list .list-group-item .grid__content{
    height: 100%;
    position: relative;
}
.categories-slider .item-list .list-group-item .grid__content > .taxonomy-term,
.categories-slider .item-list .list-group-item .grid__content > .taxonomy-term .main-content{
    height: 100%;
}
.categories-slider .item-list .list-group-item .grid__content .views-field-field-image{
    position: absolute;
    bottom: -23px;
    left: -26px;
}

.categories-slider .item-list .list-group-item .grid__content .views-field-field-image .field--name-field-media-image img {
    max-width: 100px;
    height: auto;
}
.categories-slider .item-list .list-group-item .grid__content .views-field-name{
    font-weight: 600;
    line-height: 1.3;
    color: #292c39;
    margin-bottom: 12px;
    text-align: start;

}
.categories-slider .item-list .list-group-item .views-field-description__value{
    color: #898b9b;
    line-height: 1.5;
    font-size: 15px;
    text-align: justify;
    margin-bottom: 12px;
    margin-top: 35px;
}
.categories-slider .item-list .list-group-item .views-field-nothing a{
    width: fit-content;
    text-align: start;
    color: #406bd0;
    font-weight: 600;
    position: relative;
    display: block;
    text-align: start;
    padding-left: 20px;
    transition: 0.2s;
}
.categories-slider .item-list .list-group-item .views-field-nothing a::after,
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-view-node a::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    color: #406bd0;
    width: 14px;
    height: 27px;
    display: flex;
    font-weight: 400;
    align-items: center;
    transition: 0.2s;
    background: url(../arrow-more.svg) no-repeat center;
    transform: rotate(180deg);
}

.categories-slider .item-list .list-group-item:hover{
    transform: scale(0.97);
}
.categories-slider .item-list .list-group-item:hover .views-field-nothing a::after,
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-view-node a::after{
    left: -5px;
    top: -0.8px;
}
/* categories slider


/* experience */
.experience ul{
    padding: 64px 0 !important;
}
.experience ul li{
    background: transparent;
    border: none;
}
.experience ul li .main-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform .2s, color .2s;
}
.experience ul li .main-content .field--name-field-images .field--name-field-media-image {
    margin: 0 !important;
}
.experience ul li .main-content:hover{
    transform: scale(.98);
}
.experience ul li .main-content .field--name-body {
    line-height: 1.3;
    color: #898b9b;
    font-size: 18px;
    max-width: 330px;
    margin: auto;
    display: block;
}
.experience ul li .main-content .field--name-node-link a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 0;
}
.experience .view-footer{
    padding-bottom: 20px;
}
.experience .view-footer a{
    border: 1px solid #406bd0;
    background: #406bd0;
    color: #FFFFFF;
    text-align: center;
    border-radius: 8px;
    margin-top: 0;
    padding: 18px;
    font-weight: 600;
    line-height: 1;
    transition: background-color .2s, transform .2s, color .2s;
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: fit-content;
    margin: auto;
}
.experience .view-footer a:hover{
    border-width: 1px;
    border-color: #6385ee;
    background-color: #6385ee;
    color: #FFFFFF;
    transform: scale(.98);
}
/* experience */

/* why-us */
.block-views-blockwhy-this-shop-block-1{
    margin: 80px 0;
}
.block-views-blockwhy-this-shop-block-1 h2{
    text-align: center;
}
.why-us{
    padding: 64px 0;
    width: 78%;
    margin: auto;
}
.why-us ul{
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 96px;
    column-gap: 150px;
    justify-content: space-between;
    background: url(../school-furniture.png) no-repeat;
    background-size: 340px;
    background-position: center;
}

.why-us ul::before,
.why-us ul::after{
    display: none !important;
}
.why-us ul li{
    width: 30% !important;
    border: none;
    background: transparent;
}
.why-us ul li .views-field-title{
    font-size: 23px;
    font-weight: 600;
    line-height: 1.3;
    color: #292c39;
    margin-bottom: 16px;
    position: relative;
}
.why-us ul li .views-field-title::before{
    content: '';
    background: url(../why-us-arrow.svg) no-repeat;
    position: absolute;
    background-size: contain;
    width: 24px;
    height: 24px;
    top: 5px;
    right: -30px;
    transform: rotateY(180deg);
}
.why-us ul li .views-field-body{
    color: #898b9b;
    line-height: 1.5;
    font-size: 18px;
}
.why-us .view-footer{
    margin-top: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.why-us .view-footer a:first-child{
    border: 1px solid #406bd0;
    background: #406bd0;
    color: #FFFFFF;
    text-align: center;
    border-radius: 8px;
    margin-top: 0;
    padding: 18px;
    font-weight: 600;
    line-height: 1;
    transition: background-color .2s, transform .2s, color .2s;
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: fit-content;
}
.why-us .view-footer a:first-child:hover{
    border-width: 1px;
    border-color: #6385ee;
    background-color: #6385ee;
    color: #FFFFFF;
    transform: scale(.98);
}
.why-us .view-footer a:nth-child(2){
    color: #406bd0;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}
.why-us .view-footer a:nth-child(2):hover{
    color: #6385ee;
}
/* why-us */


/* Join-us */
.bs-border-radius-2.bs-shadow.aos-init.aos-animate{
    border-radius: 0;
    box-shadow: unset !important;
    margin-bottom: 160px;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout{
    background: #fcfcff;
    border-radius: 24px;
    box-shadow: 3px 3px 28px rgba(41, 44, 57, .1);
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-3{
    height: inherit;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-3 div,
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-3 img{
    height: 100%;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9{
    padding-right: 100px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .simplenews-subscriber-form #edit-message,
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .simplenews-subscriber-form #edit-mail-0-value--description,
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .simplenews-subscriber-form #edit-subscriptions-wrapper{
    display: none;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .clearfix p{
    color: #898b9b;
    line-height: 1.5;
    font-size: 18px;
    margin-top: 10px;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .clearfix ul{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 55%;
    justify-content: space-between;
    row-gap: 16px;
    margin: 32px 0;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .clearfix ul li{
    list-style: none;
    width: 215px;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .simplenews-subscriber-form form{
    max-width: 484px;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .simplenews-subscriber-form form .field--type-email input{
    height: 54px;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .simplenews-subscriber-form form .form-actions > button#edit-submit{
    border: 1px solid #406bd0;
    background: #406bd0;
    color: #FFFFFF;
    text-align: center;
    border-radius: 8px;
    margin-top: 0;
    padding: 18px;
    font-weight: 600;
    line-height: 1;
    transition: background-color .2s, transform .2s, color .2s;
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: fit-content;
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .simplenews-subscriber-form form .form-actions > button#edit-submit:hover{
    border-width: 1px;
    border-color: #6385ee;
    background-color: #6385ee;
    color: #FFFFFF;
    transform: scale(.98);
}
.bs-border-radius-2.bs-shadow.aos-init.aos-animate .layout-builder__layout .col-lg-9 .simplenews-subscriber-form form .form-actions > button#edit-submit::before{
    display: none;
}
/* Join-us */


/* Blogs */
.block-views-blockblogs-block-1{
    position: relative;
    margin-bottom: 160px;
}
.block-views-blockblogs-block-1 h2{
    width: fit-content;
    text-align: start;
    margin-bottom: 48px;
    padding-right: 25px;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row{
    display: flex;
    gap: 24px;
    justify-content: space-between;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row::before,
.block-views-blockblogs-block-1 .view-blogs .view-content.row::after{
    display: none;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6{
    width: 47%;
    transition: color .2s;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-field-image{
    width: 100%;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
    transform: translate(0);
    max-height: 324px;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-field-image img{
    transition: scale 0.3s;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-fieldset fieldset{
    margin-top: 24px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: start;
    margin-bottom: 16px;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-fieldset fieldset .views-field-field-tags{
    background-color: #406bd0;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 4px 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-fieldset fieldset .views-field-field-date{
    font-size: 14px;
    line-height: 1.3;
    color: #898b9b;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-title a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 390px 0 0 0;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.3;
    color: #292c39;
    transition: color 0.2s;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-body{
    margin-top: 60px;
    color: #898b9b;
    line-height: 1.5;
    font-size: 18px;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-view-node a{
    margin-top: 16px;
    position: relative;
    display: block;
    width: fit-content;
    color: #406bd0;
    font-weight: 600;
    padding-left: 20px;
    font-size: 18px;
    line-height: 1.3;
}
/* .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-view-node a::after{
   content: '>';
   position: absolute;
   top: 0;
   left: 0;
   font-size: 28px;
   color: #406bd0;
   height: 27px;
   display: flex;
   font-weight: 400;
   align-items: center;
   transition: 0.2s;
} */
.block-views-blockblogs-block-1 .view-footer a{
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #406bd0;
    padding: 18px;
    font-weight: 600;
    line-height: 1;
    transition: background-color .2s, transform .2s, color .2s;
    font-size: 18px;
    text-align: center;
    border-radius: 8px;
    background-color: transparent;
}
.block-views-blockblogs-block-1 .view-footer a:hover{
    border-color: #6385ee;
    background-color: #6385ee;
    color: #FFFFFF;
    transform: scale(.98);
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6:hover .views-field-field-image img{
    scale: 1.1;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6:hover .views-field-title a{
    color: #406bd0;
}
.block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6:hover .views-field-view-node a::after{
    left: -5px;
}
/* Blogs */


/* footer */
.site-footer {
    background: #292c39 !important;
    margin-top: 0;
}
.site-footer .site-footer__top > .row{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site-footer .container::before,
.site-footer .container::after,
.site-footer .site-footer__top > .row::before,
.site-footer .site-footer__top > .row::after{
    display: none !important;
}
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-logoslogan{
    border: none;
    display: flex;
    justify-content: start;
    direction: rtl;
    width: fit-content;
    margin-bottom: 0;
}
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-logoslogan p{
    font-size: 18px;
    color: #a9aabc;
    line-height: 1.5;
}
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-logoslogan a
{
    line-height: 1.5;
    color: #6385ee;
    transition: color 0.3s;
    white-space: nowrap;
}
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-logoslogan a img{
    transition: transform .2s;
}
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-logoslogan a img:hover{
    transform: scale(0.93);
}
.site-footer .site-footer__top >.row  #block-bootstrap-barrio-subtheme-footermenu{
    border: none;
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-footermenu .we-mega-menu-ul::before,
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-footermenu .we-mega-menu-ul::after{
    display: none !important;
}
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-footermenu .we-mega-menu-ul li a {
    color: #FFFFFF !important;
    font-weight: 400;
    text-decoration: none !important;
    border: none;
    transition: color 0.3s;
    background: #6385ee;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    padding: 18px;
    overflow: hidden;
}
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-footermenu .we-mega-menu-ul li a:hover{
    color: #6385ee !important;
}
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-footermenu .we-mega-menu-ul li a::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 2px solid transparent;
    transition: width 0.4s, border-color 0.3s;
}
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-footermenu .we-mega-menu-ul li a::before {
    bottom: 0;
    right: -15px;
}
/* Hover effect for each border */
.site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-footermenu .we-mega-menu-ul li a:hover::before {
    width: 100%; /* Expand top border on hover */
    border-color: #6385ee; /* Change border color on hover */
}
.site-footer .site-footer__bottom > .row{
    display: flex;
    justify-content: space-between;
}
.site-footer .site-footer__bottom > .row::before,
.site-footer .site-footer__bottom > .row::after{
    display: none !important;
}
.site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-socialmediafooter{
    width: fit-content;
}
.site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-copyright{
    width: fit-content;
}
.site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-copyright p{
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}
.site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-copyright p a{
    color: #6385ee;
    transition: color 0.3s;
}
.site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-copyright p a:hover{
    color: #89a9f3;
}
.site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-socialmediafooter ul{
    padding: 0;
}
.site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-socialmediafooter ul::before,
.site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-socialmediafooter ul::after{
    display: none !important;
}
.site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-socialmediafooter ul li a{
    font-size: 22px;
    transition: color 0.2s;
}
.site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-socialmediafooter ul li a:hover{
    background-color: transparent;
    color: #6385ee;
}
/* footer */


/* About-us */
.block-views-blockabout-us-block-1 .view-about-us .views-row{
    position: relative;
    display: flex;
    justify-content: center;
}
.block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-field-images{
    max-width: 600px;
    border-radius: 24px;
}
.block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-field-images img{
    width: 100%;
    object-fit: contain;
    border-radius: 24px;
}
.block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-fieldset{
    max-width: 600px;
    background: #fcfcff;
    border-radius: 24px;
    justify-content: center;
    margin-left: -103px;
    padding: 56px 32px;
    display: flex;
    position: relative;
    top: 14%;
    bottom: 0%;
    left: 10%;
    right: auto;
    box-shadow: 3px 3px 28px rgba(41, 44, 57, .1);
    max-height: 430px;
}
.block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-fieldset .views-field-title span{
    font-size: 39px;
    line-height: 1.3;
    color: #292c39;
    font-weight: bold;
    margin-bottom: 24px;
    display: block;
}
.block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-fieldset .views-field-body p{
    margin-bottom: 24px;
    line-height: 1.5;
    color: #292c39;
    font-size: 18px;
}
.block-views-blockabout-us-block-1{
    margin-bottom: 180px;
}
.block-views-blockabout-us-block-2 .view-content.row ul li{
    background: transparent;
    border: none;
}
.block-views-blockabout-us-block-2 .view-content.row ul li .grid__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.block-views-blockabout-us-block-2 .view-content.row ul li .grid__content .views-field-nothing span{
    color: #406bd0;
    font-size: 50px;
    line-height: 1.3;
    font-weight: bold;
}
.block-views-blockabout-us-block-2 .view-content.row ul li .grid__content  .views-field-title span a{
    color: #292c39;
    font-size: 18px;
    line-height: 1.3;
}
.block-views-blockabout-us-block-2 .view-content.row ul{
    width: 100%;
    background-color: #eeeffa;
    border-radius: 24px;
    padding: 40px 32px;
}
.block-views-blockabout-us-block-2{
    margin-bottom: 120px;
}
.block-views-blockabout-us-block-3{
    position: relative;
    margin-bottom: 120px;
}

.block-views-blockabout-us-block-3 .view-header {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}
.block-views-blockabout-us-block-3 h2{
    width: fit-content;
    color: #292c39;
    margin-bottom: 48px;
}
.block-views-blockabout-us-block-3 ul li{
    border-radius: 24px;
    box-shadow: 3px 3px 28px rgba(41, 44, 57, .1);
}
.block-views-blockabout-us-block-3 ul li .grid__content{
    height: 313px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fcfcff;
    border-radius: 24px;
    flex-direction: column;
    padding: 48px 32px;
    display: flex;
    box-shadow: 3px 3px 28px rgba(41, 44, 57, .1);
}
.block-views-blockabout-us-block-3 ul li .grid__content .views-field-title span{
    font-size: 23px;
    line-height: 130%;
    font-weight: 600;
    color: #292c39;
}
.block-views-blockabout-us-block-3 ul li .grid__content .views-field-body span{
    color: #898b9b;
    line-height: 1.5;
    font-size: 18px;
}
.experience-about-us{
    background-color: #eeeffa !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.experience-about-us h2{
    text-align: center;
}
/* About-us */


/* News */
.node--type-article .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    width: 100%;
    float: unset !important;
    margin: auto !important;
    margin-top: 70px !important;
    display: flex;
}

.view-news .view-filters{
    display: none !important;
}
.block-views-blocknews-block-1 .view-news .view-content.row .views-row{
    display: flex;
    position: relative;
}
.view-news .view-content.row .views-row .views-field-field-image{
    height: 456px;
    max-width: 800px;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}
.view-news .view-content.row .views-row .views-field-field-image img{
    height: 100%;
    width: 100%;
    border-radius: 24px;
}
.view-news .view-content.row .views-row .views-field-fieldset .blog-body{
    width: 100%;
    max-width: 624px;
    background-color: #fcfcff;
    text-align: start;
    border-radius: 24px;
    padding: 48px;
    position: relative;
    box-shadow: 3px 3px 28px rgba(41, 44, 57, .1);
    position: absolute;
    top: 10%;
    left: 2%;
}
.view-news .view-content.row .views-row .views-field-fieldset .blog-body .views-field-field-tags .field-content
{
    background-color: #406bd0;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 4px 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    width: auto;
    float: right;
    margin-left: 13px;
}
.view-news .view-content.row .views-row .views-field-fieldset .blog-body .views-field-field-date{
    font-size: 14px;
    line-height: 1.3;
    color: #898b9b;
    margin-bottom: 16px;
}
.view-news .view-content.row .views-row .views-field-fieldset .blog-body .views-field-title{
    margin-bottom: 16px;
}
.view-news .view-content.row .views-row .views-field-fieldset .blog-body .views-field-title a{
    font-weight: 600;
    font-size: 23px;
    line-height: 1.3;
    color: #292c39;
}
.view-news .view-content.row .views-row .views-field-fieldset .blog-body .views-field-body p{
    color: #898b9b !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    background: transparent !important;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row{
    display: flex;
    flex-direction: column;
    width: 48%;
    position: relative;
}
.block-views-blocknews-article-block-1 .view-content.row{
    display: flex;
    justify-content: space-between;
}
.block-views-blocknews-article-block-1 .view-content.row::before,
.block-views-blocknews-article-block-1 .view-content.row::after{
    display: none !important;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-field-image {
    height: 323px;
    max-width: 100%;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
    transition: scale 0.3s;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-field-image *{
    height: 100%;
    width: 100%;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-field-date{
    font-size: 14px;
    line-height: 1.3;
    color: #898b9b;
    margin-bottom: 0;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-title a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 390px 0 0 0;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.3;
    color: #292c39;
    transition: color 0.2s;
}

.block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-body{
    margin-top: 68px;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-body p{
    color: #898b9b !important;
    line-height: 1.5 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    background: transparent !important;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-field-tags{
    background-color: #406bd0;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 4px 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row  .views-field-nothing a{
    margin-top: 16px;
    position: relative;
    display: block;
    width: fit-content;
    color: #406bd0;
    font-weight: 600;
    padding-left: 20px;
    font-size: 18px;
    line-height: 1.3;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row  .views-field-nothing a::after{
    content: '>';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 28px;
    color: #406bd0;
    height: 27px;
    display: flex;
    font-weight: 400;
    align-items: center;
    transition: 0.2s;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row  .views-field-fieldset fieldset{
    margin-top: 24px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: start;
    margin-bottom: 16px;
}
.block-views-blocknews-article-block-1{
    margin-bottom: 120px;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-field-image img{
    transition: scale 0.3s;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row:hover .views-field-field-image img{
    scale: 1.1;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row:hover .views-field-title a{
    color: #406bd0;
}
.block-views-blocknews-article-block-1 .view-content.row .views-row:hover .views-field-nothing a::after{
    left: -5px;
}
.all-articles .facet-inactive .facets-widget-links,
.block-facet-blocktags
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 44px;
    margin-top: 80px;
}
.all-articles .facet-inactive .facets-widget-links h3,
.block-facet-blocktags h3{
    font-size: 39px;
    font-weight: bold;
    line-height: 1.3;
    color: #292c39;
}
.all-articles .facet-inactive .facets-widget-links ul,
.block-facet-blocktags ul{
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.all-articles .facet-inactive .facets-widget-links ul li,
.block-facet-blocktags ul li{
    list-style: none;
}
.all-articles .facet-inactive .facets-widget-links ul li a,
.block-facet-blocktags ul li a{
    border: 1px solid #406bd0;
    color: #406bd0;
    text-align: center;
    background-color: transparent;
    border-radius: 8px;
    padding: 12px;
    transition: background-color .2s, transform .2s, color .2s;
}
.all-articles .facet-inactive .facets-widget-links ul li a.is-active,
.block-facet-blocktags ul li a.is-active{
    background-color: #406bd0;
    color: #f7f8ff;
}
.all-articles .facet-inactive .facets-widget-links ul li a:hover,
.block-facet-blocktags ul li a:hover{
    border-color: #6385ee;
    background-color: #6385ee;
    color: #f7f8ff;
    transform: scale(.98);
}

.node--type-article div#block-bootstrap-barrio-subtheme-views-block-news-article-block-1{
    width: 91%;
    margin: auto;
    margin-bottom: 100px;
}

.node--type-article div#block-bootstrap-barrio-subtheme-almqalat {
    width: 91%;
    margin: auto;
    margin-bottom: 30px;
}
.node--type-article div#block-bootstrap-barrio-subtheme-almqalat .content{
    width: 100%;

}
.node--type-article div#block-bootstrap-barrio-subtheme-almqalat .facets-widget-links
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Contact-us */
#block-bootstrap-barrio-subtheme-content .img-col{
    max-width: 40%;
}
#block-bootstrap-barrio-subtheme-content .img-col .view-content.row .views-row{
    border: 1px solid #FFF;
    background-color: #FFF;
    border-radius: 24px;
    flex-direction: column;
    padding: 28px;
    font-weight: 400;
    transition: transform .2s;
    display: flex;
    box-shadow: 3px 3px 28px rgba(41, 44, 57, .1);
}
#block-bootstrap-barrio-subtheme-content .img-col img{
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}
#block-bootstrap-barrio-subtheme-content .img-col .view-content.row .views-row .views-field-fieldset-1 fieldset{
    display: flex;
    font-size: 18px;
    font-weight: 600;
    align-items: center;
    flex-wrap: nowrap;
}
#block-bootstrap-barrio-subtheme-content .img-col .view-content.row .views-row .views-field-fieldset-1 fieldset img{
    margin: 0 !important;
}
#block-bootstrap-barrio-subtheme-content .img-col .view-content.row .views-row .views-field-body{
    color: #898b9b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 12px;
}
#block-bootstrap-barrio-subtheme-content .img-col .view-content.row{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
#block-bootstrap-barrio-subtheme-content .layout.row.layout-builder__layout{
    display: flex;
    flex-direction: row-reverse !important;
    justify-content: space-between;
    /* gap: 90px; */
    align-items: normal;
}
#block-bootstrap-barrio-subtheme-content .layout.row.layout-builder__layout::before,
#block-bootstrap-barrio-subtheme-content .layout.row.layout-builder__layout::after{
    display: none !important;
}
#block-bootstrap-barrio-subtheme-content .text-col{
    max-width: 60%;
}
#block-bootstrap-barrio-subtheme-content .text-col h2{
    font-size: 23px;
    line-height: 1.3;
    font-weight: 600;
    color: #292c39;
    margin-bottom: 12px;
}
#block-bootstrap-barrio-subtheme-content .text-col h2 + .content ul{
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 32px;
}
#block-bootstrap-barrio-subtheme-content .text-col h2 + .content ul li{
    list-style: none;
    width: 45%;
}
#block-bootstrap-barrio-subtheme-content .text-col h2 + .content .clearfix > p{
    color: #898b9b;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 32px;
}
#block-bootstrap-barrio-subtheme-content .text-col form label{
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    color: #292c39;
}
#block-bootstrap-barrio-subtheme-content .text-col form input{
    height: 54px;
    max-width: 484px;
    border: 1px solid #e5e6f2;
    background-color: #fcfcff;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 12px;
    font-size: 18px;
}
#block-bootstrap-barrio-subtheme-content .text-col form input:focus{
    box-shadow: none !important;
}
#block-bootstrap-barrio-subtheme-content .text-col form input + #edit-mail-0-value--description{
    display: none !important;
}

#block-bootstrap-barrio-subtheme-content  .text-col form textarea{
    border: 1px solid #e5e6f2;
    background-color: #fcfcff;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 12px;
    font-size: 18px;
}


#block-bootstrap-barrio-subtheme-content  .text-col form #edit-actions button{
    border: 1px solid #406bd0;
    background: #406bd0;
    color: #FFFFFF;
    text-align: center;
    border-radius: 8px;
    padding: 18px;
    font-weight: 600;
    transition: background-color .2s, transform .2s, color .2s;
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: fit-content;
    margin-top: 24px;
}
#block-bootstrap-barrio-subtheme-content  .text-col form #edit-actions button:hover{
    border-width: 1px;
    border-color: #6385ee;
    background-color: #6385ee;
    color: #FFFFFF;
    transform: scale(.98);
}
#block-bootstrap-barrio-subtheme-content  .text-col form #edit-actions button::before{
    display: none !important;
}
#block-bootstrap-barrio-subtheme-content  .text-col form .field--type-entity-reference,
#block-bootstrap-barrio-subtheme-content  .text-col form > #edit-message{
    display: none !important;
}

/* #block-bootstrap-barrio-subtheme-content .layout.row.layout-builder__layout{
   margin-bottom: 160px;
} */




/* view-products-search */
/* #block-bootstrap-barrio-subtheme-catalog-2{
   display: none;
} */
.view-products-search .views-col fieldset .views-field.views-field-title{
    text-align: center;
}
.view-products-search .views-col fieldset .views-field.views-field-title span{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.view-products-search .views-col fieldset .views-field-fieldset-1 fieldset .field-content .price,
.view-products-search .views-col fieldset .views-field-fieldset-1 fieldset .field-content {
    display: flex;
    gap: 12px;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
}
.view-products-search .views-col fieldset .views-field.views-field-title + .views-field-field-image{
    height: 415px;
}
.view-products-search .views-col fieldset .views-field.views-field-title + .views-field-field-image img{
    height: 100%;
}
.view-products-search{
    margin-bottom: 160px;
}

/* inner-blog  */
.inner-blog{
    max-width: 808px;
}
.inner-blog .field--name-field-tags{
    width: fit-content;
    float: right;
    margin: 0;
}
.inner-blog .field--name-field-date{
    width: fit-content;
    white-space: nowrap;
    margin-right: 20px;
    float: right;
    padding: 12px;
    color: #898b9b;
    font-size: 18px;
    line-height: 1.3;
}
.inner-blog .field--name-field-tags ul li{
    border: 1px solid #406bd0;
    color: #406bd0;
    text-align: center;
    background-color: #00000000;
    border-radius: 8px;
    padding: 12px !important;
    transition: background-color .2s, transform .2s, color .2s;
}
.inner-blog .field--name-field-tags ul li:hover{
    border-color: #6385ee;
    background-color: #6385ee;
    color: #f7f8ff;
    transform: scale(.98);
}
.inner-blog .field--name-field-image{
    float: unset !important;
    margin: auto !important;
    margin-top: 70px !important;
    display: flex;
    justify-content: center;
    border-radius: 24px;
    margin-bottom: 48px !important;
}
.inner-blog .field--name-field-image img{
    border-radius: 24px;
}
.inner-blog .field--name-body p{
    color: #292c39;
    font-size: 18px;
    line-height: 1.3;
    background: transparent !important;
}
/* inner-blog  */

/* inner-category */
.inner-category .fieldset-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;

    background-color: #e5e6f2;
    border-radius: 24px;
    padding: 75px 32px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.inner-category .fieldset-wrapper > .clearfix {
    text-align: start;
    float: right;
    max-width: 75%;
}
.inner-category .fieldset-wrapper > .field--name-field-image{
    position: absolute;
    bottom: -45px;
    left: -50px;
    max-width: 240px;
}
.inner-category .js-form-item > legend{
    display: none !important;
}
.inner-category{
    margin-bottom: 80px;
}
.block-views-blockproducts-search-block-1{
    float: left;
    width: 71%;
}
.block-views-blockproducts-search-block-1 + .facet-inactive{
    width: 20%;
    float: right;
    margin-right: 7%;
}
.block-views-blockproducts-search-block-1 + .facet-inactive h2{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: #292c39;
    border-bottom: 1px solid #e5e6f2;
    padding-bottom: 10px;
    width: 80%;
    margin-bottom: 16px;
}
.block-views-blockproducts-search-block-1 + .facet-inactive ul{
    padding: 0;
}
.block-views-blockproducts-search-block-1 + .facet-inactive ul li{
    list-style: none;
    margin-bottom: 15px;
}
.block-views-blockproducts-search-block-1 + .facet-inactive ul li ul{
    margin-top: 20px;
}
.block-views-blockproducts-search-block-1 + .facet-inactive ul li ul li:first-child{
    margin-bottom: 20px;
}
.block-views-blockproducts-search-block-1 + .facet-inactive ul li input{
    margin-left: 10px;
}
.block-views-blockproducts-search-block-1 + .facet-inactive ul li label{
    color: #292c39;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 400;
}
.block-views-blockproducts-search-block-1 .views-view-grid .views-row{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 24px;
}
.block-views-blockproducts-search-block-1 .views-view-grid .views-row::before,
.block-views-blockproducts-search-block-1 .views-view-grid .views-row::after{
    display: none !important;
}
.block-views-blockproducts-search-block-1 .views-view-grid .views-row .views-col{
    width: 304px !important;
    background: #e5e6f2;
    border-radius: 24px;
    padding: 12px 12px 32px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: start;
    transition: background-color .2s, transform .2s, color .2s;
}
.block-views-blockproducts-search-block-1 .views-view-grid .views-row .views-col .views-field-field-image{
    height: 280px;
    max-width: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
.block-views-blockproducts-search-block-1 .views-view-grid .views-row .views-col .views-field-title{
    font-size: 18px;
    font-weight: 600;
    color: #292c39;
    line-height: 1.3;
    text-align: start;
    margin-bottom: 8px;
    height: 48px;
}
.block-views-blockproducts-search-block-1 .views-view-grid .views-row .views-col .views-field-variations .field-content,
.block-views-blockproducts-search-block-1 .views-view-grid .views-row .views-col .views-field-variations .field-content .price{
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 10px;
    height: 30px;
    color: #406bd0;
    font-weight: 600;
    line-height: 1.3;
    gap: 20px;
}
.block-views-blockproducts-search-block-1 .views-view-grid .views-row .views-col .views-field-variations .field-content .price .original-price{
    color: #898b9b;
}
/* inner-category */

/* block-field-blockcommerce-productdefaultfield-image */
.sub-product-img .block-field-blockcommerce-productdefaultfield-image{
    max-width: 540px;
    flex-direction: column;
    display: flex;
    position: relative;
    background: #e6e6f2;
    border-radius: 24px;
}
.sub-product-img .layout.row.layout-builder__layout{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub-product-img .layout.row.layout-builder__layout .col-lg-6{
    width: 45%;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body{
    display: flex;
    flex-direction: column;
    align-items: start;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-field-categories{
    margin: 0;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .badge{
    background: transparent;
    color: #898b9b;
    padding-right: 0;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-title h1{
    font-size: 39px;
    line-height: 1.3;
    color: #292c39;
    margin-bottom: 24px;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .field.field--name-body p{
    font-size: 18px;
    line-height: 1.3;
    color: #898b9b;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-price{
    color: #406bd0;
    font-size: 23px;
    line-height: 1.3;
    font-weight: 600;
    margin-top: 10px;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-variations form .layout__region.layout__region--content{
    display: flex;
    gap: 12px;
    margin-top: 24px;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-variations form .layout__region.layout__region--content .field--name-quantity input{
    height: 38px;
    width: 60px;
    height: 54px;
    border: 1px solid #e5e6f2;
    background-color: #fcfcff;
    border-radius: 8px;
    margin-bottom: 0;
    font-size: 18px;
    transition: border-color .2s;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-variations form .layout__region.layout__region--content .field--type-entity-reference select{
    height: 38px;
    height: 54px;
    border: 1px solid #e5e6f2;
    background-color: #fcfcff;
    border-radius: 8px;
    margin-bottom: 0;
    font-size: 18px;
    transition: border-color .2s;
}
.commerce-order-item-add-to-cart-form .attribute-widgets .js-form-item-purchased-entity-0-attributes-attribute-attribute-2 select{
    direction: ltr;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-variations form .form-actions button{
    width: 100%;
    border-color: #406bd0;
    color: #406bd0;
    background: transparent;
    border: 1px solid #406bd0;
    text-align: center;
    border-radius: 8px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 18px;
    font-weight: 600;
    line-height: 100%;
    transition: background-color .2s, transform .2s, color .2s;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-variations form .form-actions button:hover{
    border-color: #6385ee;
    background-color: #6385ee;
    color: #f7f8ff;
}
.sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-variations form .form-actions button::before{
    display: none !important;
}
.block-views-blockrelated-products-block-related-products{
    margin-top: 120px;
    margin-bottom: 120px;
}
.block-views-blockrelated-products-block-related-products h2{
    font-size: 39px;
    line-height: 130%;
    color: #292c39;
    text-align: start;
    margin-bottom: 40px;
}
.block-views-blockrelated-products-block-related-products .slick-slide{
    height: 440px;
    position: relative;
    background: #e5e6f2;
    width: 300px !important;
    border-radius: 24px;
    padding: 12px 12px 32px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: start;
    transition: background-color .2s, transform .2s, color .2s;
}
.block-views-blockrelated-products-block-related-products .slick-track {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: center;
}
.block-views-blockrelated-products-block-related-products .slick-track .views-field-field-image {
    width: 265px;
    height: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.block-views-blockrelated-products-block-related-products .slick-track .views-field-field-image *{
    width: 100%;
    height: 100%;
}
.block-views-blockrelated-products-block-related-products .slick-track .views-field-title{
    font-weight: 600;
    color: #292c39;
    font-size: 18px;
    line-height: 1.3;
    text-decoration: none;
    margin: 10px 0 0 0;
    height: 50px;
}
.block-views-blockrelated-products-block-related-products .slick__arrow{
    display: none;
}

.link-button a ,
.navbar-we-mega-menu .type-of-block .link-button a
{
    border: 1px solid #406bd0;
    background: #406bd0;
    color: #FFFFFF !important;
    text-align: center;
    border-radius: 8px;
    margin-top: 0;
    padding: 18px;
    font-weight: 600;
    line-height: 1;
    transition: background-color .2s, transform .2s, color .2s;
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: fit-content;
    margin: auto;
}

.link-button a:hover,
.navbar-we-mega-menu .type-of-block .link-button a:hover
{
    border-width: 1px;
    border-color: #6385ee;
    background-color: #6385ee;
    color: #FFFFFF !important;
    transform: scale(.98);
}

div#block-bootstrap-barrio-subtheme-shopnow {
    margin-right: 10px;
}

.slick-prev:before, .slick-next:before
{
    opacity: 1;
}

.site-footer
{
    padding: 0;
}

/*.commerce-order-item-add-to-cart-form .attribute-widgets
{
   display: flex;
   width: max-content;
   gap: 20px;
}*/

.material-tabs ul.quicktabs-tabs {
    position: relative;
    z-index: 1;
    padding: 0.7rem;
    margin-right: 1rem;
    margin-bottom: 40px;
    margin-left: 1rem;
    margin-top: 40px;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    flex-flow: nowrap;
    align-items: center;
    justify-content: center;
}

.material-tabs ul.quicktabs-tabs li {
    border: 1px solid #406bd0;
    color: var(--blue);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
    padding: 12px;
    transition: background-color .2s, transform .2s, color .2s;
    margin: 0;
    /* padding: 0; */
    margin: 0 30px;
    border-color: #406bd0;
    background-color: transparent;
    color: #406bd0;
    transform: scale(.98);
    font-size: 20px;
    font-weight: bold;
    width: 200px;
}

.material-tabs .quicktabs-tabs > li > a
{
    color: #406bd0;
    border-radius: 0;
    padding: 0;
    display: inline-block;
    width: 100%;

}
.material-tabs ul.quicktabs-tabs li:hover {
    border-color:#6385ee;
    background-color: #6385ee;
    color: #fff;
    transform: scale(.98);
}
.material-tabs .quicktabs-tabs > li:hover > a
{
    color: #fff;
}
.material-tabs .quicktabs-tabs > li.active
{
    background-color: #406bd0;
    color:#fff
}


.material-tabs .quicktabs-tabs > li.active > a, .material-tabs .quicktabs-tabs > li.active > a:hover, .material-tabs .quicktabs-tabs > li.active > a:focus {
    background-color: transparent;
    border-radius: 0;
    border-color: transparent;
    color:#fff
}

.material-tabs .quicktabs-main
{
    width: 100%;
    max-width: 854px;
    border: 1px solid var(--white-low);
    background-color: var(--white-bright);
    border-radius: 24px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 64px 32px;
    display: flex;
    box-shadow: 3px 3px 28px rgba(41, 44, 57, .1);
}

.material-tabs .quicktabs-main span.views-label
{
    margin-top: 0;
    margin-bottom: 0;
    font-family: Fjalla One, sans-serif;
    font-size: 39px;
    line-height: 130%;
    font-weight: bold;
    margin-bottom: 30px;
    display: inline-block;
}

.views-element-container._none.block.block-views.block-views-blockcontact-us-block-1 {
    width: 30%;
    float: left;
}
.views-element-container._none.block.block-views.block-views-blockcontact-us-block-1 .view-content  {
    width: 100%;
    max-width: 392px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    grid-template-rows: max-content max-content;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
    justify-self: end;
}
.page-node-24 ._none.block.block-webform.block-webform-block {
    width: 60%;
}

.views-element-container._none.block.block-views.block-views-blockcontact-us-block-1 .views-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border: 1px solid var(--white-low);
    background-color: var(--white-bright);
    border-radius: 24px;
    flex-direction: column;
    padding: 28px;
    font-weight: 400;
    transition: transform .2s;
    display: flex;
    box-shadow: 3px 3px 28px rgba(41, 44, 57, .1);
}

.views-element-container._none.block.block-views.block-views-blockcontact-us-block-1 .views-row:hover {
    transform: scale(.98);
}

/* .views-element-container._none.block.block-views.block-views-blockfaq-s-block-1 {
    background: #eeeffa;
    padding: 100px 16%;
    background: #eeeffa;
    padding: 100px 16%;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
} */
/* .views-element-container._none.block.block-views.block-views-blockfaq-s-block-1 .content
{
    width: 100%;
} */
.view-faq-s .views-row .views-row
{
    width: 31%;
    border: 0px solid #e5e6f2;
    background-color: #fcfcff;
    text-align: right;
    cursor: pointer;
    border-radius: 31px;
    flex-direction: column;
    padding: 16px;
    transition: color .2s, transform .2s;
    display: flex;
    box-shadow: none;
    margin: 0 10px;
    margin-bottom: 30px;
    float: right;
    /* margin: 0 10px; */
}
.view-content.row > .views-row {
    width: 100%;
}


.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 20px;
    border: 0;
    border-radius: 0;
    /* background: transparent url(../pluse.svg) no-repeat left center; */
    color: #000;
    background: transparent;
}

.ui-accordion .ui-accordion-header::after {
    content: '+';
    position: absolute;
    left: 0;
    top: -12px;
    font-weight: bold !important;
    font-size: 40px;
    color: #F58C29;
}

.ui-accordion .ui-accordion-header.ui-state-active::after {
    content: '-';
}

.ui-accordion .ui-accordion-content {
    padding: 0;
    border-top: 0;
    overflow: auto;
    border: 0;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e5e6f2;
    background: transparent;
}

.view-faq-s .views-row .views-row:hover {
    color: #406bd0;
    transform: scale(.98);
}

.view-faq-s .views-row .views-row:hover .ui-accordion .ui-accordion-header{
    color: #406bd0;
    transform: scale(.98);
}
.fade.show
{
    opacity: 1;
}

.alert{
    width: 40%;
    margin: auto;
    margin-bottom: 30px;
}

.alert-heading,.alert svg ,.alert hr
{
    display: none;
}

.alert a
{
    color: #000;
}


.cart-block--contents {
    width: 225px;
    color: black;
    background: white;
    box-shadow: 3px 3px 28px rgba(41, 44, 57, .1);
    width: 290px;
    overflow: hidden;
    top: 90px;
    border-radius: 16px;
    /* position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;  Basel */
}

.cart-block--contents__inner {
    padding: 15px;
}


.cart-block--contents__items {
    overflow-x: hidden;
    overflow-y: hidden;
    max-height: max-content;
}


.page-args-en-product .inner-page-content-main,
.page-args-ar-product .inner-page-content-main {
    padding-top: 60px;
}

/*.path-cart .main-content .cart-form,
.path-cart .main-content .cart-form {
    padding: 60px 100px;
}*/
.path-cart .main-content .cart-form tr,
.path-cart .main-content .cart-form tr {
    position: relative;
}
.path-cart .main-content .cart-form table,
.path-cart .main-content .cart-form table {
    width: 100%;
    margin-bottom: 15px;
}

.path-cart .main-content .cart-form .form-actions,
.path-cart .main-content .cart-form .form-actions {
    margin-top: 20px;
}
.path-cart .main-content .cart-form table th,
.path-cart .main-content .cart-form table th {
    background: #406bd0;
    color: #fff;
    color: #FFF;
    text-align: right;
    font-family: "bsans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 11px;
}
.path-cart .main-content .cart-form table td
{
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.path-cart .main-content .views-field-remove-button input,
.form-wrapper__login-option.form-wrapper__returning-customer input.button,
.path-cart .main-content .views-field-remove-button input {
    background: #406bd0;
    color: #fff;
    color: #FFF;
    text-align: right;
    font-family: "bsans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 5px 11px;
    border:0px;
    box-shadow: 0px 0px 0px;
}


.checkout-pane-login .form-wrapper__returning-customer a{
    background: #406bd0;
    color: #fff;
    color: #FFF;
    text-align: right;
    font-family: "bsans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 5px 11px;
    border: 0px;
    box-shadow: 0px 0px 0px;
}

[data-drupal-selector="order-total-summary"] {
    float: left;
}

.delete-order-item::before
{

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" /></svg>') !important;
    margin-left: 10px;
    width: 15px !important;

}

.view-commerce-cart-form .form-actions .form-submit:nth-child(1)::before
{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>') !important;

    margin-left: 10px;
    width: 15px !important;
}

.path-checkout .main-content
{
    max-width: 1200px;
    margin: auto;
}

.commerce-checkout-flow-multistep-default .col-sm-6
{
    padding: 15px;
}



/* BBBBB */
.view-product-catalog .slick{
    position: relative;
}
.view-product-catalog .slick .slick__arrow{
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.view-product-catalog .slick .slick__arrow .slick-prev,
.view-product-catalog .slick .slick__arrow .slick-next{
    position: relative;
    background: transparent;
    border: none;
    font-size: 0;
}
.view-product-catalog .slick .slick__arrow .slick-prev::before,
.view-product-catalog .slick .slick__arrow .slick-next::before{
    content: '';
    background: url(../arrow-blue-shop.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    width: 35px;
    height: 35px;
}
.view-product-catalog .slick .slick__arrow .slick-prev::before{
    left: -22px;
}
.view-product-catalog .slick .slick__arrow .slick-next::before{
    transform: rotateY(180deg);
}


/* Page not found */
/*   .path-ar #header, .path-ar .site-footer{
      display: none;
   }*/
.path-ar main.main-content{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.path-ar main.main-content .block-page-title-block h1.title,
.path-ar main.main-content .block-page-title-block h1.title span{
    /* font-family: "FjallaOne-Regular" !important; */
}
.path-ar main.main-content .block-page-title-block h1.title{
    font-size: 39px !important;
    line-height: 1.3 !important;
    color: #292c39;
    margin-bottom: 24px !important;
    /* font-family: "FjallaOne-Regular"; */
    text-transform: capitalize;
}
.path-ar main.main-content .block-system-main-block p{
    color: #292c39;
    /* font-family: "Inter-Regular" !important; */
    font-size: 18px;
    line-height: 1.3;
    direction: ltr;
}
.path-ar main.main-content .block-system-main-block .node__content.clearfix{
    margin: 0;
}
.path-ar main.main-content .block-system-main-block p a{
    margin: 0;
    margin-top: 24px;
    border: 1px solid #406bd0;
    background-color: #406bd0;
    color: #f7f8ff;
    text-align: center;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px;
    font-weight: 600;
    line-height: 100%;
    transition: background-color .2s, transform .2s, color .2s;
}
.path-ar main.main-content .block-system-main-block p a:hover{
    border-width: 1px;
    border-color: #6385ee;
    background-color: #6385ee;
    color: #f7f8ff;
    transform: scale(.98);
}
/* Page not found */




/* login */
.page-user-login section.section,
.page-user-password section.section{
    width: 400px;
    margin: auto;
    margin-bottom: 120px;
}
.page-user-login nav.tabs .nav-tabs,
.page-user-password nav.tabs .nav-tabs{
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
}
.page-user-login nav.tabs .nav-tabs li,
.page-user-password nav.tabs .nav-tabs li{
    margin-bottom: 0;
}
.page-user-login nav.tabs .nav-tabs li a,
.page-user-password nav.tabs .nav-tabs li a{
    border: 1px solid #406bd0;
    color: #406bd0;
    text-align: center;
    background-color: transparent;
    border-radius: 8px;
    padding: 12px;
    transition: background-color .2s, transform .2s, color .2s;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    margin: 0 10px;
    /* font-family: "Al-Jazeera-Arabic-Regular" !important; */
    font-weight: 600;
}
.page-user-login nav.tabs .nav-tabs li a:hover,
.page-user-password nav.tabs .nav-tabs li a:hover{
    border-color: #6385ee;
    background-color: #6385ee;
    color: #f7f8ff;
    transform: scale(.98);
}
.page-user-login nav.tabs .nav-tabs li.active a,
.page-user-password nav.tabs .nav-tabs li.active a{
    background-color: #406bd0;
    color: #f7f8ff;
}
.page-user-login nav.tabs,
.page-user-password nav.tabs{
    margin: 0;
}
.page-user-login .block-system-main-block,
.page-user-password .block-system-main-block{
    background: transparent;
    padding: 16px;
    border: 1px solid #6385ee;
    border-radius: 24px;
    /* border-top-left-radius: 0;
    border-top-right-radius: 0; */
}
.page-user-login .block-system-main-block label,
.page-user-password .block-system-main-block label{
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
}
.page-user-login .block-system-main-block label::before,
.page-user-password .block-system-main-block label::before{
    width: 25px !important;
    height: 25px !important;
    background-size: auto !important;
    margin-bottom: -7px;
    margin-left: 5px;
}
.page-user-login .block-system-main-block input,
.page-user-password .block-system-main-block input{
    height: 54px;
    border: 1px solid #e5e6f2;
    background-color: #fcfcff;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 12px;
    font-size: 18px;
    transition: border-color .2s;
}
.page-user-login .block-system-main-block input:focus,
.page-user-password .block-system-main-block input:focus{
    box-shadow: none !important;
}
.page-user-login .block-system-main-block #edit-actions,
.page-user-password .block-system-main-block #edit-actions{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    display: inline-block;
    width: 100%;
}
.page-user-login .block-system-main-block #edit-actions button,
.page-user-password .block-system-main-block #edit-actions button{
    border: 1px solid #406bd0;
    color: #FFFFFF;
    text-align: center;
    background-color: #406bd0;
    border-radius: 8px;
    padding: 12px;
    transition: background-color .2s, transform .2s, color .2s;
}
.page-user-login .block-system-main-block #edit-actions button:hover,
.page-user-password .block-system-main-block #edit-actions button:hover{
    border-color: #6385ee;
    background-color: #6385ee;
    color: #f7f8ff;
    transform: scale(.98);
}
.page-user-login .block-system-main-block #edit-actions button::before,
.page-user-password .block-system-main-block #edit-actions button::before{
    display: none !important;
}
/* login */







/* Responsive */
@media all and (max-width: 1399.98px){
    h2{
        font-size: 34px; /* -5px */
    }
    .offcanvas.offcanvas-end > .offcanvas-body{
        width: 90%;
    }
    #block-bootstrap-barrio-subtheme-cart{
        margin-left: -6%;
    }
    .audio-journey .slick-prev {
        right: -40px;
        left: auto;
    }
    .audio-journey .slick-next {
        right: auto;
        left: -40px;
    }
    .audio-journey .slick-initialized .slick-slide .slide__title{
        font-size: 54px; /* -10px */
    }
    .audio-journey .slick-initialized .views-field.views-field-body p{
        font-size: 21px; /* -2px */
    }
    .audio-journey .slick-initialized .views-field.views-field-field-button-link a,
    .audio-journey .slick-initialized .views-field.views-field-field-link a{
        font-size: 16px; /* -2px */
    }
    .products .slick-prev {
        right: -67px;
        left: auto;
    }
    .products .slick-next {
        right: auto;
        left: -40px;
    }
    .products .slick-initialized .slick-slide, .products .list-group-item .grid__content{
        width: 260px !important;
    }
    .products .slick-list > .slick-track, .blazy--view--product-catalog{
        gap: 20px;
    }
    .products .card-body > fieldset{
        left: 32px;
    }
    .products .card-body .media--image{
        width: 230px;
        height: 230px;
    }
    .products .card-body{
        font-size: 13px; /* -1px */
    }
    .products .card-body a,
    .products .card-info .price,
    .products button.form-submit,
    .products > .row + .view-footer a.all-products,
    .categories-slider .item-list .list-group-item .views-field-nothing a,
    .views-element-container._none.block.block-views.block-views-blockcategories-block-1 .categories-slider .view-footer a,
    .experience ul li .main-content .field--name-body,
    .experience .view-footer a,
    .why-us ul li .views-field-body,
    .why-us .view-footer a:first-child,
    .why-us .view-footer a:nth-child(2),
    #block-bootstrap-barrio-subtheme-content .text-col form #edit-actions button,
    .block-views-blockblogs-block-1 .view-footer a,
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-body,
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-view-node a,
    .navbar-we-mega-menu .type-of-block .view-footer .link-button a{
        font-size: 16px; /* -2px */
    }
    .categories-slider .item-list .list-group-item .grid__content .views-field-name span a{
        font-size: 22px; /* -2px */
    }
    .vertical-media-teaser-view-mode.anchor-all .field--name-node-title h2{
        font-size: 30px; /* -4px */
    }
    .experience ul li .main-content .field--name-body{
        margin-top: 5px;
    }
    .experience ul li .main-content  .field--name-field-images{
        margin-bottom: 5px;
    }
    .why-us ul li .views-field-title{
        font-size: 22px; /* -1px */
    }
    .why-us ul{
        background-size: 285px;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-title a{
        font-size: 20px; /* -3px */
        padding: 365px 0 0 0;
    }
    .navbar-we-mega-menu .type-of-block h2{
        font-size: 18px; /* -2px */
    }

}
@media all and (max-width: 1199.98px){
    .view-news .view-content.row .views-row .views-field-fieldset .blog-body .views-field-body,
    .ui-accordion .ui-accordion-content{
        font-size: 16px;
    }
    .block-views-blockabout-us-block-2 .view-content.row ul li .grid__content .views-field-nothing span{
        font-size: 40px;
    }
    .block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-fieldset .views-field-body p,
    .block-views-blockabout-us-block-2 .view-content.row ul li .grid__content .views-field-title span a{
        font-size: 17px;
    }
    .block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-fieldset .views-field-title span{
        font-size: 34px;
    }
    .all-articles .facet-inactive .facets-widget-links h3, .block-facet-blocktags h3{
        font-size: 30px;
    }
    .block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-nothing a::after{
        top: -5px;
    }
    .block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-nothing a{
        font-size: 16px;
    }
    .block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-body{
        font-size: 15px;
    }
    .block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-title a,
    .block-views-blockabout-us-block-3 ul li .grid__content .views-field-title span,
    .view-news .view-content.row .views-row .views-field-fieldset .blog-body .views-field-title a{
        font-size: 20px;
    }
    .block-views-blockabout-us-block-3 ul li .grid__content .views-field-body{
        font-size: 16px;
    }
    .alert{
        width: 60%;
    }
    .block-facet-blockcategories ul li{
        font-size: 14px;
    }
    .block-facet-blockcategories h2{
        font-size: 22px;
    }
    .page-view-product-catalog .view.view-description-category fieldset .views-field-description__value{
        padding-left: 85px;
    }
    .page-view-product-catalog .view.view-description-category fieldset .views-field-field-image{
        position: absolute;
        left: -55px;
        bottom: -50px;
        width: 200px;
    }
    h2 {
        font-size: 30px;
    }
    .we-mega-menu-ul>.we-mega-menu-li>a{
        font-size: 16px; /* -2px */
        padding-left: 20px;
    }
    .link-button a, .navbar-we-mega-menu .type-of-block .link-button a{
        font-size: 14px; /* -2px */
    }
    #block-bootstrap-barrio-subtheme-cart {
        margin-left: 0;
    }
    .navbar-we-mega-menu .type-of-block a,
    .site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-footermenu .we-mega-menu-ul li a,
    .site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-logoslogan p{
        font-size: 16px;
    }
    .we-mega-menu-ul .dropdown-menu:hover>.we-mega-menu-submenu{
        padding: 30px 40px;
    }
    .audio-journey .slick-initialized .slick-slide .slide__title {
        font-size: 44px;
    }
    .audio-journey .slick-initialized .views-field.views-field-body p {
        font-size: 18px;
    }
    .audio-journey .slick-initialized .views-field.views-field-field-button-link a,
    .audio-journey .slick-initialized .views-field.views-field-field-link a {
        font-size: 14px;
    }
    .audio-journey .slick-initialized .slick-slide{
        height: 395px;
    }
    .products .card-body > fieldset {
        left: 6px;
    }
    .products .card-body .media--image {
        width: 180px;
        height: 180px;
        margin: auto;
        margin-top: 45px;
    }
    .products .card-body,
    .site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-copyright p{
        font-size: 12px;
    }
    .products .card-body a,
    .products button.form-submit,
    .products > .row + .view-footer a.all-products,
    .categories-slider .item-list .list-group-item .views-field-description__value,
    .categories-slider .item-list .list-group-item .views-field-nothing a,
    .views-element-container._none.block.block-views.block-views-blockcategories-block-1 .categories-slider .view-footer a,
    .experience .view-footer a, .why-us ul li .views-field-body,
    .why-us .view-footer a:first-child, .why-us .view-footer a:nth-child(2),
    #block-bootstrap-barrio-subtheme-content .text-col form #edit-actions button,
    .block-views-blockblogs-block-1 .view-footer a,
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-body,
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-view-node a{
        font-size: 14px;
    }
    .categories-slider .item-list .list-group-item .grid__content .views-field-name span a{
        font-size: 20px;
    }
    .categories-slider .item-list .list-group-item .grid__content{
        min-height: 340px;
        max-height: 340px;
        padding: 48px 14px 36px;
    }
    .vertical-media-teaser-view-mode.anchor-all .field--name-node-title h2 {
        font-size: 24px;
    }
    .experience ul li .main-content .field--name-body {
        margin-top: 10px;
        font-size: 14px;
        text-align: center;
    }
    .why-us ul li .views-field-title,
    #block-bootstrap-barrio-subtheme-content .text-col h2{
        font-size: 20px;
    }
    .why-us ul {
        background-size: 220px;
    }
    #block-bootstrap-barrio-subtheme-content .text-col h2 + .content .clearfix > p,
    #block-bootstrap-barrio-subtheme-content .text-col h2 + .content ul li{
        font-size: 16px;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-title a {
        font-size: 16px;
        padding: 320px 0 0 0;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-fieldset fieldset .views-field-field-tags,
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-fieldset fieldset .views-field-field-date{
        font-size: 12px;
    }
    .categories-slider .item-list .list-group-item:hover .views-field-nothing a::after,
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-view-node a::after {
        top: -3.8px;
    }
    .site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-socialmediafooter ul li a{
        font-size: 18px;
        padding: 0px 10px;
    }
    .products .slick-list > .slick-track, .blazy--view--product-catalog{
        gap: 50px;
    }
    .products .slick-prev{
        right: -40px;
    }
    .products .slick-next{
        left: -20px;
    }
    #block-bootstrap-barrio-subtheme-page-title h1{
        font-size: 44px;
    }
    .sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-title h1{
        font-size: 29px;
    }
    .sub-product-img .layout.row.layout-builder__layout .Products-body .field.field--name-body p,
    .sub-product-img .layout.row.layout-builder__layout .Products-body .badge{
        font-size: 17px;
    }
    .sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-price{
        font-size: 21px;
    }
}

@media all and (max-width: 991.98px){

    .site-footer .site-footer__top >.row #block-bootstrap-barrio-subtheme-footermenu,
    #block-bootstrap-barrio-subtheme-footermenu .region-we-mega-menu{
        background: transparent !important;
    }
    #block-bootstrap-barrio-subtheme-footermenu .region-we-mega-menu .navbar-toggle{
        display: none !important;
    }
    #block-bootstrap-barrio-subtheme-footermenu .navbar-we-mega-menu.navbar{
        display: block !important;
        position: unset;
        background: transparent !important;
        margin: 0;
    }
    #block-bootstrap-barrio-subtheme-footermenu{
        margin: 0;
        padding: 0;
        height: fit-content;
    }
    .site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-footermenu .we-mega-menu-ul{
        padding: 0;
        margin: 0;
    }
    .site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-footermenu .we-mega-menu-ul li a{
        color: #FFF !important;
        border: none !important;
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .offcanvas-header .btn-close{
        display: block;
        visibility: unset;
        position: absolute;
        left: 15px;
        right: auto;
        background: #222;
        z-index: 555;
    }
    .we-mega-menu-ul .dropdown-menu:hover>.we-mega-menu-submenu,
    .navbar-we-mega-menu.navbar .dropdown-menu>.we-megamenu-nolink:after, .navbar-we-mega-menu.navbar .dropdown-menu>a:after{
        display: none;
    }
    .navbar-we-mega-menu.navbar .nav .open>a,
    .navbar-we-mega-menu.navbar .nav-tabs>li.active>a,
    .navbar-we-mega-menu.navbar .nav .open>a:hover{
        color: #222 !important;
    }
    .navbar-we-mega-menu.navbar ul>li{
        width: 100%;
        text-align: start;
    }
    .navbar-we-mega-menu.navbar .we-mega-menu-ul>li:first-child>a{
        border: none;
    }
    .offcanvas.show .navbar-we-mega-menu.navbar ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-top: 120px;
        width: 100%;
    }
    [dir=rtl] .offcanvas.show .navbar-we-mega-menu.navbar{
        left: unset;
        display: block;
        overflow: hidden;
    }
    .block-views-blocknews-block-1 .view-news .view-content.row .views-row{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .view-news .view-content.row .views-row .views-field-fieldset .blog-body,
    .view-news .view-content.row .views-row .views-field-field-image{
        position: unset;
        max-width: 100%;
        margin: auto;
    }
    .block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-fieldset .views-field-body p{
        font-size: 16px;
    }
    .block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-fieldset .views-field-title span{
        font-size: 32px;
    }
    .all-articles .facet-inactive .facets-widget-links h3, .block-facet-blocktags h3{
        font-size: 28px;
    }
    .block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-nothing a{
        font-size: 15px;
    }
    .block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-body{
        font-size: 14px;
    }
    .block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-title a{
        font-size: 18px;
    }
    .path-products-index #block-bootstrap-barrio-subtheme-content {
        float: left;
        width: 100%;
        padding-left: 0;
        display: flex;
        justify-content: center;
        margin-bottom: 120px;
    }
    .block-facet-blockcategories{
        width: 100%;
    }
    .material-tabs ul.quicktabs-tabs li{
        font-size: 18px;
    }
    .sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-variations form .form-actions button{
        font-size: 15px;
    }
    .sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-title h1{
        font-size: 20px;
    }
    .sub-product-img .layout.row.layout-builder__layout .Products-body .badge,
    .sub-product-img .layout.row.layout-builder__layout .Products-body .field.field--name-body p{
        font-size: 16px;
    }
    #block-bootstrap-barrio-subtheme-page-title h1{
        font-size: 34px;
    }
    .audio-journey .slick-initialized .slick-slide {
        height: 290px;
    }
    .audio-journey .slick-initialized .slick-slide .slide__title {
        font-size: 30px;
    }
    .audio-journey .slick-initialized .views-field.views-field-body p {
        font-size: 16px;
    }
    .audio-journey .slick-initialized .views-field.views-field-field-button-link,
    .audio-journey .slick-initialized .views-field.views-field-field-link{
        margin-top: 20px;
    }
    .audio-journey .slick-initialized .views-field.views-field-field-button-link a,
    .audio-journey .slick-initialized .views-field.views-field-field-link a{
        font-size: 12px;
        padding: 12px;
    }
    .audio-journey .slick-initialized .views-field.views-field-field-button-link a{
        margin-left: 8px;
    }
    .slick--skin--fullwidth .slide__constrained {
        margin-left: -55% !important;
    }
    a.navbar-brand{
        margin-right: 0;
    }
    #navbar-main{
        display: flex;
        justify-content: center;
        position: relative;
    }
    #navbar-main .navbar-toggler{
        position: absolute;
        left: 15%;
        top: 40px;
    }
    body .bs-border-radius-1{
        height: 300px;
        margin-bottom: 30px;
    }
    #block-bootstrap-barrio-subtheme-content .text-col{
        max-width: 50%;
    }
    .why-us ul li .views-field-title, #block-bootstrap-barrio-subtheme-content .text-col h2{
        font-size: 18px;
    }
    #block-bootstrap-barrio-subtheme-content .text-col h2 + .content .clearfix > p,
    #block-bootstrap-barrio-subtheme-content .text-col h2 + .content ul li{
        font-size: 14px;
    }
    /* #block-bootstrap-barrio-subtheme-content .layout.row.layout-builder__layout{
        gap: 30px;
    } */
    #block-bootstrap-barrio-subtheme-content .text-col h2 + .content ul{
        margin-bottom: 10px;
    }
    #block-bootstrap-barrio-subtheme-content .text-col form label,
    #block-bootstrap-barrio-subtheme-content .text-col form #edit-actions button{
        font-size: 12px;
    }
    #block-bootstrap-barrio-subtheme-content .text-col h2 + .content .clearfix > p{
        margin-bottom: 14px;
    }
    .why-us ul {
        background-size: 160px;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-title a{
        padding: 240px 0 0 0;
    }
    .audio-journey .slick-prev{
        right: 0;
    }
    .audio-journey .slick-next{
        left: 0;
    }
    .products .slick-list > .slick-track, .blazy--view--product-catalog{
        gap: 25px;
    }
    .products .slick-prev{
        right: -55px;
    }
    .products .slick-next{
        left: -30px;
    }
}

@media all and (max-width: 767.98px){
    .site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-logoslogan{
        text-align: center;
    }
    .site-footer .site-footer__top > .row{
        justify-content: center;
    }
/*    .path-cart .main-content .cart-form, .path-cart .main-content .cart-form {
        padding: 25px 30px;
    }*/
    .views-element-container._none.block.block-views.block-views-blockcontact-us-block-1 .view-content{
        margin: auto;
        margin-bottom: 30px;
    }
    .views-element-container._none.block.block-views.block-views-blockcontact-us-block-1,
    .page-node-24 ._none.block.block-webform.block-webform-block{
        width: 90%;
        margin: auto;
        float: unset;
    }
    .view-news .view-content.row .views-row .views-field-field-image{
        height: unset;
        margin-bottom: 30px;
    }
    .block-views-blockabout-us-block-2 .view-content.row ul,
    .block-views-blockabout-us-block-3{
        width: 90%;
        margin: auto;
    }
    .block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-field-images .field--name-field-media-image{
        margin: 0;
    }
    .block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-field-images,
    .block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-fieldset{
        max-width: 90%;
        margin: auto;
        position: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .block-views-blockabout-us-block-1 .view-about-us .views-row{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .block-views-blocknews-article-block-1 .view-content.row .views-row{
        width: 100%;
        margin-bottom: 50px;
    }
    .inner-blog .field--name-body p{
        font-size: 15px !important;
    }
    .inner-blog .field--name-field-date{
        font-size: 16px;
    }
    .sub-product-img .layout.row.layout-builder__layout .col-lg-6{
        width: 100%;
    }
    .products .slick-initialized .slick-slide, .products .list-group-item .grid__content{
        width: 300px !important;
        margin: auto;
    }
    .view-product-catalog .slick{
        left: -25px;
    }
    .products .slick-prev{
        right: 0;
    }
    .products .slick-next{
        left: 70px;
    }
    .audio-journey .slick-initialized .slick-slide .slide__title,
    .vertical-media-teaser-view-mode.anchor-all .field--name-node-title h2{
        font-size: 22px;
    }
    .audio-journey .slick-initialized .views-field.views-field-body p{
        font-size: 14px;
    }
    .audio-journey .slick-initialized .slide__caption{
        margin-top: 60px;
    }
    .audio-journey .slick-initialized .slick-slide{
        height: 220px;
    }
    .audio-journey .slick-arrow::before{
        font-size: 25px;
    }
    .audio-journey .slick-prev{
        right: -6px;
    }
    .audio-journey .slick-next{
        left: -6px;
    }
    .categories-slider .item-list .list-group-item{
        padding: 5px;
    }
    .categories-slider .item-list .list-group-item .grid__content{
        min-height: 400px;
        max-height: 400px;
    }
    .why-us ul {
        background-size: 135px;
    }
    body .bs-border-radius-1{
        height: 250px;
    }
    #block-bootstrap-barrio-subtheme-content .img-col,
    #block-bootstrap-barrio-subtheme-content .text-col{
        max-width: unset;
    }
    #block-bootstrap-barrio-subtheme-content .text-col{
        padding: 0 60px !important;
    }
    #block-bootstrap-barrio-subtheme-content .img-col img{
        border-top-left-radius: 24px;
        border-bottom-right-radius: 0;
    }
    .why-us{
        width: 100%;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-title a {
        padding: 192px 0 0 0;
    }
    h2 {
        font-size: 26px;
    }
    .site-footer .site-footer__top > .row #block-bootstrap-barrio-subtheme-logoslogan p{
        font-size: 14px;
    }
    .site-footer .site-footer__bottom > .row #block-bootstrap-barrio-subtheme-copyright p{
        font-size: 10px;
    }
}

@media all and (max-width: 575.98px){
    .offcanvas-header .btn-close{
        left: 0;
        margin-left: 2px;
    }
    [data-drupal-selector="order-total-summary"]{
        float: unset;
    }
    .view-news .view-content.row .views-row .views-field-fieldset .blog-body .views-field-body{
        font-size: 14px;
    }
    .view-news .view-content.row .views-row .views-field-fieldset .blog-body .views-field-title a{
        font-size: 18px;
    }
    .block-views-blockabout-us-block-2 .view-content.row ul li .grid__content .views-field-title span a{
        font-size: 16px;
    }
    .block-views-blockabout-us-block-2 .view-content.row ul li .grid__content .views-field-nothing span{
        font-size: 36px;
    }
    .block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-fieldset .views-field-title span {
        font-size: 30px;
    }
    .block-views-blockabout-us-block-1 .view-about-us .views-row .views-field-fieldset .views-field-body p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .all-articles .facet-inactive .facets-widget-links h3, .block-facet-blocktags h3{
        font-size: 22px;
    }
    .block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-title a{
        padding: 71% 0 0 0;
    }
    .block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-field-image{
        height: auto;
    }
    .inner-blog .field--name-body p,
    .all-articles .facet-inactive .facets-widget-links ul li,
    .block-facet-blocktags ul li{
        font-size: 14px !important;
    }
    .alert {
        width: 80%;
        text-align: center;
    }
    .page-view-product-catalog .view.view-description-category fieldset .views-field-description__value {
        padding-left: 30px;
        padding-bottom: 100px;
    }
    .path-product .products .slick-next{
        left: 30px;
    }
    .sub-product-img .layout.row.layout-builder__layout .col-lg-6 {
        width: 90%;
        margin: auto;
    }
    .material-tabs ul.quicktabs-tabs li{
        font-size: 16px;
        margin: 0 15px;
    }
    .sub-product-img .layout.row.layout-builder__layout .Products-body .field--name-title h1{
        font-size: 18px;
    }
    .sub-product-img .layout.row.layout-builder__layout .Products-body .badge,
    .sub-product-img .layout.row.layout-builder__layout .Products-body .field.field--name-body p{
        font-size: 15px;
    }
    #block-bootstrap-barrio-subtheme-page-title h1{
        font-size: 24px;
    }
    .audio-journey,
    .block-views-blockcategories-block-1{
        width: 90%;
        margin: auto;
    }
    body .bs-border-radius-1 {
        height: 185px;
    }
    .audio-journey .slick-initialized .slick-slide {
        height: 180px;
    }
    .categories-slider .item-list .list-group-item .grid__content {
        min-height: 270px;
        max-height: 270px;
    }
    .why-us {
        width: 70%;
        text-align: center;
    }
    .why-us ul li .views-field-title::before{
        right: -20px;
    }
    .why-us ul{
        background-position-y: 64%;
    }
    .audio-journey .slick-initialized .slide__caption {
        margin-top: 30px;
    }
}

@media all and (max-width: 530px){
    .why-us ul li{
        width: 100% !important;
    }
    .why-us ul{
        background: unset !important;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-title a {
        padding: 82% 0 0 0;
    }
}

@media all and (max-width: 499.98px){
    .block-views-blocknews-article-block-1 .view-content.row .views-row .views-field-title a{
        padding: 75% 0 0 0;
    }
    .audio-journey .slick-initialized .slick-slide .slide__title,
    .vertical-media-teaser-view-mode.anchor-all .field--name-node-title h2 {
        font-size: 16px;
    }
    .audio-journey .slick-initialized .views-field.views-field-body p {
        font-size: 12px;
    }
    .audio-journey .slick-initialized .views-field.views-field-field-button-link a,
    .audio-journey .slick-initialized .views-field.views-field-field-link a {
        font-size: 9px;
        padding: 10px;
    }
    .audio-journey .slick-initialized .views-field.views-field-field-button-link,
    .audio-journey .slick-initialized .views-field.views-field-field-link {
        margin-top: 7px;
        height: auto;
    }
    .audio-journey .slick-initialized .views-field.views-field-field-button-link a{
        margin-left: 0;
    }
    .audio-journey .slick-prev{
        right: -10px;
    }
    .audio-journey .slick-next{
        left: -10px;
    }
    .audio-journey .slick-initialized .slick-slide {
        height: 135px;
    }
    body .bs-border-radius-1 {
        height: 120px;
    }
    .products .slick-initialized .slick-slide, .products .list-group-item .grid__content{
        width: 275px !important;
    }
    .products .slick-prev {
        right: -10px;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-title a{
        font-size: 14px;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-title a {
        padding: 85% 0 0 0;
    }

}

@media all and (max-width: 425px){
    .page-view-product-catalog .view.view-description-category fieldset .views-field-description__value {
        padding-left: 0;
        padding-bottom: 100px;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-title a {
        padding: 75% 0 0 0;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 {
        width: 90%;
        margin: auto;
    }
}

@media all and (max-width: 375.98px){
    .path-product .products .slick-prev {
        right: -15px;
    }
    .audio-journey .slick-initialized .slick-slide {
        height: 115px;
    }
    .slick--skin--fullwidth .slide__constrained {
        margin-left: -50% !important;
    }
    .audio-journey .slick-initialized .slide__caption {
        margin-top: 15px;
    }
    .audio-journey .slick-initialized .slick-slide .slide__title{
        margin-bottom: 10px;
    }
    .audio-journey .slick-prev {
        right: -35px;
    }
    .audio-journey .slick-next {
        left: -35px;
    }
    .audio-journey .slick-initialized .views-field.views-field-body p {
        font-size: 10px;
    }
    .audio-journey .slick-initialized .views-field.views-field-field-button-link a,
    .audio-journey .slick-initialized .views-field.views-field-field-link a {
        font-size: 8px;
        padding: 8px;
    }
    .audio-journey .slick-initialized .views-field.views-field-field-button-link,
    .audio-journey .slick-initialized .views-field.views-field-field-link {
        margin-top: 12px;
    }
    .products .slick-initialized .slick-slide,
    .products .list-group-item .grid__content {
        width: 240px !important;
    }
    .products .slick-prev{
        right: -62px;
    }
    .products .slick-next {
        left: 15px;
    }
    .card-info{
        width: 97%;
    }
    .block-views-blockblogs-block-1 .view-blogs .view-content.row .col-lg-6 .views-field-title a {
        padding: 77% 0 0 0;
    }
    #block-bootstrap-barrio-subtheme-content .text-col h2 + .content ul li{
        width: 100%;
        font-size: 12px;
    }
    .why-us ul{
        row-gap: 35px;
    }
}
/* Responsive */

.slick--skin--fullwidth .slide__constrained {
    position: absolute;
    left: 50%;
    width: 98%;
    height: 100%;
    margin-left: -49%;
    padding-top: 0;
}
.cart-empty-page{
    text-align: center;
    margin-bottom: 120px;
    font-size: 18px;
    line-height: 1.3;
    color: 292c39;
}
.we-mega-menu-ul>.dropdown-menu{
    z-index: 100 !important;
}

/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */

#block-bootstrap-barrio-subtheme-login a{
    font-size: 25px;
    color: #00829B;
}

header nav.c_middle_header a.navbar-brand{
    justify-content: center;
}

header nav.c_middle_header a.navbar-brand img {
    /* max-height: 114px !important; */
    background: #fff;
    padding: 8px;
    border-radius: 21px;
    height: 182px;
    z-index: 99;
    box-shadow: 0 4px 4px 0 #D3D3D3;
}


/* .category-home .views-field.views-field-name{
    font-family: 'Ubuntu Arabic' !important;
} */