.elementor-97463 .elementor-element.elementor-element-3588388{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-97463 .elementor-element.elementor-element-3588388:not(.elementor-motion-effects-element-type-background), .elementor-97463 .elementor-element.elementor-element-3588388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46d23e1 );background-image:url("https://craftier.ae/wp-content/uploads/2025/07/craftier-designed.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-97463 .elementor-element.elementor-element-4700093 > .elementor-widget-container{background-color:var( --e-global-color-46d23e1 );}.elementor-97463 .elementor-element.elementor-element-4700093 img{width:100%;max-width:2000px;}.elementor-97463 .elementor-element.elementor-element-4374370 > .elementor-widget-container{background-color:var( --e-global-color-46d23e1 );}.elementor-97463 .elementor-element.elementor-element-4374370 img{width:100%;max-width:2000px;}.elementor-97463 .elementor-element.elementor-element-c4d6b30{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-97463 .elementor-element.elementor-element-c4d6b30:not(.elementor-motion-effects-element-type-background), .elementor-97463 .elementor-element.elementor-element-c4d6b30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46d23e1 );}.elementor-97463 .elementor-element.elementor-element-0c63120{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-97463 .elementor-element.elementor-element-16ab5a6 .elementor-heading-title{font-family:"Function", Sans-serif;font-size:32px;font-weight:700;line-height:51.2px;color:var( --e-global-color-c4ef89a );}.elementor-97463 .elementor-element.elementor-element-6d9e255{font-family:"Function", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:var( --e-global-color-c4ef89a );}.elementor-97463 .elementor-element.elementor-element-6d9e255 p{margin-bottom:16px;}.elementor-97463 .elementor-element.elementor-element-b723861{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-97463 .elementor-element.elementor-element-ee9a5ea > .elementor-widget-container{margin:81.2px 0px 0px 0px;}.elementor-97463 .elementor-element.elementor-element-ee9a5ea{font-family:"Function", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:var( --e-global-color-c4ef89a );}.elementor-97463 .elementor-element.elementor-element-ee9a5ea p{margin-bottom:16px;}.elementor-97463 .elementor-element.elementor-element-617d284{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-97463 .elementor-element.elementor-element-617d284:not(.elementor-motion-effects-element-type-background), .elementor-97463 .elementor-element.elementor-element-617d284 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46d23e1 );}.elementor-97463 .elementor-element.elementor-element-3516cd9{--display:flex;}.elementor-97463 .elementor-element.elementor-element-c83dfcc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97463 .elementor-element.elementor-element-ce0e205{--display:flex;}.elementor-97463 .elementor-element.elementor-element-baf38d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97463 .elementor-element.elementor-element-d6797f3{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-normal-color:var( --e-global-color-c4ef89a );--e-n-carousel-dots-hover-color:var( --e-global-color-c4ef89a );}:where( .elementor-97463 .elementor-element.elementor-element-d6797f3 .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-97463 .elementor-element.elementor-element-b4743d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:250px;--padding-left:10px;--padding-right:10px;}.elementor-97463 .elementor-element.elementor-element-b4743d8:not(.elementor-motion-effects-element-type-background), .elementor-97463 .elementor-element.elementor-element-b4743d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46d23e1 );}.elementor-97463 .elementor-element.elementor-element-4c218b6{--iteration-count:infinite;--dynamic-text-color:#09B8B1;}.elementor-97463 .elementor-element.elementor-element-4c218b6 .elementor-headline{text-align:center;}.elementor-97463 .elementor-element.elementor-element-4c218b6 .elementor-headline-plain-text{color:#FFFFFF;}@media(max-width:1024px){.elementor-97463 .elementor-element.elementor-element-4700093 img{max-width:100%;}.elementor-97463 .elementor-element.elementor-element-d6797f3{--e-n-carousel-swiper-slides-to-display:2;}.elementor-97463 .elementor-element.elementor-element-b4743d8{--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-97463 .elementor-element.elementor-element-3588388:not(.elementor-motion-effects-element-type-background), .elementor-97463 .elementor-element.elementor-element-3588388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://craftier.ae/wp-content/uploads/2025/07/banners-03-1.jpg");}.elementor-97463 .elementor-element.elementor-element-c4d6b30{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-97463 .elementor-element.elementor-element-0c63120{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-97463 .elementor-element.elementor-element-ee9a5ea > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-97463 .elementor-element.elementor-element-617d284{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-97463 .elementor-element.elementor-element-dc6faca img{height:436px;object-fit:cover;}.elementor-97463 .elementor-element.elementor-element-9c3ddbe img{height:436px;object-fit:cover;}.elementor-97463 .elementor-element.elementor-element-d6797f3{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-pagination-size:8px;}.elementor-97463 .elementor-element.elementor-element-d6797f3 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}.elementor-97463 .elementor-element.elementor-element-b4743d8{--padding-top:50px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-97463 .elementor-element.elementor-element-4c218b6 .elementor-headline{font-size:28px;}}/* Start custom CSS for text-editor, class: .elementor-element-6d9e255 */.elementor-97463 .elementor-element.elementor-element-6d9e255 p{
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ee9a5ea */.elementor-97463 .elementor-element.elementor-element-ee9a5ea p{
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc6faca */.gradient-hover-img-2::after {
  content: "";
  position: absolute;
  inset: 0;
   background: radial-gradient(50% 66% at 50% 50%, #971B5E 0%, rgba(0, 0, 0, 0.00) 74%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.gradient-hover-img-2:hover::after {
  opacity: 1;
}

.gradient-hover-img-2 img {
  display: block;
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9c3ddbe */.gradient-hover-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(50% 66% at 50% 50%, #003A78 0%, rgba(0, 0, 0, 0) 74%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.gradient-hover-img:hover::after {
  opacity: 1;
}

.gradient-hover-img img {
  display: block;
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc6faca */.gradient-hover-img-2::after {
  content: "";
  position: absolute;
  inset: 0;
   background: radial-gradient(50% 66% at 50% 50%, #971B5E 0%, rgba(0, 0, 0, 0.00) 74%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.gradient-hover-img-2:hover::after {
  opacity: 1;
}

.gradient-hover-img-2 img {
  display: block;
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9c3ddbe */.gradient-hover-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(50% 66% at 50% 50%, #003A78 0%, rgba(0, 0, 0, 0) 74%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.gradient-hover-img:hover::after {
  opacity: 1;
}

.gradient-hover-img img {
  display: block;
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc6faca */.gradient-hover-img-2::after {
  content: "";
  position: absolute;
  inset: 0;
   background: radial-gradient(50% 66% at 50% 50%, #971B5E 0%, rgba(0, 0, 0, 0.00) 74%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.gradient-hover-img-2:hover::after {
  opacity: 1;
}

.gradient-hover-img-2 img {
  display: block;
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9c3ddbe */.gradient-hover-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(50% 66% at 50% 50%, #003A78 0%, rgba(0, 0, 0, 0) 74%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.gradient-hover-img:hover::after {
  opacity: 1;
}

.gradient-hover-img img {
  display: block;
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS */.site-content-container.container{
    width: 100%;
    padding: 0;
}

header{
    background: #000 !important;
    color: #fff !important;
}

@media screen and (min-width:768px){
    
    header ul#menu-primary-menu>li>a{
        color: #fff !important;
    }
    
    header ul#menu-primary-menu>li> ul a{
        color: #000 !important;
    }
    
    .header-account>a {
       color: #fff;
    }
    
    .header-cart .svg-icon svg{
        fill:white;
    }
    
    .counter {
        color: #000;
        background: #fff;
    }
    
    .header-main .hamburger-menu .hamburger-box .hamburger-inner {
        background: #fff;
    }
    
    .header-main .site-branding .logo img {
        filter: brightness(0) invert(1);
    }
}

/** mobile header **/

.header-mobile .hamburger-menu .hamburger-box .hamburger-inner {
    background: #fff;
}

.header-mobile .site-branding .logo img {
    filter: brightness(0) invert(1);
}

    .header-mobile .header-cart .svg-icon svg{
        fill:white;
    }
    
     .header-mobile .counter {
        color: #000;
        background: #fff;
    }  
    
    
    /** mobile panel **/

.mobile-menu-panel.open .site-branding .logo img {
    filter: brightness(1) invert(0);
}

.mobile-menu-panel.open .hamburger-menu .hamburger-box .hamburger-inner {
    background: #191919;
}

    .mobile-menu-panel.open .header-cart .svg-icon svg{
        fill:#191919;
    }
    
    .mobile-menu-panel.open .counter {
        color: #fff;
        background: #191919;
    }  

ul li.craftier-designed a{
		background: #000 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Function';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://craftier.ae/wp-content/uploads/2023/10/function-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Function';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://craftier.ae/wp-content/uploads/2023/10/function-bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */