.popup_icon .elementor-icon-wrapper{
    display: flex;
}
.menu_icons .elementor-widget-container {
    overflow: unset!important;
}
.menu_icons li:last-child {
    position: relative;
}
.menu_icons li:last-child .elementor-icon-list-text{
    width: auto;
    height: 14px;
    min-width: 17px;
    background: #424242;
    border: 1px solid #ffffff;
    border-radius: 7px;
    padding: 1px 0 0 0;
    font-family: "Basis Grotesque";
    font-weight: normal;
    font-size: 9px;
    line-height: 10px;
    display: inline-block;
    align-items: center;
    text-align: center;
    letter-spacing: -0.5px;
    color: #FFFFFF;
    position: absolute;
    right: -5px;
    top: 11px;
    left: auto;
}
.menu_icons li svg {
    margin: 0!important;
}
.menu_icons li:first-child .elementor-icon-list-text {
    display: none!important;
}
.search-bar{
    padding: 60px 80px;
    background-color: #fff;
    display: none;
    position: fixed;
    width: 100%;
    top: 74px;
    z-index: 999;
}
.search-bar .container{
    max-width: 845px;
    margin: auto;

}
.search-bar .container{
    max-width: 845px;
    margin: auto;

}
.search-bar .container .placeholdertext {
    width: 100%;
    height: auto;
    position: relative;
    bottom: -40px;
}
.search-bar .container .placeholdertext span:first-child {
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0.08px;
    color: #828282;
}
.search-bar .container .placeholdertext span:last-child {
    font-family: "Basis Grotesque";
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    color: #828282;
    padding-left: 25px;
}
.search-bar .container form {
    width: 100%;
    height: auto;
    border: none;
    outline: none;
    border-bottom: 1px solid #424242;
    margin: auto;
    background: transparent;
}
.search-bar .container button.dgwt-wcas-search-submit:before{
    display: none;
}
.search-bar button.dgwt-wcas-search-submit:after {
    content: "Go";
    color: #FFFFFF;
    font-family: "Basis Grotesque Pro";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 15px;
    text-align: center;
}
.search-bar .container .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: transparent;
    padding:0;
    border-radius: 0;
}
.search-bar .container button.dgwt-wcas-search-submit svg{
    display: none;
}
.search-bar .container button.dgwt-wcas-search-submit{
    height: 32px;
    width: 50px;
    border-radius: 25px;
    background-color: #1E2937;
    top: 4px;
    background-image: none;
    text-transform: capitalize;
    text-shadow: none;
    left: auto !important;
    right: 0 !important;
}
.search-bar .container input[type=search].dgwt-wcas-search-input{
    border: none !important;
    outline: none;
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: 500;
    font-size: 32px !important;
    line-height: 32px !important;
    letter-spacing: 0.08px;
    color: #424242;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    height: 40px;
    border-radius: 0!important;
}

.search-bar .container input[type=search].dgwt-wcas-search-input.addbg ,
.search-bar .container input[type=search].dgwt-wcas-search-input:focus ,
.search-bar .container input[type=search].dgwt-wcas-search-input:active {
    background: #ffffff !important;
    box-shadow: none !important;
}
.search-bar .container input[type=search].dgwt-wcas-search-input::placeholder {
    font-size: 0 !important;
    color: transparent !important;
}
.search-bar form .dgwt-wcas-preloader {
    margin-right: 0 !important;
    width: 22px !important;
    height: 22px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E54F30CFB-A175-4423-8FAB-AEBECD55310A%3C/title%3E%3Cdefs%3E%3Cpath d='M4.94262739,4 L7.80450815,1.13811925 C8.06516395,0.877463439 8.06516395,0.456147661 7.80450815,0.195491855 C7.54385234,-0.0651639515 7.12253656,-0.0651639515 6.86188075,0.195491855 L4,3.05737261 L1.13811925,0.195491855 C0.877463439,-0.0651639515 0.456147661,-0.0651639515 0.195491855,0.195491855 C-0.0651639515,0.456147661 -0.0651639515,0.877463439 0.195491855,1.13811925 L3.05737261,4 L0.195491855,6.86188075 C-0.0651639515,7.12253656 -0.0651639515,7.54385234 0.195491855,7.80450815 C0.325486438,7.93450273 0.496145994,7.99983334 0.66680555,7.99983334 C0.837465106,7.99983334 1.00812466,7.93450273 1.13811925,7.80450815 L4,4.94262739 L6.86188075,7.80450815 C6.99187534,7.93450273 7.16253489,7.99983334 7.33319445,7.99983334 C7.50385401,7.99983334 7.67451356,7.93450273 7.80450815,7.80450815 C8.06516395,7.54385234 8.06516395,7.12253656 7.80450815,6.86188075 L4.94262739,4 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='V4-Mobile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='16' transform='translate(-280.000000, -88.000000)'%3E%3Cg id='Seach' transform='translate(0.000000, 61.000000)'%3E%3Cg id='Remove-text' transform='translate(281.000000, 28.000000)'%3E%3Crect id='Rectangle' stroke='%23828282' fill='%23FFFFFF' x='0' y='0' width='22' height='22' rx='11'%3E%3C/rect%3E%3Cg id='Icons-/-Checkmark-/-Checkmark' transform='translate(6.999850, 6.999750)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Color' fill='%23424242' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 10px !important;
    right: 55px !important;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}
.search-bar form .dgwt-wcas-preloader.dgwt-wcas-close {
    visibility: visible;
    opacity: 1;
    transition: 0.3s;
}
.dgwt-wcas-suggestions-wrapp {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    border: none !important;
    padding-top: 20px !important;
    padding-bottom: 40px !important;
    margin-top: 3px;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion {
    width: 100%;
    max-width: 845px;
    margin: auto;
    text-decoration: none;
    /*left: -15px;*/
    padding: 3px 0 !important;
    border-bottom: none;
    background-color: transparent!important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:hover {
    
    background-color: #eee!important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion .dgwt-wcas-st {
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.04px;
    color: #828282;
    text-decoration: none;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion .dgwt-wcas-st strong {
    font-weight: bold;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion .dgwt-wcas-st-title {
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.04px;
    color: #828282;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion .dgwt-wcas-st-title strong {
    font-weight: bold;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion .dgwt-wcas-st--direct-headline {
    display: none;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion .dgwt-wcas-st-breadcrumbs {
    display: none;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more {
    justify-content: flex-start !important;
    margin-top: 10px !important;
    /*display: none!important;*/
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more .dgwt-wcas-st-more {
    padding: 0 !important;
    font-family: "Basis Grotesque";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.04px;
    color: #424242;
}

@media (max-width: 991px) {
    .dgwt-wcas-suggestions-wrapp {
        left: initial !important;
        right: 0 !important;
    }

    .dgwt-wcas-suggestions-wrapp:before {
        left: 0 !important;
        padding-left: 20px !important;
    }

    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion {
        max-width: 100% !important;
        left: 0 !important;
        padding: 7px 20px !important;
    }
}
.dropdown_menu .nav_back,
.dropdown_menu .mobile_menu {
    display: none;
}
.dropdown_menu .nav_back span{
    padding: 18px 50px;
}

.dropdown_menu_overlay  {
    background-color: rgba(0, 0, 0, 0.24);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -9;
    transition: all 0.3s;
}
.dropdown_menu_overlay.active {
    opacity: 1;
    z-index: 99;
}

.dropdown_menu {
    padding: 35px 80px;
    position: fixed;
    left: 0;
    top: 74px;;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: all 0.3s;
    z-index: -9;
    pointer-events: none;
    background-color: #fff;
}
.dropdown_menu.active {
    opacity: 1;
    z-index: 999;
    pointer-events: auto;
}
.dropdown_menu .product_menu,
.dropdown_menu .resources_menu,
.dropdown_menu .collection_menu{
    display: none;
    /*gap: 100px;*/
    justify-content: space-between;
}
.dropdown_menu .product_menu.active,
.dropdown_menu .resources_menu.active,
.dropdown_menu .collection_menu.active{
    display: flex;
}
.dropdown_menu .featured_collections:after{
    /*content: "";*/
    width: 1px;
    height: 50%;
    position: absolute;
    top: 0;
    right: 0px;
    background-color: #000;
}
.dropdown_menu .featured_catalogs,
.dropdown_menu .featured_collections{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 50%;
    max-width: 870px;
    position: relative;
    padding-right: 50px;
    /*max-height: 575px;*/
    max-height: 34vw;
    overflow: auto;
}
.dropdown_menu .featured_collections{
    overflow-y: scroll;
}
.dropdown_menu .featured_collections::-webkit-scrollbar {
    width: 1px;
}

/* Track */
.dropdown_menu .featured_collections::-webkit-scrollbar-track {
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
}

/* Handle */
.dropdown_menu .featured_collections::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 1);
    border-radius: 10px;
}

/* Handle on hover */
.dropdown_menu .featured_collections::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 1);
}
.dropdown_menu .resources_nav,
.dropdown_menu .product_nav,
.dropdown_menu .collection_nav{
    width: 50%;
    display: flex;
    gap: 50px;
}
.dropdown_menu .product_nav .title ,
.dropdown_menu .resources_nav .title,
.dropdown_menu .collection_nav .title{
    margin-bottom: 40px;
    color: rgba(30, 41, 55, 1);
    font-family: "Basis Grotesque Pro";
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    line-height: 13px;
}
.dropdown_menu .product_nav .title a{
    color: rgba(30, 41, 55, 1);
    font-family: "Basis Grotesque Pro";
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    line-height: 13px;
}
.dropdown_menu .product_nav .title a:hover{
    text-decoration: underline;
}
.dropdown_menu .collection_nav .view_all{
    margin-top: 40px;
    color: rgba(30, 41, 55, 1);
    font-family: "Basis Grotesque Pro";
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    display: inline-block;
    text-decoration: none;
}
.dropdown_menu .collection_nav .view_all:hover{
    text-decoration: underline;
    font-weight: bold;
}
.dropdown_menu .product_nav ul,
.dropdown_menu .resources_nav ul,
.dropdown_menu .collection_nav ul{
    padding: 0;
    margin: 0;
    list-style: none;
    min-width: 150px;
}
.dropdown_menu .product_nav ul li:not(:last-child),
.dropdown_menu .resources_nav ul li:not(:last-child),
.dropdown_menu .collection_nav ul li:not(:last-child){
    margin-bottom: 5px;
}
.dropdown_menu .product_nav ul a,
.dropdown_menu .resources_nav ul a,
.dropdown_menu .collection_nav ul a{
    color: rgba(30, 41, 55, 1);
    font-family: "Basis Grotesque Pro";
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
}
.dropdown_menu .product_nav ul a:before,
.dropdown_menu .resources_nav ul a:before,
.dropdown_menu .collection_nav ul a:before{
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    position: relative;
}
.dropdown_menu .product_nav ul a:hover,
.dropdown_menu .resources_nav ul a:hover,
.dropdown_menu .collection_nav ul a:hover{
    text-decoration: underline;
    font-weight: bold;
}
.dropdown_menu .featured_catalogs .collection-item,
.dropdown_menu .featured_collections .collection-item{
    width: calc(33.333% - 14px);
    min-width: 130px;
}
.dropdown_menu .featured_catalogs .collection-item .picture-container ,
.dropdown_menu .featured_collections .collection-item .picture-container {
    overflow: hidden;
    width: 100%;
}
.dropdown_menu .featured_catalogs .collection-item .collection-cont ,
.dropdown_menu .featured_collections .collection-item .collection-cont{
    width: 100%;
}
.dropdown_menu .featured_catalogs .collection-item .picture-container a,
.dropdown_menu .featured_collections .collection-item .picture-container a{
    position: relative;
    /*width: 100px;*/
    min-width: 100px;
}
.dropdown_menu .featured_catalogs .collection-item .picture-container a:after,
.dropdown_menu .featured_collections .collection-item .picture-container a:after{
    display: block;
    content: "";
    padding-top: 115%;
}
.dropdown_menu .featured_catalogs .collection-item .picture-container a img,
.dropdown_menu .featured_collections .collection-item .picture-container a img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.7s cubic-bezier(0,.99,.57,.99);
}
.dropdown_menu .featured_catalogs .collection-item:hover .picture-container a img,
.dropdown_menu .featured_collections .collection-item:hover .picture-container a img{
    transform: scale(1.1);
}
.dropdown_menu .featured_catalogs .collection-item .collection-item_meta a,
.dropdown_menu .featured_collections .collection-item .collection-item_meta a{
    color: rgba(66, 66, 66, 1);
    font-family: "Basis Grotesque Pro";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.18px;
    display: block;
    margin-top: 12px;
    text-decoration: none;
}
.dropdown_menu .featured_catalogs .collection-item:hover .collection-item_meta a,
.dropdown_menu .featured_collections .collection-item:hover .collection-item_meta a{
    text-decoration: underline;
}

@media (max-width: 1260px) {
    .dropdown_menu  {
        padding: 0;
        /*height: calc(100vh - 74px);*/
        overflow: auto;
    }
    .dropdown_menu .nav_back{
        color: rgba(30, 41, 55, 1);
        font-family: "Basis Grotesque Pro";
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.1px;
        padding: 17px 20px;
        border-bottom: 1px solid  rgba(223, 226, 229, 1);
        text-decoration: none;
        display: block;
        position: relative;
        text-align: center;
        cursor: pointer;
    }
    .dropdown_menu .nav_back:after{
        width: 28px;
        height: 28px;
        content: "";
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%) rotate(180deg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29' height='29'%3E%3Cpath fill='%231E2937' transform='matrix(-4.37114e-08 -1 1 -4.37114e-08 9.86012 23.3899)' d='M18.60363 1.1036308L9.853631 9.853631C9.5974159 10.109528 9.1823463 10.109528 8.9261312 9.853631L0.17613083 1.1036308C-0.064808168 0.84505981 -0.057698809 0.44212234 0.19221176 0.19221176C0.44212234 -0.057698809 0.84505981 -0.064808168 1.1036308 0.17613083L9.3898811 8.4612875L17.67613 0.17613083C17.934702 -0.064808168 18.337639 -0.057698809 18.587549 0.19221176C18.83746 0.44212234 18.84457 0.84505981 18.60363 1.1036308L18.60363 1.1036308Z'/%3E%3C/svg%3E");
    }
    .dropdown_menu_overlay  {
        background-color: rgba(255, 248, 227, 0.8);

    }

    .dropdown_menu .mobile_menu {
        display: block;
        position: relative;
        width: 100%;
        transition: all 0.3s;
        padding: 0 20px 40px;
    }
    .dropdown_menu .mobile_menu.active {
        left: -120%;
        display: none;
    }
    .dropdown_menu .mobile_menu ul{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .dropdown_menu .mobile_menu ul a{
        color: rgba(30, 41, 55, 1);
        font-family: "Basis Grotesque Pro";
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.1px;
        padding: 17px 0px;
        border-bottom: 1px solid  rgba(223, 226, 229, 1);
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .dropdown_menu .mobile_menu ul li.product_menu_item a:after,
    .dropdown_menu .mobile_menu ul li.collection_menu_item a:after,
    .dropdown_menu .mobile_menu ul li.resources_menu_item a:after{
        width: 28px;
        height: 28px;
        content: "";
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29' height='29'%3E%3Cpath fill='%231E2937' transform='matrix(-4.37114e-08 -1 1 -4.37114e-08 9.86012 23.3899)' d='M18.60363 1.1036308L9.853631 9.853631C9.5974159 10.109528 9.1823463 10.109528 8.9261312 9.853631L0.17613083 1.1036308C-0.064808168 0.84505981 -0.057698809 0.44212234 0.19221176 0.19221176C0.44212234 -0.057698809 0.84505981 -0.064808168 1.1036308 0.17613083L9.3898811 8.4612875L17.67613 0.17613083C17.934702 -0.064808168 18.337639 -0.057698809 18.587549 0.19221176C18.83746 0.44212234 18.84457 0.84505981 18.60363 1.1036308L18.60363 1.1036308Z'/%3E%3C/svg%3E");
    }
    .dropdown_menu .product_menu.active,
    .dropdown_menu .resources_menu.active,
    .dropdown_menu .collection_menu.active{
        flex-direction: column;
    }
    .dropdown_menu .featured_catalogs,
    .dropdown_menu .featured_collections{
        width: 100%;
        padding: 20px;
        flex-wrap: nowrap;
        overflow: auto;
        max-width: 100%;
        background-color: rgba(244, 244, 244, 1);
        max-height: none;
    }
    .dropdown_menu .product_nav,
    .dropdown_menu .resources_nav,
    .dropdown_menu .collection_nav {
        width: 100%;
        padding: 20px;
    }
}
@media (max-width: 992px) {
    .search-bar{

        top: 66px;
    }
    .dropdown_menu {
        top: 66px;;
    }
}
@media (max-width: 767px) {
    .search-bar{
        padding: 20px 20px;

    }
    .search-bar .container input[type=search].dgwt-wcas-search-input{
        font-size: 14px !important;
        line-height: 14px !important;
        color: rgba(66, 66, 66, 1) !important;
    }
    .search-bar .container .placeholdertext{
        display: none;
    }
    .search-bar .container input[type=search].dgwt-wcas-search-input.addbg ,
    .search-bar .container input[type=search].dgwt-wcas-search-input:focus ,
    .search-bar .container input[type=search].dgwt-wcas-search-input:active {
        background: #ffffff !important;
        box-shadow: none !important;
    }
    .search-bar .container input[type=search].dgwt-wcas-search-input::placeholder {
        font-size: 14px !important;
        font-family: "Basis Grotesque";
        font-weight: 300;
        color: rgba(66, 66, 66, 1) !important
    }
    .dropdown_menu .resources_nav{
        padding: 50px 20px;
    }
    .dropdown_menu .product_nav ,
    .dropdown_menu .collection_nav {
         padding: 30px 20px;
         flex-direction: column;
         gap: 75px;

     }
    .dropdown_menu .collection_nav {
        overflow: auto;
        max-height: calc(100vh - 360px);
    }
    .dropdown_menu .product .title,
    .dropdown_menu .resources_nav .title,
    .dropdown_menu .collection_nav .title {
        margin-bottom: 20px;
    }
    .dropdown_menu .product ul a,
    .dropdown_menu .resources_nav ul a,
    .dropdown_menu .collection_nav ul a {
        font-size: 15px;
        line-height: 15px;
    }
    .dropdown_menu .featured_catalogs .collection-item .collection-item_meta a,
    .dropdown_menu .featured_collections .collection-item .collection-item_meta a {
        font-size: 12px;
        letter-spacing: -0.13px;
    }
    .dropdown_menu .featured_catalogs .collection-item .picture-container a,
    .dropdown_menu .featured_collections .collection-item .picture-container a{
        display: block;
        width: 130px;
        min-width: 130px;
    }
}