*{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--primaryColor: var(--primary-color, #FF0000);--secondaryColor: var(--secondary-color, #E80101);--secondaryLightColor: var(--primary-color, #FA364B);--tertiaryColor: var(--background-secondary-color, #fef08e);--quaternaryColor: var(--background-primary-color, #FAF9F5);--quaternaryDarkColor: var(--background-secondary-color, #F2F0E6);--greyColor: var(--secondary-color, #4B5563);--lightGreyColor: var(--background-secondary-color, #f8f9f8);--darkGreyColor: var(--secondary-color, #172730);--primaryTextColor: var(--text-color, #0F0F0F);--greyTextColor: var(--text-color, #6d6e71);--ss: 20px;--scbg: rgba(0, 0, 0, 0.05);--scbtc: var(--primary-color, #FF0000);--borderColor: var(--secondary-color, #D5D5D5);--dBg: #C0DEF1;--cBg: #FDE437;--dBtnBg: #E5E7EB}@media(min-width: 1400px){:root{--ss: 30px}}html{overflow-x:hidden}body{color:var(--primaryTextColor);line-height:1.3;background:#fff;overflow-x:hidden}strong,b{font-weight:600}a{display:block;text-decoration:none}a:hover,a:focus{color:var(--primaryColor)}a:hover svg{fill:var(--primaryColor)}a,[role=button],button{cursor:pointer;user-select:none;transition:.2s ease-in-out}sub{vertical-align:top;font-size:smaller}p a,p strong{display:inline-block;vertical-align:top}p:not(:last-of-type){margin-bottom:15px}.font-400{font-weight:400}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.main{width:100%;min-height:100vh;position:relative;transition:200ms linear;overflow-x:hidden}[class*=Flx],.cpwrp .cpowrp .bx,.cpwrp .cpowrp .bx .cpfedb,h2 a,.hschbg .hsform,.hschbg .spcnt,.hschbg .spcnt div,.feSc .strsld:not(.slick-slider),.imgCnk,.snlsec .snfld,.rsnws,.rsnws>div.rs .tbs,.strsld .slick-dots,.cSld .slick-dots,.sdSld .slick-dots,.strSld .sld .slick-dots,.favStr .lgos .slick-dots,.fdvo .cpns .slick-dots,.slds .cpns .slick-dots,.cpn .imgs>a:not(:first-child),.cpn .cnt,.cpn .cnt .str-vrf,.cpn .trm-cnt,.cpn .cbt,.dsclmr .Wrp-Tvc,.dsclmr .Wrp,footer .cols,footer .row,footer .Wrp,.nls>a,.nls .drpdwn,.nlevt,.items,.items.itscol,.items .readbt,.items .morebt,.gsf .gsfw,.gsf .gsfw.gsrrlt,.gsf .gsrwrp.active,.gsf .ext,.sidenv .snhead,[class*=Vhc],.header .mbtn,.nls{display:flex;flex-wrap:wrap}[class*=Wrp],.fdvo,.feSc,.abt,.Sec.bg .slds,footer .cols,footer .row,.items{width:100%;margin:0 auto;padding:0 15px}@media(max-width: 1399px){[class*=Wrp],.fdvo,.feSc,.abt,.Sec.bg .slds,footer .cols,footer .row,.items{max-width:1230px}}[class*=Vhc],.header .mbtn,.nls{align-items:center;justify-content:center}[class*=Sec]:not(.noPd){padding-top:var(--ss);padding-bottom:var(--ss)}[class*=Sec].bg{background-color:var(--quaternaryDarkColor)}[class*=Sec].bg+.bg{background:none}.bg{background-color:var(--quaternaryDarkColor)}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.text-white,.hover\:text-white:hover,.focus\:text-white:focus{color:#fff}.bg-gray{background-color:#f0f4f9}.border-white{border-color:#fff}.border-black{border-color:#000}.bg-primaryColor,.hover\:bg-primaryColor:hover,.focus\:bg-primaryColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#FF0000}.border-primaryColor,.hover\:border-primaryColor:hover,.focus\:border-primaryColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#FF0000}.text-primaryColor,.hover\:text-primaryColor:hover,.focus\:text-primaryColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#FF0000}.bg-secondaryColor,.hover\:bg-secondaryColor:hover,.focus\:bg-secondaryColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#E80101}.border-secondaryColor,.hover\:border-secondaryColor:hover,.focus\:border-secondaryColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#e80101}.text-secondaryColor,.hover\:text-secondaryColor:hover,.focus\:text-secondaryColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#E80101}.bg-secondaryLightColor,.hover\:bg-secondaryLightColor:hover,.focus\:bg-secondaryLightColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#FA364B}.border-secondaryLightColor,.hover\:border-secondaryLightColor:hover,.focus\:border-secondaryLightColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#fa364b}.text-secondaryLightColor,.hover\:text-secondaryLightColor:hover,.focus\:text-secondaryLightColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#FA364B}.bg-tertiaryColor,.hover\:bg-tertiaryColor:hover,.focus\:bg-tertiaryColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#fef08e}.border-tertiaryColor,.hover\:border-tertiaryColor:hover,.focus\:border-tertiaryColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#fef08e}.text-tertiaryColor,.hover\:text-tertiaryColor:hover,.focus\:text-tertiaryColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#fef08e}.bg-quaternaryColor,.hover\:bg-quaternaryColor:hover,.focus\:bg-quaternaryColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#FAF9F5}.border-quaternaryColor,.hover\:border-quaternaryColor:hover,.focus\:border-quaternaryColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#faf9f5}.text-quaternaryColor,.hover\:text-quaternaryColor:hover,.focus\:text-quaternaryColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#FAF9F5}.bg-quaternaryDarkColor,.hover\:bg-quaternaryDarkColor:hover,.focus\:bg-quaternaryDarkColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#F2F0E6}.border-quaternaryDarkColor,.hover\:border-quaternaryDarkColor:hover,.focus\:border-quaternaryDarkColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#f2f0e6}.text-quaternaryDarkColor,.hover\:text-quaternaryDarkColor:hover,.focus\:text-quaternaryDarkColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#F2F0E6}.bg-greyColor,.hover\:bg-greyColor:hover,.focus\:bg-greyColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#4B5563}.border-greyColor,.hover\:border-greyColor:hover,.focus\:border-greyColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#4b5563}.text-greyColor,.hover\:text-greyColor:hover,.focus\:text-greyColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#4B5563}.bg-lightGreyColor,.hover\:bg-lightGreyColor:hover,.focus\:bg-lightGreyColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#f8f9f8}.border-lightGreyColor,.hover\:border-lightGreyColor:hover,.focus\:border-lightGreyColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#f8f9f8}.text-lightGreyColor,.hover\:text-lightGreyColor:hover,.focus\:text-lightGreyColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#f8f9f8}.bg-darkGreyColor,.hover\:bg-darkGreyColor:hover,.focus\:bg-darkGreyColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#172730}.border-darkGreyColor,.hover\:border-darkGreyColor:hover,.focus\:border-darkGreyColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#172730}.text-darkGreyColor,.hover\:text-darkGreyColor:hover,.focus\:text-darkGreyColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#172730}.bg-primaryTextColor,.hover\:bg-primaryTextColor:hover,.focus\:bg-primaryTextColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#0F0F0F}.border-primaryTextColor,.hover\:border-primaryTextColor:hover,.focus\:border-primaryTextColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#0f0f0f}.text-primaryTextColor,.hover\:text-primaryTextColor:hover,.focus\:text-primaryTextColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#0F0F0F}.bg-greyTextColor,.hover\:bg-greyTextColor:hover,.focus\:bg-greyTextColor:focus,.group .group-hover\:bg-key:hover,.group .group-hover\:bg-key:focus{background-color:#6d6e71}.border-greyTextColor,.hover\:border-greyTextColor:hover,.focus\:border-greyTextColor:focus,.group .group-hover\:border-key:hover,.group .group-hover\:border-key:focus{border-color:#6d6e71}.text-greyTextColor,.hover\:text-greyTextColor:hover,.focus\:text-greyTextColor:focus,.group .group-hover\:text-key:hover,.group .group-hover\:text-key:focus{color:#6d6e71}.bg-facebook{background-color:#3b5998 !important}.text-facebook{color:#3b5998 !important}.bg-twitter{background-color:#1da1f2 !important}.text-twitter{color:#1da1f2 !important}.bg-instagram{background-color:#dd2a7b !important}.text-instagram{color:#dd2a7b !important}.bg-linkedin{background-color:#0274b3 !important}.text-linkedin{color:#0274b3 !important}.bg-pinterest{background-color:#e56262 !important}.text-pinterest{color:#e56262 !important}.bg-reddit{background-color:#ff5700 !important}.text-reddit{color:#ff5700 !important}.bg-email{background-color:#78a05e !important}.text-email{color:#78a05e !important}.bg-vk{background-color:#2787f5 !important}.text-vk{color:#2787f5 !important}.border{--bws: 1px;border-width:var(--bw, var(--bws));border-style:solid}input,select,textarea,button{border:none;box-shadow:none;outline:none}input,select,textarea{width:100%}::placeholder{color:#b6b8bd !important}body,input,select,textarea,button{font-family:poppins,sans-serif;font-size:14px;font-weight:400}h1,h2,h3,h4,h5,h6,.hschbg .spcnt div strong,.strHd .btns span,.smbtn,.evtBnr #timer>div{font-family:poppins,sans-serif;line-height:1.2}h1,h2,h4,h5,h6{margin-bottom:15px}h6{font-size:17px}h5{font-size:20px}h4{font-size:25px}h3{font-size:16px}h2{font-size:30px}h1{font-size:24px}.pColor{color:var(--primaryColor)}.sColor,.abt .grd .col:not(.cnt) h2 strong,.cpn h1 .cexclv,.cpn h3 .cexclv{color:var(--secondaryColor)}h2 a{color:var(--primaryTextColor)}.secondaryBtn,.imgCnk .txt a{background-color:var(--secondaryLightColor);color:#fff}.primaryBtn,.cpwrp .cpowrp .bx button{background-color:var(--primaryColor);color:#fff}.btn{height:40px;line-height:40px;border-radius:10px}.hidden{display:none !important}.disabled{display:none !important}img{max-width:100%;max-height:100%;width:100%;height:100%;vertical-align:middle;object-fit:cover}::-webkit-scrollbar{width:7px}@media(min-width: 1441px){::-webkit-scrollbar{width:10px}}::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.1)}::-webkit-scrollbar-thumb{background:var(--scbtc);border-radius:20px}html,body,.scrolr{scrollbar-color:var(--scbtc) var(--scbg);scrollbar-width:thin;border:none}::selection{background:rgba(160,174,192,.4);color:#272f3a}.title{font-weight:500;border-bottom:solid 3px var(--purple-400);padding-bottom:.4rem;font-size:1.6em}@media(max-width: 991px){.title{text-align:center}}.bp_hrt:hover::before{color:var(--secondaryLightColor)}.bp_hrt.active::before{content:"";color:var(--secondaryLightColor)}h1.ttl{text-align:center;font-size:30px;margin-bottom:10px}.cpn.cd .str-vrf span{background-color:var(--cBg);text-transform:uppercase}.cpn.dl .str-vrf span{background-color:var(--dBg);text-transform:uppercase}#tpBtn{position:fixed;bottom:-60px;right:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:50px;height:50px;background:var(--primary-color, #FF0000);border-radius:100%;color:#fff;transform:rotate(-90deg);font-size:20px;padding:0 0 0 3px;box-shadow:-5px 0 5px 0 #00000036;opacity:0;visibility:hidden;z-index:1}#tpBtn.show{opacity:1;visibility:visible}@keyframes wFull{to{transform:scaleX(1)}}.tostr{position:fixed;top:15px;right:15px;background-color:#fff;padding:16px 60px 16px 16px;border-radius:5px;background-clip:padding-box;z-index:11;overflow:hidden}.tostr .bp_crs{position:absolute;right:0;top:0;font-size:10px;line-height:50px;height:50px;width:50px;text-align:center;cursor:pointer}.tostr .tpgrs{position:absolute;bottom:0;left:0;right:0;height:5px;background-color:rgba(0,0,0,.2);animation:wFull 4s 1;transform-origin:left;transform:scaleX(0);animation-fill-mode:forwards;animation-timing-function:linear}.tostr.success{background-color:var(--primaryColor);color:#fff}.tostr.error{background-color:var(--secondaryLightColor);color:#fff}@media(max-width: 1399px){h2{font-size:26px}}@media(max-width: 550px){h1,h2,h4,h5,h6{margin-bottom:10px}h1.ttl{font-size:24px}h2{font-size:20px}#tpBtn{bottom:-40px;right:20px;width:40px;height:40px;font-size:16px}}.grid{display:grid;row-gap:2rem;column-gap:1.33rem}@media(min-width: 992px){.grid-cols-1{grid-template-columns:repeat(1, 1fr)}.grid-cols-2{grid-template-columns:repeat(2, 1fr)}.grid-cols-3{grid-template-columns:repeat(3, 1fr)}.grid-cols-4{grid-template-columns:repeat(4, 1fr)}}:root{--snw: 280px;--sns: 20px}.sidenv{position:fixed;left:calc(var(--snw)*-1);top:0;height:100vh;overflow-y:auto;width:var(--snw);background:#fff;z-index:5;color:#222;transition:left 300ms linear;padding:30px}.sidenv a{color:inherit;text-decoration:none}.sidenv>a:not(:last-child){border-bottom:solid 1px rgba(0,0,0,.05)}.sidenv>a,.sidenv>.lgnbtn{padding:12px 0;font-size:14px}.sidenv .entLogorgt{display:flex;flex-wrap:wrap;align-items:center}.sidenv .entLogorgt img,.sidenv .entLogorgt .cimg{width:30px;height:30px;margin-right:10px}.sidenv .snhead{align-items:center;justify-content:space-between;padding:0 0 12px;margin-bottom:12px;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:2px;border-bottom:solid 1px rgba(0,0,0,.05)}.sidenv .snhead .snx{font-size:20px;letter-spacing:0;transition:color 300ms linear}.sidenv .snhead .snx:hover,.sidenv .snhead .snx:focus{color:color(primaryColor)}.sidenv .scl{--size: 30px;position:absolute;bottom:var(--sns);left:var(--sns);right:var(--sns)}.sidenv .scl a:before{font-size:24px}.main{transition:margin-left 300ms linear}.main.snactv{margin-left:var(--snw)}.main.snactv .sidenv{left:0}.gsf{position:fixed;top:0;bottom:0;left:0;right:0;z-index:4;overflow:auto;padding:60px 0;opacity:1;visibility:visible;transition:300ms linear}.gsf .Wrp{max-width:1000px}.gsf:not(.active){opacity:0;visibility:hidden}.gsf .gsfov{position:fixed;left:0;top:0;bottom:0;right:0;z-index:-1;background-color:#fff}.gsf .gsfw{border-bottom:solid 2px var(--primaryColor);overflow:hidden;width:100%}.gsf .gsfw input{box-shadow:none;border:none;height:60px;line-height:60px;padding:0 20px;font-size:22px;flex:1;width:100%}.gsf .gsfw .btn{border-radius:0;padding:0 15px;height:60px;line-height:60px;font-size:18px;background:transparent;color:#afafaf}.gsf .gsfw .btn:hover,.gsf .gsfw .btn:hover i,.gsf .gsfw .btn:focus,.gsf .gsfw .btn:focus i{color:var(--secondaryLightColor)}.gsf .gsrwrp{display:none;gap:0 30px}.gsf h3{font-size:22px;margin:20px 0;width:100%;text-transform:uppercase}.gsf .scpns{--scpd: row;--scw: 100%;--scf: 1;width:70%}.gsf .scpns.scrslt{--scpd: column;flex:var(--scf);min-width:50%}.gsf .scpns svg{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}.gsf .scpns svg path,.gsf .scpns svg rect{fill:#33b866}.gsf .scpns .scpn{width:var(--scw)}.gsf .scpns .scpn .cimg,.gsf .scpns .scpn img{width:70px;height:70px;object-fit:contain;object-position:center;background:#fff;padding:5px;border:1px solid var(--borderColor);border-radius:10px}@media(max-width: 550px){.gsf .scpns .scpn .cimg,.gsf .scpns .scpn img{width:50px;height:50px}}.gsf .scpns .scpn figcaption{flex:1;padding-left:15px;justify-content:space-between}.gsf .scpns .scpn figcaption span:first-child{color:var(--primaryColor);font-weight:700;text-transform:uppercase;font-size:14px;line-height:1}.gsf .scpns .scpn figcaption a{color:var(--primaryTextColor)}.gsf .scpns .scpn figcaption a h4{margin:0;font-size:16px}.gsf .scpns .scpn figcaption a:hover,.gsf .scpns .scpn figcaption a:focus{color:#555}.gsf .scpns .scpn figcaption .ctype{font-size:14px;background-color:var(--dBg);width:fit-content;padding:4px 7px;line-height:10px;border-radius:4px}@media(max-width: 550px){.gsf .scpns .scpn figcaption .ctype{margin-top:10px}}.gsf .scpns .scpn figcaption.FlxDc{flex-direction:column}.gsf .scpns .scpn+.scpn{margin-top:20px}.gsf .brnd{flex:1}.gsf .brnd .rbrnd a{color:var(--primaryColor);display:block;font-size:18px;width:fit-content}.gsf .brnd .rbrnd a small{display:block;margin-top:5px;font-size:14px;color:var(--primaryTextColor)}@media(max-width: 550px){.gsf .brnd .rbrnd a a{font-size:16px}.gsf .brnd .rbrnd a a small{margin-top:0}}.gsf .brnd .rbrnd a:hover,.gsf .brnd .rbrnd a:focus{color:#555}.gsf .brnd .rbrnd a:hover small,.gsf .brnd .rbrnd a:focus small{color:#555}.gsf .brnd .rbrnd+.rbrnd{margin-top:20px}@media(max-width: 550px){.gsf .brnd .rbrnd+.rbrnd{margin-top:10px}}.gsf .ext{width:100%;margin-top:20px;background-color:var(--quaternaryDarkColor);padding:10px;border-radius:10px;align-items:center;color:var(--primaryTextColor);gap:0 10px}@media(max-width: 550px){.gsf .ext{display:none}}.gsf .ext img{width:60px;height:60px;object-fit:contain}.gsf .ext div{flex:1;margin-top:-5px;position:relative}.gsf .ext div h4{font-size:18px;margin-bottom:10px}.gsf .ext div p{color:#555}.gsf .ext div i{position:absolute;right:10px;top:40%}.gsf .ext:hover div i{color:var(--primaryColor)}.gsf a.vwAl{width:100%;margin-top:15px;background-color:var(--primaryColor);text-align:center;padding:11px 10px 13px;border-radius:10px;color:#fff}.gsf .rsltrw{transition:opacity 300ms linear,filter 300ms linear}.gsf .rsltrw.loading{opacity:.4;filter:grayscale()}@media(min-width: 992px){.gsf .rsltrw{display:flex;flex-wrap:wrap}.gsf .rsltrw .tofrwp{flex:3}.gsf .rsltrw .rbrdwp{flex:1}}@media(max-width: 991px){.gsf .rsltrw{display:flex;flex-wrap:wrap;flex-direction:column}.gsf .rsltrw .tofrwp{order:1}.gsf .rsltrw .rbrdwp{order:0}.gsf .rsltrw .rbrdwp:last-child{order:2}}.gsf .rbrnds{display:flex;flex-direction:column}.gsf .rbrnds .rbrnd{padding:10px 0}.gsf .rbrnds .rbrnd .rbhd{font-size:16px;font-weight:700;color:color(primaryTextColor);transition:color 300ms linear;text-decoration:none}.gsf .rbrnds .rbrnd .rbhd:hover,.gsf .rbrnds .rbrnd .rbhd:focus{color:color(primaryColor)}.gsf .rbrnds .rbrnd .rbvwbt{transition:color 300ms linear;color:color(secondaryColor);text-decoration:none}.gsf .rbrnds:not(.rbcats) .rbrnd{padding:5px 0}.gsf hr{margin:30px 0;background:#ddd;border:none;border-top:solid 1px #ddd;width:100%}@media(max-width: 1399px){.gsf{padding:40px 0}.gsf .gsfw input{height:50px;line-height:50px;font-size:16px}.gsf .gsfw .btn{height:50px;line-height:50px;font-size:16px}.gsf h3{font-size:16px}}@media(max-width: 550px){.gsf h3{margin:10px 0}}.cnt .skl{height:70px;gap:0 15px}.cnt .skl *:not(.txt){background-color:#e8e8e8;border-radius:4px;background-clip:padding-box;background-repeat:no-repeat;animation:loading 1s infinite;background-position:50% 0;background-size:200% 200%;background-image:linear-gradient(90deg, #e8e8e8 0, #e1e0e0 20px, #e8e8e8 40px) !important}.cnt .skl .lg{width:70px;height:100%;border-radius:10px;background-clip:padding-box}.cnt .skl .txt{max-width:300px;width:100%;display:inline-flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;padding-block:4px}.cnt .skl .nm,.cnt .skl .tp{height:14px}.cnt .skl .nm{width:67%}.cnt .skl .tl{height:16px}.cnt .skl .tp{width:50px}.cnt .skl:not(:last-child){margin-bottom:20px}.cnt .skl:nth-child(1) .tl,.cnt .skl:nth-child(4) .tl{width:90%}.cnt .skl:nth-child(3) .tl,.cnt .skl:nth-child(5) .tl{width:75%}.brnd .skl{height:40px;align-content:space-between}.brnd .skl .bnm{height:18px;width:80%}.brnd .skl .of{height:14px;width:50%}.brnd .skl:nth-child(1) .bnm{width:70%}.brnd .skl:nth-child(2) .bnm,.brnd .skl:nth-child(5) .bnm{width:60%}@keyframes loading{to{background-position:-100% 0}}@media(max-width: 550px){.cnt .skl{height:60px}.cnt .skl .lg{width:50px}.cnt .skl .txt{max-width:220px}.brnd .skl{height:35px}.brnd .skl:not(:last-child){margin-bottom:10px}}.header{--items-offset: 0;--items-display: hidden;--items-opacity: 0;--items-y: 5px;--itsgap: 30px;align-items:center;position:relative;border-bottom:solid 2px var(--primaryColor);z-index:4;background-color:var(--quaternaryColor)}@media(max-width: 1199px){.header{--itsgap: 15px}}@media(max-width: 991px){.header{padding:17px 0}.header .VhcWrp{justify-content:space-between}}@media(max-width: 550px){.header{padding:15px 0}}.header .mbtn{width:30px;height:25px;position:relative;font-size:20px;font-weight:400;color:var(--primaryTextColor);text-align:center;text-decoration:none;line-height:1}@media(min-width: 992px){.header .mbtn{display:none}}@media(max-width: 550px){.header .mbtn{width:25px}}.header .mbtn.hmbtn{font-size:24px}.header .avtbtn{width:48px;height:48px;margin:-8px 0;border-radius:50%;padding:2px;border:solid 3px color(primaryColor);position:relative}.header .avtbtn img{width:38px;height:38px;border-radius:50%;object-fit:contain;vertical-align:middle}.header .avtbtn i{position:absolute;right:0;bottom:0;padding:5px;background-color:color(secondaryColor);color:#fff;border-radius:50%;font-size:.42em;font-weight:700}.header .lgo+.nls{padding-left:30px}.header .lgo+.nls>a,.header .lgo+.nls .drpdwn{align-self:stretch;align-items:center}.header .lgo+.nls>a,.header .lgo+.nls .drpdwn>a{font-weight:400}@media(min-width: 992px){.header .lgo{padding:15px 0}}@media(max-width: 991px){.header .lgo{margin:auto}.header .lgo~.nls{margin-left:0 !important}}.header .lgo .cimg,.header .lgo img{width:210px;max-height:43px;height:43px;object-fit:contain}@media(max-width: 767px){.header .lgo .cimg,.header .lgo img{width:200px;max-height:41px;height:41px}}@media(max-width: 550px){.header .lgo .cimg,.header .lgo img{width:170px;max-height:35px;height:35px}}@media(max-width: 1360px){.header .lgo+.nls .drpdwn{display:none}}.crtn{position:fixed;inset:0;background-color:var(--quaternaryDarkColor);opacity:0;z-index:2;visibility:hidden;transition:300ms linear}.crtn.shw{opacity:.9;visibility:visible}.nls{margin-left:auto;align-self:stretch}.nls~.nls{margin-left:25px}.nls~.nls>[role=button],.nls~.nls>a,.nls~.nls .mdrp>[role=button],.nls~.nls .mdrp>a{line-height:1}.nls~.nls>[role=button]:before,.nls~.nls>a:before,.nls~.nls .mdrp>[role=button]:before,.nls~.nls .mdrp>a:before{width:30px;height:24px;display:inline-flex;align-items:center}@media(max-width: 550px){.nls~.nls>[role=button]:before,.nls~.nls>a:before,.nls~.nls .mdrp>[role=button]:before,.nls~.nls .mdrp>a:before{width:25px}}.nls~.nls>[role=button].account:before,.nls~.nls>a.account:before,.nls~.nls .mdrp>[role=button].account:before,.nls~.nls .mdrp>a.account:before{content:none;color:color(secondaryColor)}.nls~.nls>[role=button]:hover,.nls~.nls>[role=button]:focus,.nls~.nls>a:hover,.nls~.nls>a:focus,.nls~.nls .mdrp>[role=button]:hover,.nls~.nls .mdrp>[role=button]:focus,.nls~.nls .mdrp>a:hover,.nls~.nls .mdrp>a:focus{color:color(secondaryColor)}.nls~.nls>[role=button]:hover:before,.nls~.nls>[role=button]:focus:before,.nls~.nls>a:hover:before,.nls~.nls>a:focus:before,.nls~.nls .mdrp>[role=button]:hover:before,.nls~.nls .mdrp>[role=button]:focus:before,.nls~.nls .mdrp>a:hover:before,.nls~.nls .mdrp>a:focus:before{mix-blend-mode:normal}.nls>div[role=button]{cursor:pointer}.nls>a,.nls .drpdwn>a,.nls>div[role=button],.nls .mdrp>a{color:var(--primaryTextColor);text-decoration:none}.nls>.drpdwn+a,.nls>.drpdwn+.drpdwn,.nls>.drpdwn+div[role=button],.nls>a+a,.nls>a+.drpdwn,.nls>a+div[role=button],.nls>div[role=button]+a,.nls>div[role=button]+.drpdwn,.nls>div[role=button]+div[role=button]{margin-left:var(--itsgap)}@media(max-width: 991px){.nls{display:none}}.nls+.sf{margin-left:var(--itsgap)}.nlevt .cimg,.nlevt img{width:30px;height:30px;margin-right:7px;object-fit:contain}.drpdwn{z-index:3}.drpdwn>a{position:relative}.drpdwn>a:after{content:"";width:6px;height:6px;display:inline-block;margin-left:7px;transform:rotate(45deg) translateY(-2px);transition:transform 300ms linear;border:solid var(--primaryTextColor);border-width:0 2px 2px 0;position:relative;top:-2px}.drpdwn>a.active:after{transform:rotate(-135deg) translateY(-2px)}.drpdwn>a:before{content:"";width:0;height:0;position:absolute;bottom:-30px;left:0;right:0;margin:auto;z-index:1;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid #e1e1e1;transform:translateY(var(--items-y));visibility:var(--items-display);opacity:var(--items-opacity);transition:300ms linear}.drpdwn.active{--items-display: visible;--items-opacity: 1;--items-y: 0}.itemsw{position:absolute;left:var(--items-offset);right:var(--items-offset);top:100%;margin:0 -10px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-clip:padding-box;box-shadow:0 2px 4px rgba(0,0,0,.07);visibility:var(--items-display);opacity:var(--items-opacity);display:flex;flex-wrap:wrap;transform:translateY(var(--items-y));transition:300ms linear;z-index:1;padding:20px 10px;background:#fff;box-shadow:2px 0 10px rgba(0,0,0,.03),-1px 0 10px rgba(0,0,0,.03);border-bottom:solid 2px var(--primaryColor)}.items{font-size:12px}.items.itscol{padding:10px}.items.itscol a{flex:1;min-width:20%}.items a{color:var(--primaryTextColor);padding:7px 0;transition:color 300ms linear;text-decoration:none}.items a:not(.morebt):hover,.items a:not(.morebt):focus{color:var(--primaryColor)}.items a.morebt:hover,.items a.morebt:focus{color:var(--secondaryLightColor)}.items .item{flex:1;min-width:20%;padding:5px;position:relative}.items h2{margin:0;font-size:14px;font-weight:700}.items h2 a{color:inherit;text-decoration:none;margin:0}.items .readbt,.items .morebt{align-items:center;transition:color 300ms linear}.items .readbt:after,.items .morebt:after{margin-left:5px;font-family:"boilerplate";content:"";width:15px;height:15px;line-height:15px;text-align:center;background:var(--primaryColor);font-size:7px;color:#fff;display:inline-block;border-radius:20px;background-clip:padding-box;transition:background-color 300ms linear}.items .readbt:hover:after,.items .morebt:hover:after{background-color:var(--secondaryLightColor)}.items .readbt:focus:after,.items .morebt:focus:after{background-color:var(--secondaryLightColor)}.sf{position:relative}.sf i{color:var(--primaryColor);margin-right:5px;font-size:18px}.ovly{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(244,244,244,.95);z-index:4}@media(min-width: 992px){.ovly{background:transparent}}.mdrp{position:relative;align-self:stretch;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.mdrp>a:after,.mdrp [role=button]:after{content:"";width:5px;height:5px;display:inline-block;margin-left:7px;transform:rotate(45deg) translateY(-1px);transition:transform 300ms linear;border:solid color(primaryTextColor);border-width:0 1px 1px 0;position:relative;top:-2px}.mdrp>a.active:after,.mdrp [role=button].active:after{transform:rotate(-135deg) translateY(-1px)}.mdrp .mitms{position:absolute;right:0;width:150px;top:100%;background-color:#fff;padding:0;border-top:solid 2px #efefef;opacity:0;visibility:hidden;transition-duration:300ms;transition-timing-function:linear;transition-property:opacity,visibility;cursor:none;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-clip:padding-box;box-shadow:0 0 5px 0 rgba(0,0,0,.07)}.mdrp .mitms a{color:inherit;text-decoration:none;padding:10px 20px}.mdrp .mitms a+a{border-top:solid 1px #efefef}.mdrp.active .mitms{opacity:1;visibility:visible}.nlshbt,.login,.signup{margin-left:1rem !important;cursor:pointer;text-decoration:none;font-size:1.5em;padding-top:.55rem;padding-bottom:.55rem;transition:color 300ms linear;color:inherit;display:inline-flex;align-items:center;border-radius:3rem;background-clip:padding-box}.nlshbt i,.login i,.signup i{margin-right:.4rem;transition:color 300ms linear}.nlshbt:hover,.nlshbt:focus,.login:hover,.login:focus,.signup:hover,.signup:focus{color:var(--secondaryColor)}.nlshbt:hover i,.nlshbt:focus i,.login:hover i,.login:focus i,.signup:hover i,.signup:focus i{color:var(--secondaryColor)}@media(max-width: 991px){.nlshbt i,.login i,.signup i{margin-right:0}.nlshbt:before,.nlshbt i:before,.login:before,.login i:before,.signup:before,.signup i:before{font-size:20px}}@media(max-width: 550px){.nlshbt,.login,.signup{margin-left:0 !important}}.nls.nlbmbv{display:flex}@media(max-width: 991px){.nls.nlbmbv .login,.nls.nlbmbv .signup,.nls.nlbmbv .mdrp{display:none}.nls.nlbmbv .login,.nls.nlbmbv .signup+*{margin-left:0 !important}}@media(max-width: 767px){.gsf{padding:16px 0}.gsf .scpns{width:100%}}footer{background-color:var(--quaternaryColor);padding:40px 0 25px}footer .cols{justify-content:space-between;gap:0 30px}footer .cols>div{display:inline-flex;flex-wrap:wrap;flex-direction:column;gap:8px 0}footer .cols>div h4{color:var(--primaryColor);font-size:18px;margin-bottom:8px;text-transform:uppercase}footer .cols>div a{color:var(--primaryTextColor);width:fit-content}footer .cols>div a:hover{color:var(--greyTextColor)}footer .cols>div:nth-child(n+4) a{height:40px;width:135px}footer .row{justify-content:center;margin-top:40px;gap:0 20px}footer .row a{color:var(--primaryTextColor);font-size:20px;min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}footer .row a:hover{color:var(--primaryColor)}footer .sptr{margin:10px 0 0;padding:20px 0 0;border-top:1px dashed #172730}footer .Wrp{align-items:center;flex-direction:column}footer .Wrp p.disc{font-size:14px;text-align:center}footer .Wrp p.cprt{font-size:12px}footer .Wrp img{width:210px;height:41px;margin:5px 0 15px}@media(max-width: 1199px){footer .cols>div a{font-size:15px}}@media(max-width: 991px){footer .cols{gap:30px 30px}footer .cols>div{text-align:center}footer .cols>div a{margin:0 auto}footer .cols>div a img{object-fit:contain}footer .cols>div:nth-child(-n+3){width:calc(33.33% - 20px)}footer .cols>div:nth-child(n+4){width:calc(50% - 15px);flex-direction:row}footer .cols>div:nth-child(n+4) h4{width:100%}}@media(max-width: 767px){footer .cols>div:nth-child(n+4) a{height:35px;width:115px}}@media(max-width: 550px){footer{padding:20px 0}footer .cols{gap:20px 0}footer .cols>div{max-width:320px;margin:0 auto}footer .cols>div h4{margin-bottom:0}footer .cols>div a{font-size:14px}footer .cols>div a img{object-fit:contain}footer .cols>div:nth-child(-n+3){width:100%}footer .cols>div:nth-child(n+4){width:100%}footer .cols>div:nth-child(n+4) h4{width:100%}footer .row{margin-top:20px;gap:0 10px}footer .row a{font-size:18px;min-width:25px;height:25px}footer .Wrp img{width:180px;height:36px;margin:0 0 15px}footer .Wrp p.cprt{text-align:center}}.hide_text_footer{display:none}.dsclmr{position:fixed;bottom:0;right:0;left:0;width:100%;background:#cac9c6;padding:15px 0;z-index:99;color:var(--primaryTextColor);filter:drop-shadow(0 -5px 5px #0000001a)}.dsclmr .Wrp-Tvc{align-items:center}.dsclmr .Wrp-Tvc p{flex:1;font-size:11px !important}.dsclmr .Wrp-Tvc p a{color:var(--secondaryColor);text-decoration:underline}.dsclmr .Wrp-Tvc .cbtn{width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center;color:var(--primaryTextColor);background:transparent}.dsclmr .Wrp{align-items:center}.dsclmr .Wrp p{flex:1;font-size:11px !important}.dsclmr .Wrp p a{color:var(--secondaryColor);text-decoration:underline}.dsclmr .Wrp .cbtn{width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center;color:var(--primaryTextColor);background:transparent}[class^=bp_],[class*=" bp_"]{font-family:"boilerplate" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bp_fr-dls:before{content:""}.bp_menu2:before{content:""}.bp_search2:before{content:""}.bp_reddit:before{content:""}.bp_download:before{content:""}.bp_share2:before{content:""}.bp_question:before{content:""}.bp_expiry:before{content:""}.bp_edit:before{content:""}.bp_thumb:before{content:""}.bp_check:before{content:""}.bp_exclaim:before{content:""}.bp_fr-dl:before{content:""}.bp_fr-dly:before{content:""}.bp_gft-crd:before{content:""}.bp_n-dl:before{content:""}.bp_rf-prg:before{content:""}.bp_st-ofr:before{content:""}.bp_reset:before{content:""}.bp_views:before{content:""}.bp_visit:before{content:""}.bp_str-fl:before{content:""}.bp_str:before{content:""}.bp_hrt-fl:before{content:""}.bp_hrt:before{content:""}.bp_crs:before{content:""}.bp_menu:before{content:""}.bp_search:before{content:""}.bp_save:before{content:""}.bp_arw-lft:before{content:""}.bp_arw-ryt:before{content:""}.bp_share:before{content:""}.bp_yt:before{content:""}.bp_twtr:before{content:""}.bp_pntrst:before{content:""}.bp_login:before{content:""}.bp_lndin:before{content:""}.bp_insta:before{content:""}.bp_fb:before{content:""}.bp_drprgt-r:before{content:""}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slider .slick-slide,.slick-slider .slick-slide *{outline:none}.spanDot{position:relative;padding-right:15px;margin-right:6px}.spanDot::after{content:"•";position:absolute;right:0;top:0;font-size:24px;line-height:19px}@font-face{font-family:"slick";src:url("./build/fonts/slick.eot");src:url("./build/fonts/slick.eot?#iefix") format("embedded-opentype"),url("./build/fonts/slick.woff") format("woff"),url("./build/fonts/slick.ttf") format("truetype"),url("./build/fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal}.slick-prev,.slick-next{position:absolute;display:block;line-height:0px;font-size:0px;cursor:pointer;background:transparent;color:transparent;top:50%;z-index:3;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:transparent;color:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:"slick";font-size:50px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:0}[dir=rtl] .slick-prev{left:auto;right:0}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:0}[dir=rtl] .slick-next{left:0;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:0px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0px;font-size:0px;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:15px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#189743;opacity:.75}.cpn{box-shadow:0 0 5px 3px rgba(0,0,0,.07);border-radius:10px;background-clip:padding-box;overflow:hidden;background-color:#fff;transition:.2s ease-in-out}.cpn .imgs{position:relative;height:140px;width:100%;border-bottom:1px solid var(--borderColor)}.cpn .imgs a{width:100%;height:100%}.cpn .imgs>a:first-child{padding:20px 0;text-align:center}.cpn .imgs>a:first-child img{width:160px;margin:auto}.cpn .imgs>a:not(:first-child){width:70px;height:70px;position:absolute;bottom:-30px;left:20px;background-color:#fff;border-radius:100%;background-clip:padding-box;overflow:hidden;box-shadow:0 3px 6px rgba(0,0,0,.16);border:none}.cpn .imgs.cvr+.cnt .str-vrf a{max-width:80px}@media(max-width: 1399px){.cpn .imgs.cvr+.cnt .str-vrf a{max-width:70px}}@media(max-width: 991px){.cpn .imgs.cvr+.cnt .str-vrf a{max-width:90px}}.cpn :not(>.str-vrf) a:not(.clgo){height:100%;width:100%;border-bottom:1px solid #dbdbdb}.cpn :not(>.str-vrf) a:not(.clgo) img{object-fit:scale-down}.cpn .cfb{position:absolute;right:20px;top:20px;background:transparent;font-size:22px;opacity:0}.cpn .cfb:hover,.cpn .cfb.active{color:var(--primaryColor)}.cpn .cfb.active{opacity:1}.cpn .cnt{flex-direction:column;padding:10px 20px 20px 20px;gap:5px 0}.cpn .cnt .str-vrf{justify-content:space-between;height:16px;align-items:center}.cpn .cnt .str-vrf a{color:var(--greyTextColor);max-width:170px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.cpn .trm-cnt,.cpn .cbt{justify-content:space-between;height:18px;align-items:center}.cpn .trm-cnt *,.cpn .cbt *{font-size:12px;font-weight:300}.cpn .trm-cnt button{background:transparent}.cpn .cpBtn{display:inline-flex;flex-wrap:wrap;align-items:center;align-self:center;width:100%;justify-content:center;padding:12px 12px;background-color:var(--primaryColor);color:#fff;border-radius:8px;background-clip:padding-box;font-weight:300;line-height:1}.cpn .cpBtn[data-code]{position:relative;overflow:hidden;padding-left:30px;background-color:#f2f0e6;z-index:1}.cpn .cpBtn[data-code]::before{content:attr(data-code);display:inline-flex;position:absolute;width:50px;height:100%;top:0;right:0;align-items:center;padding:0 15px 0 0;overflow:hidden;border:2px dashed var(--primaryColor);border-left:0;text-transform:uppercase;justify-content:end;box-sizing:border-box;border-radius:0 9px 9px 0;color:var(--primaryTextColor);z-index:-1;font-size:14px}.cpn .cpBtn[data-code]::after{content:"";position:absolute;width:100%;height:calc(100% + 2px);background-color:var(--primaryColor);top:0;right:34px;transform:skewX(25deg);transition:.2s ease-in-out;z-index:-1}.cpn .cpBtn[data-code]:hover::after{right:45px;box-shadow:5px 0 5px 0 #00000040}.cpn .str-vrf *,.cpn .ctp *{font-size:12px}.cpn .str-vrf span,.cpn .str-vrf .cvrf,.cpn .ctp span,.cpn .ctp .cvrf{background-color:var(--tertiaryColor);padding:3px 6px 2px;border-radius:5px;background-clip:padding-box;color:#0f0f0f;font-weight:300;line-height:1}.cpn h1,.cpn h3{font-family:poppins,sans-serif;line-height:1.3;margin:10px 0;text-align:left;font-weight:500;height:37px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}.cpn h1 a,.cpn h3 a{color:var(--primaryTextColor)}.cpn h1:hover a,.cpn h3:hover a{color:var(--primaryColor)}.cpn:hover{box-shadow:0 0 5px 3px rgba(0,0,0,.02)}.cpn:hover .imgs .cfb{opacity:1}@media(max-width: 1399px){.cpn .imgs>a:not(:first-child){width:70px;height:70px;bottom:-35px}}@media(max-width: 991px){.cpn .imgs>a:not(:first-child){bottom:20px}.cpn .cpBtn[data-code]::after{right:24px}.cpn .cpBtn[data-code]:hover::after{right:30px}}@media(max-width: 767px){.cpn .imgs .cfb{opacity:1;font-size:20px}}.strsld .slick-dots,.cSld .slick-dots,.sdSld .slick-dots,.strSld .sld .slick-dots,.favStr .lgos .slick-dots,.fdvo .cpns .slick-dots,.slds .cpns .slick-dots{justify-content:center;gap:0 10px}.strsld .slick-dots li,.cSld .slick-dots li,.sdSld .slick-dots li,.strSld .sld .slick-dots li,.favStr .lgos .slick-dots li,.fdvo .cpns .slick-dots li,.slds .cpns .slick-dots li{margin:0;width:auto;height:auto}.strsld .slick-dots li button,.cSld .slick-dots li button,.sdSld .slick-dots li button,.strSld .sld .slick-dots li button,.favStr .lgos .slick-dots li button,.fdvo .cpns .slick-dots li button,.slds .cpns .slick-dots li button{background-color:#f2f0e6;border-radius:10px;width:12px;height:12px;border:1px solid #acacac;padding:0}.strsld .slick-dots li button::before,.cSld .slick-dots li button::before,.sdSld .slick-dots li button::before,.strSld .sld .slick-dots li button::before,.favStr .lgos .slick-dots li button::before,.fdvo .cpns .slick-dots li button::before,.slds .cpns .slick-dots li button::before{display:none}.strsld .slick-dots li.slick-active button,.cSld .slick-dots li.slick-active button,.sdSld .slick-dots li.slick-active button,.strSld .sld .slick-dots li.slick-active button,.favStr .lgos .slick-dots li.slick-active button,.fdvo .cpns .slick-dots li.slick-active button,.slds .cpns .slick-dots li.slick-active button{background-color:var(--primaryColor);border-color:var(--primaryColor)}.sdSld .slick-dots,.strSld .sld .slick-dots,.fdvo .cpns .slick-dots,.slds .cpns .slick-dots{bottom:-50px}.cSld .slick-dots{bottom:-25px}.slick-prev,.slick-next{width:40px;height:40px;background-color:var(--primaryColor) !important;border-radius:10px;opacity:.5}.slick-prev.slick-disabled,.slick-next.slick-disabled{opacity:.3}.slick-prev:not(.slick-disabled):hover,.slick-prev:not(.slick-disabled):focus,.slick-next:not(.slick-disabled):hover,.slick-next:not(.slick-disabled):focus{opacity:1}.slick-prev::before,.slick-next::before{font-family:"boilerplate";font-size:20px;opacity:1 !important}.slick-prev{left:-10px}.slick-prev::before{content:""}.slick-next{right:-10px}.slick-next::before{content:""}@media(max-width: 767px){.strsld .slick-dots,.cSld .slick-dots,.sdSld .slick-dots,.strSld .sld .slick-dots,.fdvo .cpns .slick-dots,.slds .cpns .slick-dots{bottom:-30px}}.rsnws{gap:0 20px}.rsnws>div{flex:0 0 calc(50% - 10px);width:100%}.rsnws>div.rs h2{font-size:24px;text-align:left}.rsnws>div.rs .tbs{gap:0 20px}.rsnws>div.rs .tbs .tb{width:220px;display:inline-flex;flex-wrap:wrap;flex-direction:column;gap:10px 0}.rsnws>div.rs .tbs .tb a{flex:1;display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 5px;font-weight:700;color:var(--primaryTextColor);padding:10px 10px 12px;background-color:#e6e4de;justify-content:center;border-radius:10px;background-clip:padding-box;font-size:15px}.rsnws>div.rs .tbs .tb a i{color:var(--primaryColor);transition:.2s ease-in-out;pointer-events:none}.rsnws>div.rs .tbs .tb a.active{pointer-events:none}.rsnws>div.rs .tbs .tb a:not(.active){background-color:var(--quaternaryDarkColor)}.rsnws>div.rs .tbs .tb a:not(.active) i{transform:rotate(90deg)}.rsnws>div.rs .tbs .cnt{flex:1;width:100%;max-width:calc(100% - 240px);border-radius:10px;background-clip:padding-box;background-color:var(--quaternaryDarkColor);display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;padding:10px 20px;gap:3px 30px;height:276px}.rsnws>div.rs .tbs .cnt a{font-size:14px;color:var(--primaryTextColor);max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.2}.rsnws>div.rs .tbs .cnt a:hover{color:var(--greyTextColor)}.rsnws>div.rs .tbs .cnt a i{color:var(--primaryColor)}@media(max-width: 1199px){.rsnws>div{flex:0 0 100%}.rsnws>div.rs{display:none}}.snlsec{background-color:var(--quaternaryDarkColor);border-radius:10px;background-clip:padding-box;padding:20px;text-align:center;display:inline-flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:20px 0}.snlsec img{width:80px;height:80px}.snlsec h2{font-size:24px;margin:0}.snlsec h2+p{font-size:14px;margin:0}.snlsec .snfld{width:490px}.snlsec .snfld input{flex:1;border:1px solid #000;border-radius:40px;padding:10px 30px;background-color:#fff}.snlsec .snfld .nfb{padding:17px 10px;width:190px;margin-left:-60px;background-color:var(--secondaryLightColor);color:#fff;border-radius:50px}.snlsec .snfld~p{font-size:14px}.snlsec p a{color:var(--secondaryColor);text-decoration:underline}.snlsec.wide{background-color:#fff;border-radius:10px;padding:30px 20px;box-shadow:0 0 5px 3px rgba(0,0,0,.07);gap:10px 0}.snlsec.wide h2{font-size:26px;font-weight:400}.snlsec.wide .snfld{margin:15px 0}.snlsec.sdbr{gap:15px 0}.snlsec.sdbr img{width:60px;height:60px}.snlsec.sdbr h2{font-size:18px}.snlsec.sdbr .snfld{width:100%}.snlsec.sdbr .snfld input{padding:10px 20px;font-size:12px}.snlsec.sdbr .snfld .nfb{padding:13px 10px;width:140px;margin-left:-40px;font-size:14px}.snlsec.sdbr .snfld~p{font-size:14px}.snlsec.sdbr .snfld+.snfm{margin:-10px auto 0 0}.snfld input.empty,.inpG input.empty{border-color:#f7ad00 !important}.snfld input.notValid,.inpG input.notValid{border-color:var(--secondaryLightColor) !important}.snfld.scsw{padding:7px 20px 8px;border-radius:10px;margin:0 auto;font-size:16px;justify-content:center}.snfld+.snfm,.inpG+.snfm{padding:7px 20px 8px;border-radius:0 10px 10px 10px;margin:-10px auto 0 30px;font-size:14px}.snfld+.snfm.snfw,.inpG+.snfm.snfw{background-color:#f7ad00}.snfld+.snfm.snfe,.inpG+.snfm.snfe{background-color:var(--secondaryLightColor);color:#fff}.wide .snfld+.snfm{margin:-10px auto 0}.inpG+.snfm{display:block;margin:10px auto 0;width:fit-content}@media(max-width: 1399px){.snlsec .snfld{width:500px}}@media(max-width: 991px){.snlsec.wide h2{font-size:20px}}@media(max-width: 767px){.snlsec h2{font-size:20px}.snlsec .snfld{width:460px}}@media(max-width: 550px){.snlsec{padding:15px}.snlsec img{width:60px;height:60px}.snlsec h2{font-size:18px !important}.snlsec .snfld{width:90%}.snlsec .snfld input{padding:10px 70px 10px 20px}.snlsec .snfld .nfb{width:110px}.snlsec.wide .snfld{margin:10px 0}}.cpwrp{z-index:9;height:100vh;overflow-y:auto;overflow-x:hidden;position:fixed;display:flex;flex-wrap:wrap;align-items:center}.cpwrp .cpowrp{max-width:100%;width:790px;position:relative;margin:auto;padding:20px}.cpwrp .cpowrp button.bp_crs{background-color:transparent;position:absolute;right:3px;top:3px;color:#fff}.cpwrp .cpowrp button.bp_crs:hover{color:var(--secondaryLightColor)}.cpwrp .cpowrp .bx{flex-direction:column;background-color:var(--quaternaryColor);padding:30px;text-align:center;gap:20px 0;color:#393939}.cpwrp .cpowrp .bx h3{font-size:24px;margin-bottom:15px}.cpwrp .cpowrp .bx h3 span{color:var(--secondaryLightColor)}.cpwrp .cpowrp .bx p{font-size:14px}.cpwrp .cpowrp .bx span.ncr{font-size:24px;color:var(--primaryColor);width:fit-content;margin:0 auto 15px}.cpwrp .cpowrp .bx button{border-radius:10px;background-clip:padding-box;padding:3px 30px;width:fit-content;margin:0 auto;line-height:40px;font-size:18px;text-transform:capitalize;min-width:300px}.cpwrp .cpowrp .bx button.std{background-color:var(--secondaryLightColor)}.cpwrp .cpowrp .bx .cpfedb{margin:10px auto 0;gap:5px 10px;align-items:center;justify-content:center}.cpwrp .cpowrp .bx .cpfedb .switch{display:inline-flex;flex-wrap:wrap;gap:0 10px}.cpwrp .cpowrp .bx .cpfedb .switch label{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #393939;font-size:12px;border-radius:20px;cursor:pointer}.cpwrp .cpowrp .bx .cpfedb .switch label[for=yes]{transform:rotate(180deg)}.cpwrp .cpowrp .bx #input_output{max-width:100%;width:300px;text-align:center;margin:0 auto;border-radius:10px;background-color:#f2f0e6;border:2px dashed var(--primaryColor);font-size:18px;padding:10px 0 10px;color:var(--primaryColor)}.cpwrp .cpowrp .bx #input_output+p{max-width:460px;margin:0 auto}.cpwrp .cpowrp .dtls{background-color:#fff}.cpwrp .cpowrp .dtls button{background-color:transparent;padding:6px 0;margin:0 auto;display:block;font-size:12px;position:relative;color:#393939}.cpwrp .cpowrp .dtls button::after{content:"";width:6px;height:6px;display:inline-block;margin-left:7px;transform:rotate(45deg) translateY(-2px);transition:transform 300ms linear;border:solid #393939;border-width:0 2px 2px 0;position:relative;top:-2px}.cpwrp .cpowrp .dtls button.active::after{transform:rotate(225deg) translate(-2px, -2px)}.cpwrp .cpowrp .dtls .trms{display:none;border-top:1px solid var(--borderColor)}.cpwrp .cpowrp .trms{padding:10px 30px 20px}.cpwrp .cpowrp .trms h4{font-size:16px;margin-bottom:10px;color:var(--primaryColor);text-align:left;display:flex;flex-wrap:wrap;justify-content:space-between}.cpwrp .cpowrp .trms h4 span{display:inline-flex;flex-wrap:wrap;width:fit-content;align-items:center;color:#757575;font-size:12px;gap:0 5px;font-weight:400}.cpwrp .cpowrp .trms h4 span i{color:var(--primaryColor);font-size:16px}.cpwrp .cpowrp .trms .chk>ul,.cpwrp .cpowrp .trms .chk ol{display:flex;flex-wrap:wrap}.cpwrp .cpowrp .trms .chk>ul li,.cpwrp .cpowrp .trms .chk ol li{margin-bottom:5px;width:100%}.cpwrp .cpowrp .trms .chk>ul li::before,.cpwrp .cpowrp .trms .chk ol li::before{content:"";font-family:"boilerplate" !important;font-size:12px;margin-right:4px}.cpwrp .cpowrp .trms .chk a{color:var(--primaryColor)}.cpwrp .cpowrp .sprtr{padding:15px;background-color:transparent}.cpwrp .cpowrp .bx img{width:100px;height:100%;margin:0 auto;border:1px solid #0f0f0f;border-radius:100%}.cpwrp .cpowrp .bx h4{font-size:18px;font-weight:400;margin-bottom:10px}.cpwrp .cpowrp .bx .nwsltr{width:540px;max-width:100%;margin:0 auto}.cpwrp .cpowrp .bx .nwsltr label{display:block;text-align:left;margin-bottom:10px}.cpwrp .cpowrp .bx .nwsltr input{padding:13px 20px;border-radius:40px;border:1px solid}.cpwrp .cpowrp .bx .nwsltr p{padding:0 10px;margin:15px 0;font-size:16px}.cpwrp .cpowrp .bx .nwsltr p a{color:var(--secondaryLightColor);text-decoration:underline}.cpwrp .cpowrp>img{display:block;margin:0 auto;background-color:var(--quaternaryColor);height:40px;object-fit:scale-down;padding-bottom:10px}.cpwrp#trmPop .cpowrp{width:600px;max-width:100%}.cpwrp#trmPop .cpowrp .bx img{width:120px;padding:10px;background-color:#fff}.cpwrp,.cpwrp .cpbg{top:0;left:0;right:0;bottom:0}.cpwrp .cpbg{background:rgba(0,0,0,.8);position:absolute;height:100%;position:fixed}@media(max-width: 550px){.cpwrp .cpowrp .bx{gap:10px 0;padding:20px}.cpwrp .cpowrp .bx h3{font-size:20px}.cpwrp .cpowrp .bx button{min-width:200px;font-size:16px;padding:3px 20px}.cpwrp .cpowrp .bx span.ncr{font-size:20px;margin:0 auto 10px}.cpwrp .cpowrp .bx .nwsltr label{text-align:center}.cpwrp .cpowrp .bx .nwsltr p{font-size:14px}.cpwrp .cpowrp .sprtr{padding:10px}.cpwrp .cpowrp .trms{padding:10px 20px 20px}}h2 a{justify-content:center;align-items:center;gap:0 10px;width:fit-content;margin:0 auto;transition:.2s ease-in-out}h2 a i{font-size:20px;transform:translateY(2px)}.hschbg{text-align:center;background-color:var(--quaternaryColor);padding-top:calc(var(--ss) + 10px) !important;padding-bottom:calc(var(--ss) + 10px) !important}.hschbg h1{font-size:50px;max-width:700px;text-transform:capitalize;margin:0 auto 0;line-height:1.1;font-weight:600}.hschbg h1+p{font-size:18px;margin:20px 0 40px}.hschbg .hsform{width:800px;margin:0 auto}.hschbg .hsform .sclfd{display:inline-flex;flex:1;text-align:left;height:60px;padding:0 60px 0 30px;align-items:center;border:2px solid var(--primaryColor);background-color:#fff;color:#b6b8bd;cursor:text;border-radius:40px;background-clip:padding-box}.hschbg .hsform button{padding:10px;color:#fff;background-color:var(--primaryColor);border-radius:40px;background-clip:padding-box;width:60px;font-size:24px;margin-left:-55px;cursor:pointer}.hschbg .spcnt{justify-content:center;gap:0 30px}.hschbg .spcnt div{padding-left:60px;height:50px;flex-direction:column;justify-content:center;background-size:45px 45px;background-repeat:no-repeat;text-align:left;margin-top:30px;position:relative}.hschbg .spcnt div strong{font-size:20px;margin:0 0 3px}.hschbg .spcnt div span{font-size:16px}.hschbg .spcnt div::before{content:"";position:absolute;width:50px;height:100%;left:0;top:0;background-image:url("../images/svg/cd-dl-icn.svg");background-size:100px 50px;background-repeat:no-repeat}.hschbg .spcnt div.spcvrf::before{background-position:left}.hschbg .spcnt div.spcdsc::before{background-position:right}.fdvo{text-align:center}.fdvo h2{font-weight:600;margin-bottom:5px}.fdvo .cpns:not(.slick-slider){display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:5px;padding-top:5px}.fdvo .cpns .cpn .imgs{height:150px;border:0}.fdvo .cpns .cpn .cnt .str-vrf{max-width:calc(100% - 80px);margin-left:auto;width:100%}a.subHd{color:var(--greyColor);font-size:18px;width:fit-content;margin:0 auto 20px}.feSc{text-align:center}.feSc .strsld{margin:0}.feSc .strsld:not(.slick-slider){gap:0 20px;justify-content:center}.feSc .strsld:not(.slick-slider) div:nth-child(n+9){display:none}.feSc .strsld .slick-track{margin-inline:auto}.feSc .strsld a{width:130px;height:130px;display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background-color:#fff;border:1px solid var(--primaryTextColor);overflow:hidden}.abt .grd{display:grid;grid-template-columns:repeat(5, 1fr);gap:20px}.abt .grd .col{box-shadow:0 0 5px 3px rgba(0,0,0,.07);border-radius:10px;background-clip:padding-box;display:inline-flex;flex-wrap:wrap;padding:30px}.abt .grd .col h2{text-transform:capitalize}.abt .grd .col:not(.cnt){align-items:center;flex-direction:column;gap:30px 0;justify-content:center;padding:20px}.abt .grd .col:not(.cnt) img{width:70px;height:70px;object-fit:contain}.abt .grd .col:not(.cnt) h2{margin:0;text-align:center;font-size:18px}.abt .grd .col:not(.cnt) h2 strong{display:block;font-size:50px;margin:0 0 10px}.abt .grd .col.cnt{grid-column:3/6}.abt .grd .col.cnt h2{font-size:24px;margin:0 0 20px}.abt .grd .col.cnt .scrolr{height:180px;overflow:auto;padding-right:15px}.abt .grd .col.cnt .scrolr a{display:inline;color:var(--primaryColor)}.Sec.bg .slds{text-align:center}.Sec.bg .slds .cpns:not(.slick-slider){display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}.Sec.bg .slds:hover h2 a{color:#4a4a4a}.Sec.bg .slds.Sec{padding:30px 15px}.imgCnk{border-radius:10px;background-clip:padding-box;box-shadow:0 0 5px 3px rgba(0,0,0,.07);padding:30px;gap:0 30px;align-items:center;background-color:#fff}.imgCnk img{width:530px;height:360px}.imgCnk .txt{width:100%;max-width:calc(100% - 560px);flex:1}.imgCnk .txt h2{font-size:24px}.imgCnk .txt a{padding:13px 15px;font-size:16px;margin-top:35px;width:fit-content;border-radius:10px;background-clip:padding-box;width:200px;text-align:center}@media(max-width: 1399px){.hschbg h1{font-size:40px;line-height:1.1;max-width:600px}.hschbg h1+p{font-size:18px;margin:10px 0 20px}.hschbg .hsform{width:550px}.hschbg .hsform .sclfd{height:50px}.hschbg .hsform button{width:50px;font-size:20px;margin-left:-45px}.hschbg .spcnt div{margin-top:20px}.hschbg .spcnt div strong{font-size:18px}.hschbg .spcnt div span{font-size:14px}a.subHd{font-size:16px;margin:0 auto 10px}.fdvo .cpns .cpn .cnt .str-vrf{max-width:calc(100% - 85px)}.abt .grd .col:not(.cnt) h2 strong{font-size:40px}.imgCnk .txt a{font-size:14px;margin-top:25px;width:180px}}@media(max-width: 1199px){.fdvo .cpns:not(.slick-slider){display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.fdvo .cpns:not(.slick-slider) .cpn:nth-child(n+4){display:none}.fdvo .cpns.slick-slider .slick-list{padding:5px 0}.fdvo .cpns.slick-slider .cpn{margin:0 8px}.feSc .strsld{margin:0 0 10px}.feSc .strsld:not(.slick-slider){gap:0 20px}.feSc .strsld a{width:100px;height:100px}.feSc .strsld .slick-dots{bottom:-30px}.abt .grd{gap:15px}.Sec.bg .slds .cpns:not(.slick-slider){gap:15px}.imgCnk img{width:500px;height:340px}.imgCnk .txt{max-width:calc(100% - 500px)}}@media(max-width: 991px){.hschbg .hsform{width:700px}.fdvo .cpns .cpn .cnt .str-vrf{max-width:100%}.feSc .strsld a{width:95px;height:95px}.abt .grd{display:flex;flex-wrap:wrap}.abt .grd .col:not(.cnt){gap:0;width:calc(50% - 8px)}.abt .grd .col:not(.cnt) h2 strong{margin:0}.abt .grd .col.cnt{width:100%}.Sec.bg .slds .cpns:not(.slick-slider){grid-template-columns:repeat(3, 1fr);margin:20px 0 5px}.Sec.bg .slds .cpns:not(.slick-slider) .cpn:nth-child(n+4){display:none}.Sec.bg .slds .cpns .slick-list{padding:5px 0}.Sec.bg .slds .cpns .slick-list .cpn{margin:0 8px}.imgCnk img{display:none}.imgCnk .txt{max-width:100%}.imgCnk .txt a{font-size:14px;margin:25px auto 0;width:180px}}@media(max-width: 767px){.feSc{padding-top:0 !important}h2 a i{transform:translateY(2px)}.hschbg h1{font-size:30px;max-width:400px}.hschbg h1+p{font-size:18px;margin:10px 0 30px}.hschbg .hsform{width:500px}.hschbg .spcnt div{padding-left:60px;height:50px}.hschbg .spcnt div::before{width:50px;background-size:100px 50px}.hschbg .spcnt div strong{font-size:20px}.hschbg .spcnt div span{font-size:16px}a.subHd{font-size:18px}.fdvo .cpns:not(.slick-slider){display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.fdvo .cpns:not(.slick-slider) .cpn:nth-child(n+3){display:none}.feSc .strsld:not(.slick-slider){gap:0 10px;margin-bottom:10px}.feSc .strsld:not(.slick-slider) div:nth-child(n+6){display:none}.feSc .strsld.slick-slider{margin-bottom:10px}.abt .grd{display:flex;flex-wrap:wrap}.abt .grd .col{padding:20px}.abt .grd .col.cnt h2{font-size:24px}.imgCnk .txt h2{font-size:24px}.imgCnk .txt a{font-size:16px;margin-top:20px}.Sec.bg .slds .cpns:not(.slick-slider){grid-template-columns:repeat(2, 1fr)}.Sec.bg .slds .cpns:not(.slick-slider) .cpn:nth-child(n+3){display:none}}@media(max-width: 550px){.hschbg{padding-top:var(--ss) !important;padding-bottom:var(--ss) !important}.hschbg h1{font-size:24px}.hschbg h1+p{font-size:16px;margin:10px 0 20px}.hschbg .hsform{width:90%}.hschbg .hsform .sclfd{height:50px;padding:0 50px 0 20px}.hschbg .hsform button{width:50px;font-size:20px;margin-left:-45px}.hschbg .spcnt{display:none}a.subHd{font-size:14px;margin:0 auto 10px}.fdvo .cpns:not(.slick-slider){display:grid;grid-template-columns:repeat(1, 1fr);gap:15px}.fdvo .cpns:not(.slick-slider) .cpn:nth-child(n+2){display:none}.feSc .strsld:not(.slick-slider) div:nth-child(n+4){display:none}.feSc .strsld a{width:90px;height:90px}.imgCnk{padding:20px}.imgCnk .txt h2{font-size:20px}.imgCnk .txt a{font-size:14px;width:fit-content;padding:11px 20px}.Sec.bg .slds.Sec{padding:15px}.abt .grd .col:not(.cnt){width:100%}.abt .grd .col:not(.cnt) img{width:60px;height:60px}.abt .grd .col:not(.cnt) h2{font-size:16px}.abt .grd .col:not(.cnt) h2 strong{font-size:30px;margin:5px}.abt .grd .col.cnt h2{font-size:20px;margin-bottom:15px}.abt .grd .col.cnt .scrolr{height:170px;font-size:14px}}
/* Featured Brands Section - Woodmart Style */
.featured-brands-section {
padding: 80px 0;
background: linear-gradient(135deg, var(--background-secondary-color, #f8f9fa) 0%, var(--background-primary-color, #ffffff) 100%);
position: relative;
overflow: hidden;
}
.featured-brands-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,');
pointer-events: none;
}
.featured-brands-section .section-header {
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 2;
}
.featured-brands-section .section-title {
font-size: 42px;
font-weight: 800;
margin: 0 0 15px 0;
line-height: 1.1;
letter-spacing: -1px;
background: linear-gradient(135deg, var(--text-color, #2c3e50) 0%, var(--secondary-color, #34495e) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.featured-brands-section .title-normal {
color: var(--text-color, #2c3e50);
}
.featured-brands-section .title-highlight {
background: var(--primary-color, #FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.featured-brands-section .section-subtitle {
font-size: 18px;
color: var(--text-color, #6c757d);
margin: 0;
font-weight: 400;
letter-spacing: 0.5px;
}
.featured-brands-section .brands-carousel-wrapper {
position: relative;
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
.featured-brands-section .carousel-navigation {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
display: flex;
justify-content: space-between;
width: 100%;
pointer-events: none;
}
.featured-brands-section .nav-btn {
width: 56px;
height: 56px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.95);
border: 2px solid var(--background-secondary-color, #e9ecef);
color: var(--text-color, #495057);
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
pointer-events: all;
position: relative;
overflow: hidden;
}
.featured-brands-section .nav-btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 50%;
}
.featured-brands-section .nav-btn:hover::before {
opacity: 1;
}
.featured-brands-section .nav-btn:hover {
transform: translateY(-50%) scale(1.1);
border-color: #FF6B35;
box-shadow: 0 12px 40px rgba(255, 107, 53, 0.3);
}
.featured-brands-section .nav-btn svg {
position: relative;
z-index: 2;
transition: color 0.3s ease;
}
.featured-brands-section .nav-btn:hover svg {
color: white;
}
.featured-brands-section .prev-btn {
left: -28px;
}
.featured-brands-section .next-btn {
right: -28px;
}
.featured-brands-section .brands-carousel {
position: relative;
overflow: hidden;
border-radius: 24px;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(20px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.featured-brands-section .brands-slider {
display: flex;
gap: 24px;
transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
padding: 40px 32px;
width: max-content;
min-width: 100%;
will-change: transform;
}
.featured-brands-section .brand-item {
flex: 0 0 200px;
width: 200px;
position: relative;
z-index: 1;
}
.featured-brands-section .brand-link {
text-decoration: none;
color: inherit;
display: block;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-radius: 20px;
overflow: hidden;
background: white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.05);
}
.featured-brands-section .brand-link:hover {
transform: translateY(-12px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.featured-brands-section .brand-image-wrapper {
position: relative;
width: 100%;
height: 160px;
overflow: hidden;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}
.featured-brands-section .brand-image-container {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
position: relative;
}
.featured-brands-section .brand-image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.4s ease;
filter: grayscale(0.2);
}
.featured-brands-section .brand-link:hover .brand-image {
transform: scale(1.05);
filter: grayscale(0);
}
.featured-brands-section .brand-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%);
border-radius: 12px;
color: white;
font-weight: 700;
font-size: 24px;
letter-spacing: 1px;
}
.featured-brands-section .brand-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(255, 107, 53, 0.9) 0%, rgba(255, 140, 66, 0.9) 100%);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.4s ease;
backdrop-filter: blur(10px);
}
.featured-brands-section .brand-link:hover .brand-overlay {
opacity: 1;
}
.featured-brands-section .view-brand {
color: white;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.featured-brands-section .brand-info {
padding: 20px 24px 24px;
text-align: center;
}
.featured-brands-section .brand-name {
font-size: 16px;
font-weight: 700;
color: var(--text-color, #2c3e50);
margin: 0 0 8px 0;
line-height: 1.3;
letter-spacing: -0.3px;
}
.featured-brands-section .brand-coupons {
font-size: 12px;
color: var(--text-color, #6c757d);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.8px;
display: inline-block;
padding: 4px 12px;
background: rgba(255, 107, 53, 0.1);
border-radius: 20px;
color: #FF6B35;
}
.featured-brands-section .carousel-dots {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 40px;
}
.featured-brands-section .carousel-dots .dot {
width: 16px;
height: 16px;
border-radius: 50%;
background: rgba(108, 117, 125, 0.3);
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
}
.featured-brands-section .carousel-dots .dot::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 50%;
}
.featured-brands-section .carousel-dots .dot.active::before,
.featured-brands-section .carousel-dots .dot:hover::before {
opacity: 1;
}
.featured-brands-section .no-brands {
text-align: center;
padding: 80px 20px;
color: var(--text-color, #6c757d);
}
.featured-brands-section .no-brands-icon {
margin-bottom: 24px;
color: #dee2e6;
}
.featured-brands-section .no-brands h3 {
font-size: 28px;
margin-bottom: 12px;
color: #495057;
font-weight: 700;
}
.featured-brands-section .no-brands p {
font-size: 16px;
margin: 0;
color: var(--text-color, #6c757d);
}
/* Responsive Design */
@media (max-width: 768px) {
.featured-brands-section {
padding: 60px 0;
}
.featured-brands-section .section-title {
font-size: 32px;
}
.featured-brands-section .section-subtitle {
font-size: 16px;
}
.featured-brands-section .brand-item {
flex: 0 0 160px;
width: 160px;
}
.featured-brands-section .brand-image-wrapper {
height: 120px;
}
.featured-brands-section .brand-image-container {
padding: 16px;
}
.featured-brands-section .brand-name {
font-size: 14px;
}
.featured-brands-section .brand-coupons {
font-size: 11px;
}
.featured-brands-section .nav-btn {
width: 48px;
height: 48px;
}
.featured-brands-section .prev-btn {
left: -24px;
}
.featured-brands-section .next-btn {
right: -24px;
}
}
@media (max-width: 480px) {
.featured-brands-section .section-title {
font-size: 28px;
}
.featured-brands-section .brand-item {
flex: 0 0 140px;
width: 140px;
}
.featured-brands-section .brand-image-wrapper {
height: 100px;
}
.featured-brands-section .brand-image-container {
padding: 12px;
}
.featured-brands-section .brand-name {
font-size: 13px;
}
.featured-brands-section .brand-coupons {
font-size: 10px;
}
.featured-brands-section .nav-btn {
width: 40px;
height: 40px;
}
.featured-brands-section .prev-btn {
left: -20px;
}
.featured-brands-section .next-btn {
right: -20px;
}
}
/* Featured Stores Section - Jewelry Style */
.featured-stores-section {
padding: 80px 0;
background: linear-gradient(135deg, var(--background-secondary-color, #f8f9fa) 0%, var(--background-primary-color, #ffffff) 100%);
position: relative;
overflow: hidden;
}
.featured-stores-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,');
pointer-events: none;
}
.featured-stores-section .section-header {
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 2;
}
.featured-stores-section .section-title {
font-size: 42px;
font-weight: 800;
margin: 0 0 15px 0;
line-height: 1.1;
letter-spacing: -1px;
background: linear-gradient(135deg, var(--text-color, #2c3e50) 0%, var(--secondary-color, #34495e) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.featured-stores-section .title-normal {
color: var(--text-color, #2c3e50);
}
.featured-stores-section .title-highlight {
background: var(--primary-color, #FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.featured-stores-section .section-subtitle {
font-size: 18px;
color: var(--text-color, #6c757d);
margin: 0;
font-weight: 400;
letter-spacing: 0.5px;
}
.featured-stores-section .stores-carousel-wrapper {
position: relative;
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
.featured-stores-section .carousel-navigation {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
display: flex;
justify-content: space-between;
width: 100%;
pointer-events: none;
}
.featured-stores-section .nav-btn {
width: 56px;
height: 56px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.95);
border: 2px solid #e9ecef;
color: #495057;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
pointer-events: all;
position: relative;
overflow: hidden;
}
.featured-stores-section .nav-btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 50%;
}
.featured-stores-section .nav-btn:hover::before {
opacity: 1;
}
.featured-stores-section .nav-btn:hover {
transform: translateY(-50%) scale(1.1);
border-color: #FF6B35;
box-shadow: 0 12px 40px rgba(255, 107, 53, 0.3);
}
.featured-stores-section .nav-btn svg {
position: relative;
z-index: 2;
transition: color 0.3s ease;
}
.featured-stores-section .nav-btn:hover svg {
color: white;
}
.featured-stores-section .prev-btn {
left: -28px;
}
.featured-stores-section .next-btn {
right: -28px;
}
.featured-stores-section .stores-carousel {
position: relative;
overflow: hidden;
border-radius: 24px;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(20px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.featured-stores-section .stores-slider {
display: flex;
gap: 24px;
transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
padding: 40px 32px;
width: max-content;
min-width: 100%;
will-change: transform;
}
.featured-stores-section .store-item {
flex: 0 0 200px;
width: 200px;
position: relative;
z-index: 1;
}
.featured-stores-section .store-item a {
text-decoration: none;
color: inherit;
display: block;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-radius: 20px;
overflow: hidden;
background: white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.05);
}
.featured-stores-section .store-item a:hover {
transform: translateY(-12px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.featured-stores-section .store-image-wrapper {
position: relative;
width: 100%;
height: 160px;
overflow: hidden;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}
.featured-stores-section .store-image-container {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
position: relative;
}
.featured-stores-section .store-image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.4s ease;
filter: grayscale(0.2);
}
.featured-stores-section .store-item a:hover .store-image {
transform: scale(1.05);
filter: grayscale(0);
}
.featured-stores-section .store-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(255, 107, 53, 0.9) 0%, rgba(255, 140, 66, 0.9) 100%);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.4s ease;
backdrop-filter: blur(10px);
}
.featured-stores-section .store-item a:hover .store-overlay {
opacity: 1;
}
.featured-stores-section .view-store {
color: white;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.featured-stores-section .store-info {
padding: 20px 24px 24px;
text-align: center;
}
.featured-stores-section .store-name {
font-size: 16px;
font-weight: 700;
color: var(--text-color, #2c3e50);
margin: 0 0 8px 0;
line-height: 1.3;
letter-spacing: -0.3px;
}
.featured-stores-section .store-offers {
font-size: 12px;
color: var(--text-color, #6c757d);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.8px;
display: inline-block;
padding: 4px 12px;
background: rgba(255, 107, 53, 0.1);
border-radius: 20px;
color: #FF6B35;
}
.featured-stores-section .carousel-dots {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 40px;
}
.featured-stores-section .carousel-dots .dot {
width: 16px;
height: 16px;
border-radius: 50%;
background: rgba(108, 117, 125, 0.3);
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
}
.featured-stores-section .carousel-dots .dot::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 50%;
}
.featured-stores-section .carousel-dots .dot.active::before,
.featured-stores-section .carousel-dots .dot:hover::before {
opacity: 1;
}
/* Responsive Design for Stores */
@media (max-width: 768px) {
.featured-stores-section {
padding: 60px 0;
}
.featured-stores-section .section-title {
font-size: 32px;
}
.featured-stores-section .section-subtitle {
font-size: 16px;
}
.featured-stores-section .store-item {
flex: 0 0 160px;
width: 160px;
}
.featured-stores-section .store-image-wrapper {
height: 120px;
}
.featured-stores-section .store-image-container {
padding: 16px;
}
.featured-stores-section .store-name {
font-size: 14px;
}
.featured-stores-section .store-offers {
font-size: 11px;
}
.featured-stores-section .nav-btn {
width: 48px;
height: 48px;
}
.featured-stores-section .prev-btn {
left: -24px;
}
.featured-stores-section .next-btn {
right: -24px;
}
}
@media (max-width: 480px) {
.featured-stores-section .section-title {
font-size: 28px;
}
.featured-stores-section .store-item {
flex: 0 0 140px;
width: 140px;
}
.featured-stores-section .store-image-wrapper {
height: 100px;
}
.featured-stores-section .store-image-container {
padding: 12px;
}
.featured-stores-section .store-name {
font-size: 13px;
}
.featured-stores-section .store-offers {
font-size: 10px;
}
.featured-stores-section .nav-btn {
width: 40px;
height: 40px;
}
.featured-stores-section .prev-btn {
left: -20px;
}
.featured-stores-section .next-btn {
right: -20px;
}
}
/* Featured Stores Section - Jewelry Style */
.featured-stores-jewelry-section {
padding: 80px 0;
background: linear-gradient(135deg, var(--background-secondary-color, #f8f9fa) 0%, var(--background-primary-color, #ffffff) 100%);
position: relative;
overflow: hidden;
}
.featured-stores-jewelry-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,');
pointer-events: none;
}
.featured-stores-jewelry-section .section-header {
text-align: center;
margin-bottom: 60px;
position: relative;
}
.featured-stores-jewelry-section .section-title {
font-size: 42px;
font-weight: 800;
margin: 0 0 15px 0;
line-height: 1.1;
letter-spacing: -1px;
background: linear-gradient(135deg, var(--text-color, #2c3e50) 0%, var(--secondary-color, #34495e) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.featured-stores-jewelry-section .title-normal {
color: var(--text-color, #2c3e50);
}
.featured-stores-jewelry-section .title-highlight {
background: var(--primary-color, #FF0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.featured-stores-jewelry-section .section-subtitle {
font-size: 18px;
color: var(--text-color, #6c757d);
margin: 0;
font-weight: 400;
letter-spacing: 0.5px;
}
.featured-stores-jewelry-section .stores-jewelry-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.featured-stores-jewelry-section .store-jewelry-card {
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.05);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}
.featured-stores-jewelry-section .store-jewelry-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.featured-stores-jewelry-section .store-jewelry-link {
text-decoration: none;
color: inherit;
display: block;
height: 100%;
}
.featured-stores-jewelry-section .store-jewelry-image-container {
position: relative;
width: 100%;
height: 180px;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
overflow: hidden;
}
.featured-stores-jewelry-section .store-jewelry-image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.4s ease;
filter: grayscale(0.1);
}
.featured-stores-jewelry-section .store-jewelry-card:hover .store-jewelry-image {
transform: scale(1.05);
filter: grayscale(0);
}
.featured-stores-jewelry-section .store-jewelry-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%);
border-radius: 12px;
color: white;
font-weight: 700;
font-size: 24px;
letter-spacing: 1px;
}
.featured-stores-jewelry-section .store-jewelry-info {
padding: 20px;
text-align: center;
}
.featured-stores-jewelry-section .store-jewelry-name {
font-size: 16px;
font-weight: 700;
color: var(--text-color, #2c3e50);
margin: 0 0 8px 0;
line-height: 1.3;
letter-spacing: -0.3px;
}
.featured-stores-jewelry-section .store-jewelry-category {
font-size: 12px;
color: var(--text-color, #6c757d);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.8px;
display: inline-block;
padding: 4px 12px;
background: var(--primary-color, #FF0000);
border-radius: 20px;
color: var(--background-primary-color, #fff);
}
.featured-stores-jewelry-section .no-stores-message {
grid-column: 1 / -1;
text-align: center;
padding: 80px 20px;
color: var(--text-color, #6c757d);
}
.featured-stores-jewelry-section .no-stores-icon {
margin-bottom: 24px;
color: #dee2e6;
}
.featured-stores-jewelry-section .no-stores-message h3 {
font-size: 28px;
margin-bottom: 12px;
color: #495057;
font-weight: 700;
}
.featured-stores-jewelry-section .no-stores-message p {
font-size: 16px;
margin: 0;
color: var(--text-color, #6c757d);
}
/* Responsive Design for Jewelry Style */
@media (max-width: 768px) {
.featured-stores-jewelry-section {
padding: 60px 0;
}
.featured-stores-jewelry-section .section-title {
font-size: 32px;
}
.featured-stores-jewelry-section .section-subtitle {
font-size: 16px;
}
.featured-stores-jewelry-section .stores-jewelry-grid {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 20px;
padding: 0 15px;
}
.featured-stores-jewelry-section .store-jewelry-image-container {
height: 140px;
padding: 15px;
}
.featured-stores-jewelry-section .store-jewelry-info {
padding: 15px;
}
.featured-stores-jewelry-section .store-jewelry-name {
font-size: 14px;
}
.featured-stores-jewelry-section .store-jewelry-category {
font-size: 11px;
}
}
@media (max-width: 480px) {
.featured-stores-jewelry-section .section-title {
font-size: 28px;
}
.featured-stores-jewelry-section .stores-jewelry-grid {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 15px;
}
.featured-stores-jewelry-section .store-jewelry-image-container {
height: 120px;
padding: 12px;
}
.featured-stores-jewelry-section .store-jewelry-info {
padding: 12px;
}
.featured-stores-jewelry-section .store-jewelry-name {
font-size: 13px;
}
.featured-stores-jewelry-section .store-jewelry-category {
font-size: 10px;
}
}
/* Featured Brands Section - Jewelry Carousel Style */
.featured-brands-section {
padding: 50px 0;
background-color: var(--background-primary-color, #fff);
}
.featured-brands-section .section-header {
text-align: center;
margin-bottom: 40px;
}
.featured-brands-section .section-title {
font-size: 36px;
font-weight: 700;
margin: 0;
line-height: 1.2;
letter-spacing: -0.5px;
}
.featured-brands-section .title-normal {
color: var(--text-color, #000);
}
.featured-brands-section .title-highlight {
color: #FF0000;
}
.featured-brands-section .brands-carousel {
position: relative;
overflow: hidden;
margin: 0 auto;
max-width: 1200px;
width: 100%;
}
.featured-brands-section .carousel-container {
position: relative;
padding: 0 60px;
overflow: hidden;
width: 100%;
}
.featured-brands-section .brands-slider {
display: flex;
gap: 30px;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
padding: 20px 0;
width: max-content;
min-width: 100%;
will-change: transform;
}
.featured-brands-section .carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: #FF6B35;
color: white;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
font-size: 24px;
cursor: pointer;
z-index: 3;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}
.featured-brands-section .carousel-btn:hover {
background-color: #e55a2b;
transform: translateY(-50%) scale(1.1);
box-shadow: 0 6px 16px rgba(255, 107, 53, 0.4);
}
.featured-brands-section .carousel-btn:active {
transform: translateY(-50%) scale(0.95);
}
.featured-brands-section .prev-btn {
left: 0;
}
.featured-brands-section .next-btn {
right: 0;
}
.featured-brands-section .brand-item {
flex: 0 0 140px;
width: 140px;
text-align: center;
opacity: 1;
visibility: visible;
display: block;
position: relative;
z-index: 1;
}
.featured-brands-section .brand-link {
text-decoration: none;
color: inherit;
display: block;
transition: all 0.3s ease;
}
.featured-brands-section .brand-link:hover {
transform: translateY(-8px);
}
.featured-brands-section .brand-image-container {
width: 140px;
height: 140px;
border-radius: 20px;
overflow: hidden;
margin-bottom: 15px;
background-color: var(--background-primary-color, #fff);
display: flex;
align-items: center;
justify-content: center;
border: 3px solid #f0f0f0;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.featured-brands-section .brand-link:hover .brand-image-container {
border-color: #FF6B35;
box-shadow: 0 8px 24px rgba(255, 107, 53, 0.2);
}
.featured-brands-section .brand-image {
width: 100%;
height: 100%;
object-fit: contain;
padding: 20px;
}
.featured-brands-section .brand-placeholder-image {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--background-secondary-color, #f8f9fa);
font-size: 48px;
color: var(--text-color, #6c757d);
}
.featured-brands-section .brand-name {
font-size: 16px;
font-weight: 600;
color: var(--text-color, #000);
text-align: center;
line-height: 1.3;
margin: 0;
letter-spacing: -0.2px;
}
.featured-brands-section .carousel-dots {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 20px;
}
.featured-brands-section .carousel-dots .dot {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #e9ecef;
cursor: pointer;
transition: background-color 0.3s ease;
}
.featured-brands-section .carousel-dots .dot.active {
background-color: #FF6B35;
}
.featured-brands-section .carousel-dots .dot:hover {
background-color: #FF6B35;
}
/* Responsive Design */
@media (max-width: 1200px) {
.featured-brands-section .brands-carousel {
max-width: 1000px;
}
.featured-brands-section .carousel-container {
padding: 0 50px;
}
}
@media (max-width: 768px) {
.featured-brands-section {
padding: 40px 0;
}
.featured-brands-section .section-title {
font-size: 28px;
}
.featured-brands-section .brands-carousel {
max-width: 100%;
}
.featured-brands-section .carousel-container {
padding: 0 40px;
}
.featured-brands-section .brand-item {
width: 120px;
}
.featured-brands-section .brand-image-container {
width: 120px;
height: 120px;
}
.featured-brands-section .brand-name {
font-size: 14px;
}
.featured-brands-section .carousel-btn {
width: 40px;
height: 40px;
font-size: 20px;
}
.featured-brands-section .prev-btn {
left: 0;
}
.featured-brands-section .next-btn {
right: 0;
}
}
@media (max-width: 480px) {
.featured-brands-section {
padding: 30px 0;
}
.featured-brands-section .section-title {
font-size: 24px;
}
.featured-brands-section .carousel-container {
padding: 0 30px;
}
.featured-brands-section .brand-item {
width: 100px;
}
.featured-brands-section .brand-image-container {
width: 100px;
height: 100px;
}
.featured-brands-section .brand-name {
font-size: 12px;
}
.featured-brands-section .carousel-btn {
width: 35px;
height: 35px;
font-size: 18px;
}
.featured-brands-section .prev-btn {
left: 0;
}
.featured-brands-section .next-btn {
right: 0;
}
}