.elementor-87 .elementor-element.elementor-element-1640bc1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--overflow:hidden;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:5px;--padding-block-end:5px;--padding-inline-start:5px;--padding-inline-end:5px;--position:fixed;top:0px;--z-index:95;}.elementor-87 .elementor-element.elementor-element-1640bc1:not(.elementor-motion-effects-element-type-background), .elementor-87 .elementor-element.elementor-element-1640bc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-110947a );}.elementor-87 .elementor-element.elementor-element-1640bc1, .elementor-87 .elementor-element.elementor-element-1640bc1::before{--border-transition:0.3s;}.elementor-87 .elementor-element.elementor-element-1640bc1.e-con{--align-self:center;}body:not(.rtl) .elementor-87 .elementor-element.elementor-element-1640bc1{right:0px;}body.rtl .elementor-87 .elementor-element.elementor-element-1640bc1{left:0px;}.elementor-87 .elementor-element.elementor-element-0851b06{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:flex-start;--align-items:center;--gap:2.2% 2.2%;--background-transition:0.3s;--padding-block-start:10px;--padding-block-end:10px;--padding-inline-start:10px;--padding-inline-end:10px;--z-index:999;}.elementor-87 .elementor-element.elementor-element-0851b06, .elementor-87 .elementor-element.elementor-element-0851b06::before{--border-transition:0.3s;}.elementor-87 .elementor-element.elementor-element-0851b06.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-87 .elementor-element.elementor-element-c17a04c .elementor-icon-wrapper{text-align:center;}.elementor-87 .elementor-element.elementor-element-c17a04c .elementor-icon{font-size:30px;}.elementor-87 .elementor-element.elementor-element-c17a04c .elementor-icon svg{height:30px;}.elementor-87 .elementor-element.elementor-element-3775831{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:center;--align-items:center;--gap:2.2% 2.2%;--background-transition:0.3s;--padding-block-start:10px;--padding-block-end:10px;--padding-inline-start:10px;--padding-inline-end:10px;}.elementor-87 .elementor-element.elementor-element-3775831, .elementor-87 .elementor-element.elementor-element-3775831::before{--border-transition:0.3s;}.elementor-87 .elementor-element.elementor-element-3775831.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-87 .elementor-element.elementor-element-c2e0500 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-87 .elementor-element.elementor-element-5003d30{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:flex-end;--align-items:center;--gap:2.2% 2.2%;--background-transition:0.3s;--padding-block-start:10px;--padding-block-end:10px;--padding-inline-start:10px;--padding-inline-end:10px;}.elementor-87 .elementor-element.elementor-element-5003d30, .elementor-87 .elementor-element.elementor-element-5003d30::before{--border-transition:0.3s;}.elementor-87 .elementor-element.elementor-element-5003d30.e-con{--align-self:stretch;}.elementor-87 .elementor-element.elementor-element-fc39fac .elementor-button{font-family:"lyon display - regular", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-110947a );color:var( --e-global-color-110947a );background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;}.elementor-87 .elementor-element.elementor-element-fc39fac .elementor-button:hover, .elementor-87 .elementor-element.elementor-element-fc39fac .elementor-button:focus{color:var( --e-global-color-primary );background-color:#AAA6A3;border-color:var( --e-global-color-primary );}.elementor-87 .elementor-element.elementor-element-fc39fac .elementor-button:hover svg, .elementor-87 .elementor-element.elementor-element-fc39fac .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-87 .elementor-element.elementor-element-fc39fac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-87 .elementor-element.elementor-element-405bf73{--display:flex;--background-transition:0.3s;}@media(max-width:1024px){.elementor-87 .elementor-element.elementor-element-1640bc1{--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-87 .elementor-element.elementor-element-0851b06{--gap:6% 6%;}.elementor-87 .elementor-element.elementor-element-3775831{--gap:6% 6%;}.elementor-87 .elementor-element.elementor-element-c2e0500 img{width:70%;}.elementor-87 .elementor-element.elementor-element-5003d30{--gap:6% 6%;}}@media(max-width:767px){.elementor-87 .elementor-element.elementor-element-1640bc1{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:010px;--padding-block-end:010px;--padding-inline-start:010px;--padding-inline-end:010px;--z-index:1;}.elementor-87 .elementor-element.elementor-element-1640bc1.e-con{--align-self:stretch;}.elementor-87 .elementor-element.elementor-element-0851b06{--width:10%;--justify-content:flex-start;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-87 .elementor-element.elementor-element-3775831{--width:90%;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-87 .elementor-element.elementor-element-c2e0500{text-align:right;}.elementor-87 .elementor-element.elementor-element-c2e0500 img{width:50%;}.elementor-87 .elementor-element.elementor-element-c2e0500 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-87 .elementor-element.elementor-element-5003d30{--width:30%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-87 .elementor-element.elementor-element-fc39fac .elementor-button{padding:8px 8px 8px 8px;}.elementor-87 .elementor-element.elementor-element-fc39fac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:3px 0px 0px 0px;}.elementor-87 .elementor-element.elementor-element-fc39fac{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-87 .elementor-element.elementor-element-0851b06{--width:30.683%;}.elementor-87 .elementor-element.elementor-element-3775831{--width:29.731%;}.elementor-87 .elementor-element.elementor-element-5003d30{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-87 .elementor-element.elementor-element-0851b06{--width:100%;}.elementor-87 .elementor-element.elementor-element-3775831{--width:100%;}.elementor-87 .elementor-element.elementor-element-5003d30{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-1640bc1 *//* Initial styling for the logo */
.logo {
    width: 28%; /* Initial width of the logo for desktop */
    height: 55px; /* Initial height of the logo */
    transition: width 0.3s, height 0.3s; /* Smooth transition for width and height changes */
}

/* Styling for the logo after scrolling */
.logo-small {
    width: 18%; /* Reduced width of the logo after scrolling (30% smaller) for desktop */
    height: 30px; /* Reduced height of the logo after scrolling (30% smaller) for desktop */
}

/* Adjust the logo size for mobile devices (less than 768px wide) */
@media (max-width: 768px) {
    .logo {
        width: 75%; /* Initial width of the logo for mobile */
        height: auto; /* Let the height adjust automatically to maintain aspect ratio */
    }

    /* Styling for the logo after scrolling on mobile */
    .logo-small {
        width: 50%; /* Reduced width of the logo after scrolling (30% smaller) for mobile */
        height: auto; /* Let the height adjust automatically to maintain aspect ratio */
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'lyon display &#8211; regular';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Black-Regular.eot');
	src: url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Black-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Black-Regular.woff2') format('woff2'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Black-Regular.woff') format('woff'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Black-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'lyon display &#8211; regular';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Medium-Regular.eot');
	src: url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Medium-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Medium-Regular.woff2') format('woff2'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Medium-Regular.woff') format('woff'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Medium-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'lyon display &#8211; regular';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Black-Italic.eot');
	src: url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Black-Italic.eot?#iefix') format('embedded-opentype'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Black-Italic.woff2') format('woff2'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Black-Italic-1.woff') format('woff'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon-Display-Web-Black-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'lyon display &#8211; regular';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon.eot');
	src: url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon.eot?#iefix') format('embedded-opentype'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon.woff') format('woff'),
		url('https://darkahina.devfusion.ma/wp-content/uploads/2023/12/Lyon.ttf') format('truetype');
}
/* End Custom Fonts CSS */