:root{--font-primary:"Open Sans"; --font-heading:"Montserrat"; --color-red:#e11f26; --color-red-dark:#dc555f; --color-black:#181617; --color-gray-dark:#555; --color-gray-med:#737373; --color-gray-light:#666; --color-gray-lighter:#ededed; --color-gray-bg:#f7f7f7; --color-white:#fff; --color-border:#eee; --gradient-brand:linear-gradient(147deg,#f53843 10%,#2f5795 68%); --gradient-nav:linear-gradient(-147deg,#f53843 0%,#2f5795 100%); --gradient-btn:linear-gradient(135.41deg,#fff 19.18%,#fecbcc 100%); --gradinet-bg-new:linear-gradient(178.82deg, rgba(253, 254, 255, 0.99) -6.25%, rgba(255, 199, 227, 0.99) 33.61%, rgba(173, 219, 254, 0.99) 61.34%, rgba(255, 255, 255, 0.99) 96.58%); --header-height:80px; --sidebar-header-height:73px; --header-zindex:1000; --drawer-zindex:1050; --dropdown-zindex:1060; --transition-fast:.2s ease; --transition-normal:.3s cubic-bezier(.4,0,.2,1);--space-xs:clamp(.25rem,.15vw,.375rem); --space-sm:clamp(.5rem,.35vw,.75rem); --space-md:clamp(.75rem,.6vw,1rem); --space-lg:clamp(1rem,1vw,1.5rem); --space-xl:clamp(1.5rem,2vw,2.5rem);--container-padding:clamp(1rem,4.3vw,4.3rem);}

html{box-sizing:border-box; scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
*, *::before, *::after{box-sizing:inherit;}
body{margin:0; padding:0; font-family:var(--font-primary); font-size:clamp(15px,.25vw + 14px,16px); line-height:1.5; color:var(--color-black); background-color:var(--color-white); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body.overflow-hidden{overflow:hidden!important; touch-action:none;}
h1, h2, h3, h4, h5, h6{margin-top:0; font-family:var(--font-heading); font-weight:700; line-height:1.2; color:var(--color-black); text-wrap:balance;}
h1{font-size:clamp(2rem,3.2vw,3rem);}
h2{font-size:clamp(1.75rem,2.7vw,2.5rem);}
h3{font-size:clamp(1.375rem,2.2vw,2rem);}
h4{font-size:clamp(1.25rem,1.8vw,1.75rem);}
h5{font-size:clamp(1.125rem,1.4vw,1.375rem);}
h6{font-size:clamp(1rem,1.1vw,1.125rem);}
p{margin-top:0;}
img, svg{max-width:100%;}
img{height:auto;}
button, input, textarea, select{font:inherit;}
button{cursor:pointer;}
a{color:var(--color-black); text-decoration:none; transition:color var(--transition-fast);}
a:hover{color:var(--color-red); text-decoration:none;}
.skip-link{position:absolute; top:-999px; left:1rem; z-index:99999; padding:.75rem 1.5rem; border-radius:0 0 6px 6px; background:var(--color-black); color:var(--color-white)!important; font-family:var(--font-heading); font-weight:700; text-decoration:none; transition:top var(--transition-fast);}
.skip-link:focus, .skip-link:focus-visible{top:0; outline:3px solid var(--color-black)!important; outline-offset:2px;}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important;}
}
.ffopen{font-family:var(--font-primary);}
.ffmont{font-family:var(--font-heading);}
.f400{font-weight:400;}
.f500{font-weight:500;}
.f600{font-weight:600;}
.f700{font-weight:700;}
.f800{font-weight:800;}
.f11{font-size:clamp(10px,.7vw,11px);}
.f12{font-size:clamp(11px,.75vw,12px);}
.f13{font-size:clamp(12px,.8vw,13px);}
.f14{font-size:clamp(13px,.85vw,14px);}
.f15{font-size:clamp(14px,.9vw,15px);}

.f16{font-size:clamp(15px,1vw,16px);}

.red{color:var(--color-red)!important;}

.black{color:var(--color-black)!important;}

.text_gray{color:var(--color-gray-dark)!important;}

.bg-white{background-color:var(--color-white)!important;}

.bg-gray{background-color:var(--color-gray-bg)!important;}

.bg-red{background-color:var(--color-red)!important;}

.globle_h{margin-bottom:0; font-family:var(--font-heading); font-size:clamp(22px,2.2vw,32px); font-weight:700; line-height:1.2; color:var(--color-black);}

.glob_h{font-family:var(--font-heading); font-size:clamp(26px,2.5vw + 14px,42px); font-weight:700; line-height:clamp(34px,3vw + 14px,52px);  letter-spacing: clamp(-1px, -0.2vw, -2px);}

.global_sh, .globle_sh{font-size:clamp(16px,1.2vw,18px); margin-top: 1rem; color: #646464;}

.glob_lr{padding-right:var(--container-padding); padding-left:var(--container-padding);}

.gradient_heading{background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 14.44%, rgba(255, 255, 255, 0.4) 22.29%, rgba(255, 255, 255, 0) 31.67%, rgba(255, 255, 255, 0) 44.08%), #202020; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-fill-color:transparent;}

.gradient-text{background:var(--gradient-brand); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}

.visually-hidden{position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important;}
.site_header{position:static; top:0; z-index:var(--header-zindex); display:flex; align-items:center; width:100%; height:var(--header-height); background:var(--color-white); box-shadow:0 1px 4px rgba(0,0,0,.06);}

.site_header nav{width:100%;}

.stellar_navbar{padding-right:var(--container-padding); padding-left:var(--container-padding);}

.stellar_navbar .container-fluid{display:flex; align-items:center; justify-content:space-between;}
.stellar_logo{display:flex; align-items:center; margin-bottom:0;}

.stellar_logo a{position:relative; display:inline-block; padding-right:.938rem;}

.stellar_logo a::before{position:absolute; top:.3rem; right:0; width:1px; height:80%; background:linear-gradient(0deg,rgba(0,0,0,0) 0%,#d0d0d0 50%,rgba(0,0,0,0) 100%); content:"";}

.exp_text{padding-left:.938rem; color:var(--color-gray-med); font-family:var(--font-primary); font-size:clamp(10px,.8vw,12px); line-height:1.1;}

.exp_text span{display:block; padding-bottom:.15rem; background:var(--gradient-brand); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent; font-family:var(--font-heading); font-size:clamp(13px,1.1vw,16px); font-weight:700;}
.mainnavtab{display:flex; align-items:center; justify-content:center; min-width:20px; min-height:44px; padding:8px 0; cursor:pointer;}

.desktop_search img{transition:transform var(--transition-fast);}

.mainnavtab:hover .desktop_search img{transform:scale(1.1);}

.megamenu{position:absolute; top:100%; right:0; left:0; z-index:var(--dropdown-zindex); display:none; width:100vw; max-height:calc(100vh - var(--header-height)); overflow-y:auto; overscroll-behavior:contain; padding-top:2rem; border:0; border-radius:0; background:var(--color-white); box-shadow:0 15px 30px rgba(0,0,0,.1); animation:fadeInDown .25s ease-out;}

.megamenu.show{display:block;}

@keyframes fadeInDown {from{opacity:0; transform:translateY(-10px);}

to{opacity:1; transform:translateY(0);}
}

.cross_btn{position:absolute; top:1rem; right:1.5rem; display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:.25rem .5rem; border:0; background:none; color:var(--color-gray-light); font-size:clamp(24px,2vw,28px); line-height:1; cursor:pointer; transition:color var(--transition-fast);}

.cross_btn:hover{color:var(--color-red);}

#custom-search-input .input-group{overflow:hidden; border-bottom:1px solid var(--color-gray-lighter); background:#fdfdfd;}

#custom-search-input .sercah_input{height:50px; padding:.8rem 1.5rem; border:0; background:transparent; box-shadow:none; font-size:clamp(14px,1vw,15px);}

#custom-search-input .sercah_input:focus{outline:0; background:var(--color-white);}

 

#custom-search-input .btn-info{display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0 1.5rem; border:0; background:transparent; cursor:pointer;}

.fm_box_search a{color:var(--color-red); font-size:clamp(12px,.85vw,13px); letter-spacing:.05em;}

.fm_box_search_link a{display:inline-block; padding:4px 0; color:var(--color-black); font-size:clamp(13px,.9vw,14px);}

.fm_box_search_link a:hover{padding-left:4px; color:var(--color-red);}

.suport_lg{position: relative; display: flex; align-items: center; column-gap: clamp(1rem, 1.5vw, 1.5rem); margin-left: clamp(1rem, 1.5vw, 1.5rem); font-size: 13px; font-weight: 600; cursor: pointer;}

.suport_lg > a{display: inline-flex; align-items: center; min-height: 44px; padding-left: 5px; font-family: "Open Sans", var(--font-primary); font-size: 13px; font-weight: 700; cursor: pointer;}

.globle_lang::before, .suport_lg::before{position: absolute; left: calc(-0.5 * clamp(1rem, 1.5vw, 1.5rem)); top: 0; bottom: 0; margin: auto; width: 1px; height: 15px; background: #dadada; content: "";}

.suport_lg > a::before{display: none;}

.globle_lang .top_nav_item{display: flex; align-items: center; min-height: 44px; padding: 0 8px; color: var(--color-black); font-size: 13px; font-weight: 700; column-gap: 4px; cursor: pointer;}

.globle_lang .top_nav_item::after{display: inline-block; margin-left: .255em; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; content: ""; vertical-align: .255em;}

.language_menu{position: absolute; top: 100%; left: -63px; right: -25px; z-index: var(--dropdown-zindex); display: none; min-width: 150px; padding: 10px 0 10px 15px; margin-top: 0; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-white); box-shadow: -1px -12px 15px rgba(124, 124, 124, 0.25), 0 8px 20px rgba(0, 0, 0, 0.12);}

.language_menu.show{display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important;}

.language_menu div{display: flex; flex-direction: column; row-gap: 5px; font-size: 13px; font-weight: 700;}

.language_menu a{display: block; padding: 2px 0; color: var(--color-black); font-size: 13px; font-weight: 700; text-decoration: none;}

.language_menu a.red, .language_menu a:hover{color: var(--color-red) !important; background: transparent !important;}

.hamburger_menu{display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; min-width: 35px; min-height: 35px; margin-left: 10px; padding: 0; border: 1px solid var(--color-black); border-radius: 50px !important; background: var(--gradient-btn); color: var(--color-red); font-size: 26px; line-height: 50px; text-align: center; cursor: pointer; transition: transform var(--transition-fast); z-index: var(--header-zindex);}

.hamburger_menu:hover{transform: scale(1.05);}

.hamburger_icon{position: relative; display: block; width: 18px; height: 2px; background: var(--color-black); transition: background var(--transition-fast);}

.hamburger_icon::before, .hamburger_icon::after{position:absolute; right:0; width:100%; height:2px; background:var(--color-black); content:""; transition:transform var(--transition-normal),top var(--transition-normal),bottom var(--transition-normal);}

.hamburger_icon::before{top:-6px;}

.hamburger_icon::after{bottom:-6px;}

.hamburger_icon.show{background:transparent;}

.hamburger_icon.show::before{top:0; transform:rotate(45deg);}

.hamburger_icon.show::after{bottom:0; transform:rotate(-45deg);}

.searchpanel{display:flex;}

.searchpanel button.search{display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; cursor:pointer;}

.wrapper_mb{position: fixed; top: 0; left: 0; z-index: var(--drawer-zindex); width: 100%; height: 100%; pointer-events: none;}

.dd_wrap{position: fixed !important; top: 0 !important; right: 0 !important; width: 100% !important; max-width: 400px !important; height: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 0; background: var(--color-white) !important; box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15) !important; pointer-events: auto; transform: translate3d(100%, 0, 0) !important; transition: transform var(--transition-normal) !important; will-change: transform; display: flex !important; flex-direction: column !important; -webkit-overflow-scrolling: touch;}.wrap img{filter: brightness(0);}

.dd_wrap.active{transform: translate3d(0, 0, 0) !important;}

.dd_wrap::-webkit-scrollbar{width: 2px;}

.dd_wrap::-webkit-scrollbar-track{background: #f0f0f0;}

.dd_wrap::-webkit-scrollbar-thumb{background: #bbb; border-radius: 5px;}

.sidebar-header-fixed{position: sticky; top: 0; z-index: 1060; background: var(--color-white);}

.close_sidebar_btn{display: flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; min-width: 35px; min-height: 35px; font-size: 28px; font-weight: 500; color: var(--color-black); cursor: pointer; background: var(--gradient-btn); border: 1px solid var(--color-black); border-radius: 35px; margin-right: 1rem; padding: 0; line-height: 1; box-sizing: border-box; transition: color var(--transition-fast);}

.close_sidebar_btn:hover{color: var(--color-red);}

.dd_wrap ul{padding: 0; margin-top: 1rem; margin-bottom: 0; list-style: none;}

.dd_wrap ul li{position: relative;}

.dd_wrap ul li a, .a_parent{display: block; background: transparent; color: #181617; padding: 0 22px; width: 100%; transition: color var(--transition-fast); text-decoration: none; cursor: pointer;}

.dd_wrap ul li a:hover.a_parent .wrap .text, .a_parent:hover .wrap .text{background: linear-gradient(147deg, #f53843 35%, #2f5795 68%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

.wrap{border-bottom: 1px solid #eee; position: relative; display: block;}

.wrap span.text{display: inline-flex; align-items: center; color: var(--color-black); font-family: var(--font-heading); font-size: 15px; line-height: 3.5; font-weight: 700; column-gap: 0.7rem;}

.wrap span.text img{opacity: 0.9; width: 18px; height: 18px;}

.wrap::before{content: ""; position: absolute; right: 0; bottom: 0; top: 0; margin: auto 0.8rem auto auto; width: 10px; height: 10px; border: solid #ccc; border-width: 0 2px 2px 0; transform: rotate(-48deg); transition: transform var(--transition-normal);}

.a_parent.active .wrap::before{transform: rotate(45deg);}

.dd_menu{position: fixed !important; top: var(--sidebar-header-height, 73px) !important; right: 0 !important; z-index: 1055; width: 100% !important; max-width: 400px !important; height: calc(100% - var(--sidebar-header-height, 73px)) !important; padding-top: 0.5rem; padding-bottom: 2rem; overflow-y: auto; background: var(--color-white); transform: translate3d(100%, 0, 0); transition: transform var(--transition-normal); will-change: transform; -webkit-overflow-scrolling: touch;}

.a_parent.active + .dd_menu{transform: translate3d(0, 0, 0) !important;}

.back_btn{display: inline-flex; align-items: center; margin-left: 22px; padding: 10px 0; color: #888; font-family: var(--font-heading); font-size: 12px; font-weight: 600; cursor: pointer;}

.back_btn svg{width: 5px !important; margin-right: 10px;}

.back_btn:hover{color: var(--color-red);}

.dd_menu .h3{margin: 10px 0; padding: 10px 22px; border-bottom: 0; background: linear-gradient(147deg, rgba(245, 56, 67, 0.09) 4%, rgba(47, 87, 149, 0.05) 29%); color: var(--color-black); font-family: var(--font-heading); font-size: 15px; font-weight: 700;}

ul.sub_menu{padding: 0 22px 170px; margin-top: 0; list-style: none;}

ul.sub_menu > li{padding: 5px 0; border-bottom: 1.5px solid var(--color-border);}

ul.sub_menu li .prduct_name{position: relative; display: flex; align-items: center; min-height: 44px; margin-bottom: 0 !important; padding: 5px 0; color: var(--color-black); font-family: var(--font-heading); font-size: 15px; font-weight: 600; cursor: pointer;}

ul.sub_menu > li .prduct_name::before, ul.sub_menu > li .prduct_name[aria-expanded="false"]::before{position: absolute; top: 0; right: .8rem; bottom: 0; width: 7px; height: 7px; margin: auto 0; border: solid var(--color-gray-dark); border-width: 0 1px 1px 0; content: ""; transform: rotate(-48deg); transition: transform var(--transition-normal);}

ul.sub_menu > li .prduct_name[aria-expanded="true"]::before{transform: rotate(47deg);}

ul.sub_menu > li .prduct_name span{display: inline-flex; align-items: center; color: var(--color-black); font-family: var(--font-heading); column-gap: .5rem; position: relative; width: 100%;}

ul.sub_menu > li .prduct_name[aria-expanded="true"] span, ul.sub_menu > li:hover .prduct_name span{background: var(--gradient-brand); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}

ul.sub_menu > li .prduct_name span::before{position: absolute; left: 0; bottom: -11px; width: 100%; height: 1px; background: var(--gradient-brand); content: ""; transform: scaleX(0); transform-origin: left; transition: transform var(--transition-normal);}

ul.sub_menu > li .prduct_name[aria-expanded="true"] span::before{transform: scaleX(1);}

.menu_main_title{display: inline-flex; align-items: center; column-gap: .5rem;}

.collapse:not(.show){display: none;}

.collapsing{position: relative; height: 0; overflow: hidden; transition: height var(--transition-normal);}

@media (prefers-reduced-motion: reduce) {
  .collapsing{transition: none;}
}

.product_dis{display: none; color: #333; font-size: 15px; font-weight: 300; line-height: 1.45;}

.product_dis.collapsing, .product_dis.show{display: block !important;}

.b2b_product{display: flex; flex-direction: column; padding: 5px 0; margin: 0; list-style: none;}

ul.prodcut_type.b2b_product a{margin: .5rem 0; padding: 0; border: 0; font-size: 0; line-height: 0; cursor: pointer; width:auto}

ul.prodcut_type.b2b_product a span{display: inline-block; padding-bottom: 0; color: var(--color-black); font-size: 15px; font-weight: 600; line-height: normal;}

ul.prodcut_type.b2b_product a:hover span, .prodcut_type.b2b_product li > .product_name_h:hover span{background: var(--gradient-brand); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}

.product_name_h{position: relative; display: block !important; margin-top: 15px; cursor: pointer;}

.product_name_h::before, .product_name_h[aria-expanded="false"]::before{position: absolute; top: 0; right: .8rem; bottom: 0; width: 7px; height: 7px; margin: auto 0; border: solid var(--color-gray-dark); border-width: 0 1px 1px 0; content: ""; transform: rotate(47deg); transition: transform var(--transition-normal);}

.product_name_h[aria-expanded="true"]::before{transform: rotate(224deg);}

.product_name_h[aria-expanded="true"] span{color: var(--color-red) !important;}

ul.b2b_product .product_variants{display: none; padding: 0; margin: 0;}

ul.b2b_product .product_variants.collapsing, ul.b2b_product .product_variants.show{display: block !important;}

.product_variants ul.product_child{display: flex; flex-wrap: wrap; gap: 0; padding: 2px 0 8px 0; margin: 0; list-style: none;}

.product_variants ul.product_child li:first-child a{margin-left: 0;}

.product_variants ul.product_child li a{display: inline-block; margin: 10px 3px 0; padding: 6px 7px; border: 1px solid #d1d1d1; border-radius: 20px !important; background: var(--color-white); color: var(--color-black); font-size: 13px; line-height: 1; transition: all var(--transition-fast);}

.product_variants ul.product_child li a.fill_gradient_btn{border-color: transparent !important; background: var(--gradient-brand) !important; color: var(--color-white) !important;}

.product_variants ul.product_child li a:hover, .product_child li a:hover{border-color: transparent !important; background: var(--gradient-brand) !important; color: var(--color-white) !important; box-shadow: 0 4px 12px rgba(245, 56, 67, 0.25); transform: translateY(-1px);}

.why_stellar_section{width:100%; padding:clamp(1.75rem,2.5vw,2.5rem) 0 clamp(1rem,1.5vw,1.5rem); background-color:var(--color-white);}

.red_h{color:var(--color-red); font-family:var(--font-heading); font-size:clamp(14px,1vw,16px); font-weight:700; letter-spacing:.5px; text-transform:uppercase;}

.why_stellar_row{display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:1rem;}

.counter_text{display:flex; flex-wrap:wrap; justify-content:space-around; width:100%; padding-left:0; margin-bottom:0; list-style:none;}

.counter_text li{flex:1 1 auto; margin:1rem .5rem; text-align:center;}

.counter_text li .gtext, .gtext{display:inline-block; background:var(--gradient-brand); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}

.counter_h span{font-family:var(--font-heading); font-size:clamp(26px,3vw,42px); font-weight:800; line-height:1.1;}

.counter_text .counter_h span sup{position:static; font-size:60%; font-weight:800; vertical-align:revert;}

.counter_sh{margin-top:6px; color:var(--color-black); font-family:var(--font-heading); font-size:clamp(11px,.9vw,14px); font-weight:700; letter-spacing:.3px; text-transform:uppercase;}

.counter_text p{margin-bottom:0;}

.stellar_bootom_strip{position:relative; z-index:3; padding:1px; margin-bottom:2rem; border-radius:15px; background:linear-gradient(90deg,rgba(231,37,120,.31),50%,rgba(42,100,246,.31) 100%);}

.stamp_row{display:flex; align-items:center; column-gap:25px; border-radius:15px; background:var(--gradient-brand);}

.stellar_bootom_strip .stellar_stamp{display:flex; align-items:center; flex-shrink:0; padding:1.2rem 1.75rem; border-radius:14px 0 0 14px; background:var(--color-white);}

.stamp_container img{display:block; max-width:210px; height:auto;}

.stellar_bootom_strip .inovation_col{display:flex; flex-direction:column; justify-content:center; padding:.85rem 0; color:var(--color-white);}

.stellar_bootom_strip .inovation_col .info_title{margin-bottom:2px; color:var(--color-white); font-family:var(--font-heading); font-size:clamp(14px,1.25vw,18px); font-weight:700; text-transform:uppercase; white-space:nowrap;}

.stellar_bootom_strip .inovation_col .info_subtitle, .stellar_bootom_strip .inovation_col span{color:var(--color-white); font-family:var(--font-primary); font-size:clamp(12px,1vw,14px);}

.logo_list{display:flex; align-items:center; justify-content:flex-end; gap:clamp(.5rem,1.25vw,1.25rem); margin-bottom:0; margin-left:auto; padding-right:1.75rem; padding-left:0; list-style:none;}

.logo_list li{display:inline-flex; align-items:center;}

.logo_list li img{display:block; width:auto; max-width:100%; height: auto; margin-top: 10px;}


footer{position:relative; width:100%; overflow:hidden; padding-top:2rem; background:linear-gradient(180deg,#fff 6%,rgba(255,230,231,1) 30%,rgba(234,242,254,1) 51%,rgba(234,242,254,1) 65%,rgba(255,230,231,1) 117%);}

.footer_bottom_wrapper{position:relative; padding:1px 1px 0; border-radius:16px 16px 0 0; background:linear-gradient(180deg,rgba(231,37,120,.31) 33%,rgba(42,100,246,.31) 66%,rgba(255,255,255,1) 100%);}

.footer_bottom_wrapper::before, .footer_bottom_wrapper::after{position:absolute; bottom:0; width:200px; height:400px; background:linear-gradient(90deg,#e72578 50%,#2a64f6 100%); filter:blur(3rem); opacity:.5; pointer-events:none; content:"";}

.footer_bottom_wrapper::before{left:0;}

.footer_bottom_wrapper::after{right:0; z-index:0;}

.bottom_footer_container{position:relative; z-index:1; padding:1.5rem 2rem; border-radius:15px 15px 0 0; background:var(--color-white);}

.diy-box-title{color:var(--color-black); font-size:clamp(13px,1vw,14px); letter-spacing:.5px;}

.addres_tab{display:flex; align-items:center; column-gap:1rem; padding-top:.75rem; padding-left:0; margin-bottom:0; border-bottom:0; list-style:none;}

.address_item{ border-bottom:1px solid #b8b8b8 !important; color:#b8b8b8; font-family:var(--font-heading); font-size:clamp(12px,1vw,14px); font-weight:700; text-transform:uppercase; cursor:pointer; transition:all var(--transition-fast); padding-left:0px; padding-right:0px}

.address_item:hover, .address_item.active{border-bottom-color:var(--color-red) !important; color:var(--color-gray-dark) !important;}

.footer_address{padding-top:.25rem; color:var(--color-gray-dark); font-size:clamp(13px,1vw,14px); line-height:1.6;}

.blank_bgl ul{padding-left:0; margin-bottom:0; list-style:none;}

.blank_bgl ul li{padding:3px 0;}


.blank_bgl ul li a{color:var(--color-gray-dark); font-size:clamp(12px,.9vw,14px); transition:color var(--transition-fast); font-family: var(--font-primary);}

.blank_bgl ul li a:hover{color:var(--color-red);}

.footer_title{position:relative; display:flex; align-items:center; justify-content:space-between; cursor:pointer;}

.social_app a img{opacity:.85; transition:opacity var(--transition-fast),transform var(--transition-fast); filter: brightness(0.5) invert(1); width: auto;}

.social_app a:hover img{opacity:1; transform:scale(1.1);}

@media screen and (min-width:992px) {
  .dont-collapse-sm.collapse{display:block!important; height:auto!important; visibility:visible!important;}

.footer_title{pointer-events:none; cursor:default;}

.collaps{display:none!important;}
}

@media screen and (max-width:991px) {
  :root{--header-height:70px;}

.main-navbar{display:flex!important; align-items:center; justify-content:flex-end; flex-basis:auto; flex-grow:0;}

.right-nav{display:none!important;}

.searchpanel{display:flex!important; margin-right:12px; margin-left:auto;}

.hamburger_menu{display:flex!important;}

.footer_title{padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid var(--color-border); cursor:pointer; pointer-events:auto;}

.collaps{width:10px; height:10px; border:solid var(--color-gray-dark); border-width:0 2px 2px 0; transform:rotate(45deg); transition:transform var(--transition-normal);}

.footer_title[aria-expanded="true"] .collaps{transform:rotate(-135deg);}

.blank_bgl ul.collapse:not(.show):not(.collapsing){display: none;}

.blank_bgl ul.collapsing, .blank_bgl ul.collapse.show{display: block !important;}

.bottom_footer_container{padding:1.5rem 1rem;}

.counter_text li{flex:0 0 33.333%; max-width:33.333%;}

.stamp_container img{max-width:160px;}

 
}

@media screen and (max-width:900px) {
  .stamp_row{flex-direction:column; align-items:center; justify-content:center; padding:1.75rem 1rem; row-gap:1rem;}

.stellar_bootom_strip .stellar_stamp{padding:.5rem 0; border-radius:0; background:none;}

.stellar_bootom_strip .stellar_stamp img{max-width:180px; filter:brightness(0) invert(1);}

.stellar_bootom_strip .inovation_col{padding:0; margin-top:.25rem; text-align:center;}

.logo_list{justify-content:center; margin:0 auto; padding-right:0; row-gap:.5rem; flex-wrap:wrap;}
}

@media screen and (max-width:576px) {
  .stellar_logo img{width:115px;}

.exp_text{padding-left:.5rem;}

.dd_wrap, .dd_menu{max-width:100%!important;}

.counter_text li{flex:0 0 50%; max-width:50%; margin:.75rem 0;}

.stellar_bootom_strip .inovation_col .info_title{text-wrap:balance; white-space:normal;}

.logo_list{column-gap:.5rem;}

.logo_list li img{max-height:38px;}
}

@media screen and (min-width:1500px) {
  .container-fluid{max-width:1400px;}
}
@media screen and (max-width:380px) {
  .stellar_logo img{width:85px;}
  .stellar_logo a{padding-right: 10px;}
  .exp_text{ white-space: nowrap;}
  .searchpanel button.search{    min-width: 30px;}
  .hamburger_menu{ min-width: 30px !important; width: 30px !important; height: 30px !important; min-height: 30px !important;}

.exp_text{font-size:10px;}

.exp_text span{font-size:12px;}

.searchpanel{margin-right:4px;}

.hamburger_menu{margin-left:4px;}

.counter_text li{flex:0 0 50%; max-width:50%;}

}