@import url(https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&family=Nunito+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;600&display=swap);.About_wrapper_3ZyEd{height:calc(100vh - 80px);width:90vw;overflow:hidden;background-color:#fff;color:#333;position:relative;border-radius:10px;transform:translateZ(0)}.About_content_26Qcr{padding:40px 0;display:flex;flex-direction:column;align-items:center;position:relative;height:calc(100% - 80px);overflow-y:auto}.About_content_26Qcr::-webkit-scrollbar{width:7.5px}.About_content_26Qcr::-webkit-scrollbar-track{background:#fff}.About_content_26Qcr::-webkit-scrollbar-thumb{background:#7f7f7f;border-right:1px solid #fff;border-radius:5px}.About_title_FIxTm{text-align:center;font-size:40px;margin-top:20px}.About_text_UByKU{max-width:600px;margin:32px 0;line-height:20px;width:90%}.About_closeButton_1-aiC{position:fixed;top:16px;right:16px;cursor:pointer;z-index:10}.About_logos_1PpId{max-width:600px;width:90%;display:flex;justify-content:space-around}.About_logos_1PpId img{height:40px}.About_attribution_2xmcp{max-width:600px;width:90%;margin-top:40px;padding-top:20px;border-top:1px solid rgba(51,51,51,.1)}.About_attributionText_3mwH6{text-align:center;font-size:14px;color:rgba(51,51,51,.7);font-weight:300;margin:0}.App_about_1s08O{color:#fff;font-size:20px;font-weight:700;position:absolute;top:20px;right:64px;z-index:10;cursor:pointer}.App_aboutWrapper_2aRiF{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;display:flex;align-items:center;justify-content:center;z-index:10}@media(max-width:710px){.App_about_1s08O{position:fixed;font-size:14px;top:inherit;bottom:20px;right:14px}}.CopyToClipboard_input_ZzgCP{opacity:0;position:absolute;top:0;left:0;width:1px}.CopyToClipboard_container_UtRqS{display:inline-flex;justify-content:center;align-items:center}.CopyToClipboard_copied_1DMCz{position:absolute;opacity:0;margin:auto;color:#333}.ColorDetail_carouselWrapper_3g9ws{position:relative;width:100%;height:100%}.ColorDetail_swiperContainer_2QvRv{width:100%;height:100%;padding:50px 0}.ColorDetail_card_ttup9{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0 0;grid-auto-flow:row;grid-template-areas:". .";background-color:#f6f6f6;color:#000;border-radius:10px;overflow:hidden;height:100%;width:100%}.ColorDetail_image_1UPZN{padding:96px 0;display:flex;justify-content:center;align-items:center}.ColorDetail_description_EKXbr{padding:24px;display:flex;flex-direction:column;justify-content:space-between}.ColorDetail_swiperArrow_2LRjt{color:rgba(0,0,0,.3);z-index:10}.ColorDetail_swiperArrow_2LRjt:hover{color:rgba(0,0,0,.6)}.ColorDetail_carouselWrapper_3g9ws .swiper-button-next,.ColorDetail_carouselWrapper_3g9ws .swiper-button-prev{color:inherit}.ColorDetail_carouselWrapper_3g9ws .swiper-button-disabled{opacity:.2}@media(max-width:640px){.ColorDetail_card_ttup9{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:0 0;grid-template-areas:"." "."}.ColorDetail_image_1UPZN{padding:40px 0}}.ColorDetail_name_2YxCw{font-size:30px}.ColorDetail_nameArabic_1ELLQ{text-align:right;font-size:30px}.ColorDetail_descriptionText_U-71y{margin-top:24px;line-height:20px}.ColorDetail_color_37K9f{padding:12px 20px;border-radius:40px;color:#fff;display:inline-block;font-size:12px;cursor:pointer;position:relative;display:inline-flex;justify-content:center;align-items:center}.ColorDetail_colorContainer_34Bcj{position:relative;text-align:right}.ColorDetail_imageContainer_GnsXE{background-color:#fff;height:200px;width:200px;border-radius:10px;display:flex;justify-content:center;align-items:center}.ColorDetail_imageContainer_GnsXE img{width:100%;transform:translate(10px,10px)}.ColorDetail_closeButton_2GTKR{position:absolute;top:16px;right:16px;cursor:pointer;z-index:10}.ColorDetail_closeButton_2GTKR:after,.ColorDetail_closeButton_2GTKR:before{background:#fff!important}.ColorDetail_closeButton_2GTKR:hover:after,.ColorDetail_closeButton_2GTKR:hover:before{background:hsla(0,0%,100%,.8)!important}.Logo_logo_cSKFq{opacity:1;fill:#fff;overflow:visible}.ColorMenu_dotContainer_3szcb{display:flex;position:relative;align-items:center;margin-bottom:16px}.ColorMenu_colorDot_1aup5{height:30px;width:30px;border-radius:100%;cursor:pointer;position:relative}.ColorMenu_colorDotHover_-G81H{position:absolute;top:0;left:0;transform-origin:center;transition:all .3s}.ColorMenu_colorDotHover_-G81H:hover{transform:scale(1.3);opacity:.5}.ColorMenu_nuanceContainer_NFHop{position:absolute;left:50px;display:flex}.ColorMenu_nuanceDot_P5y7r{height:25px;width:25px;border-radius:100%;margin-right:4px;opacity:0}.ColorMenu_column_3vrG-{display:flex;gap:10px}.Home_mainView_3Jagw{height:100vh;display:flex;justify-content:center;align-items:center}.Home_logo_2gIFn{margin-right:80px;height:50px}@media(max-width:1020px){.Home_mainView_3Jagw{flex-direction:column}.Home_logo_2gIFn{margin-right:0;height:50px;width:60%}.Home_logoWrapper_2seUI{margin-bottom:50px;text-align:center;font-size:13px}}.ColorGroup_container_1oi7F{max-width:860px;width:100%;margin:auto}.ColorGroup_logo_iD86j{height:30px;margin-right:24px;cursor:pointer}.ColorGroup_colorCard_2yIgq{width:12.5%;height:135px;border-radius:10px;margin-right:20px;margin-left:20px;margin-bottom:40px;display:inline-flex;flex-direction:column;justify-content:space-between;padding:16px;opacity:0;cursor:pointer}.ColorGroup_colorCard_2yIgq:first-of-type{margin-left:0}.ColorGroup_colorCard_2yIgq:nth-of-type(5n){margin-right:0}.ColorGroup_colorCard_2yIgq:nth-of-type(6n){margin-left:0}.ColorGroup_colorCard_2yIgq:last-of-type{margin-right:0}@media(max-width:1400px){.ColorGroup_container_1oi7F{max-width:670px}.ColorGroup_colorCard_2yIgq{width:15.6%}.ColorGroup_colorCard_2yIgq:nth-of-type(4n){margin-right:0}.ColorGroup_colorCard_2yIgq:nth-of-type(5n){margin-right:20px;margin-left:0}.ColorGroup_colorCard_2yIgq:nth-of-type(6n){margin-left:20px}}@media(max-width:1050px){.ColorGroup_container_1oi7F{max-width:500px}.ColorGroup_colorCard_2yIgq{width:21.6%}.ColorGroup_colorCard_2yIgq:nth-of-type(3n){margin-left:20px;margin-right:0}.ColorGroup_colorCard_2yIgq:nth-of-type(4n){margin-right:20px;margin-left:0}.ColorGroup_colorCard_2yIgq:nth-of-type(5n){margin-left:20px}.ColorGroup_colorCard_2yIgq:nth-of-type(7n){margin-left:0}}@media(max-width:844px){.ColorGroup_container_1oi7F{max-width:300px}.ColorGroup_detailContainer_2h3Sx{max-width:90%}.ColorGroup_colorCard_2yIgq{width:32.4%;height:100px}.ColorGroup_colorCard_2yIgq:nth-of-type(odd){margin-right:20px;margin-left:0}.ColorGroup_colorCard_2yIgq:nth-of-type(2n){margin-left:20px;margin-right:0}}@media(max-width:640px){.ColorGroup_container_1oi7F{max-width:300px}.ColorGroup_detailContainer_2h3Sx{max-width:90%}.ColorGroup_colorCard_2yIgq{width:90%}.ColorGroup_colorCard_2yIgq:nth-of-type(2n),.ColorGroup_colorCard_2yIgq:nth-of-type(odd){margin-right:0;margin-left:0}}.ColorGroup_header_1dzfF{padding:16px 0 16px 64px;position:sticky;top:0;background-color:#232323;display:flex;align-items:center;z-index:1;transition:all .3s ease-in-out}.ColorGroup_footer_3o4Xd{display:none}.ColorGroup_content_1u10_{height:calc(100vh - 65px);display:flex;align-items:center}.ColorGroup_content_1u10_>div{display:flex;flex-wrap:wrap;max-height:100%;align-items:center}.ColorGroup_sideDot_wIzqr{height:30px;width:30px;border-radius:100%;position:absolute;top:50%;left:0;transform:translate(-50%) scale(15);transition:all .3s}@media(max-width:1200px){.ColorGroup_sideDot_wIzqr{transform:translate(-50%) scale(10)}}@media(max-width:1000px){.ColorGroup_content_1u10_{height:auto;display:flex;align-items:center;padding:20px 10px;padding-bottom:30px}}@media(max-width:640px){.ColorGroup_content_1u10_{padding:20px 0}.ColorGroup_menu_3gOfE,.ColorGroup_sideDot_wIzqr{display:none}.ColorGroup_header_1dzfF{justify-content:center;padding:16px}.ColorGroup_logo_iD86j{margin-right:0}.ColorGroup_footer_3o4Xd{display:flex;justify-content:center;align-items:center;background-color:#232323;padding:16px 0;position:fixed;width:100%;z-index:1;bottom:0;transition:all .3s ease-in-out}.ColorGroup_contentWrapper_2fDC6{padding:0 10px}}.ColorGroup_name_3J7MP{font-size:20px}.ColorGroup_nameArabic_3r162{font-size:20px;text-align:right;margin-top:8px}.ColorGroup_colorValue_1RpS_{font-size:12px}.ColorGroup_detailView_1nysG{position:fixed;z-index:100;height:100vh;display:flex;align-items:center;justify-content:center;width:100%;top:0}@media(max-width:640px){.ColorGroup_detailView_1nysG{overflow-y:auto;overflow-x:hidden}}.ColorGroup_overlay_1CZNX{position:absolute;height:100vh;width:100%;top:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--rgb-neutral:196,196,196,0.5;--rgb-blue:131,196,255,0.5;--rgb-green:132,255,167,0.5;--rgb-yellow:236,222,146,0.5;--rgb-red:213,122,119,0.5;--rgb-purple:166,119,213,0.5}body{font-family:Nunito Sans,sans-serif;overflow-x:hidden;color:#fff;height:100vh}html{background-color:#232323;transition:all .3s ease-in-out}h1,h2,h3,h4,h5,h6{font-family:Lusitana,serif}.main-container{max-width:860px;width:100%;margin:auto}.arabic{font-family:Baloo Bhaijaan\ 2,cursive}.close{display:inline-block;width:20px;height:20px;overflow:hidden}.close:hover:after,.close:hover:before{background:#333}.close:after,.close:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#000}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}.close.rounded:after,.close.rounded:before{border-radius:5px}.close.black:after,.close.black:before{height:4px;margin-top:-4px}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s ease}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}