.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-1cb5b44 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-1-1.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-1cb5b44 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-911bfc4 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-2.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-911bfc4 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-54d7c1b .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-3.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-54d7c1b .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-339afde .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-4.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-339afde .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-5bacb76 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-5.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-5bacb76 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-31a5a90 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-6.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-31a5a90 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-0725c38 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-8.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-0725c38 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-96d820f .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-7.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-96d820f .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-91a8f6a .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-10.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-91a8f6a .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-64e9d44 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-7.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-64e9d44 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-94b9364 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-11.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-94b9364 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-02bbc7e .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-12.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-02bbc7e .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-6380223 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-13.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-6380223 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-a7f9669 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-14.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-a7f9669 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-650fd83 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-15.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-650fd83 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-2fb0cf3 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-16.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-2fb0cf3 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-4cc259e .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-17.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-4cc259e .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-78bc8ef .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-18.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-78bc8ef .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-1cadb77 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-19.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-1cadb77 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-759e711 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-20.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-759e711 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-f48bfdc .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-22.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-f48bfdc .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-a85f194 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-23.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-a85f194 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-9300c30 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://kalugal.com/wp-content/uploads/2026/07/Villa-24.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-repeater-item-9300c30 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide-contents{max-width:66%;}.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide-inner{text-align:center;}.elementor-12 .elementor-element.elementor-element-a4b9c00{--spacer-size:50px;}.elementor-12 .elementor-element.elementor-element-cc84336{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-9500503 *//*==================================================
KALUGAL | HERO PREMIUM V1
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&display=swap');

/*==================================================
VARIABLES
==================================================*/

:root{

--primary:#0B2D52;
--secondary:#D4A017;
--white:#FFFFFF;
--text:#D8E2EC;
--radius:999px;
--transition:.35s ease;

}

/*==================================================
HERO
==================================================*/

.hero{

position:relative;

min-height:100vh;

display:flex;

align-items:center;

overflow:hidden;

background:url("https://kalugal.com/wp-content/uploads/2026/06/IMAGE-HERO.jpeg") center center/cover no-repeat;

font-family:'DM Sans',sans-serif;

}

/*==================================================
OVERLAY
==================================================*/

.hero-overlay{

position:absolute;

inset:0;

background:linear-gradient(
90deg,
rgba(11,45,82,.90) 0%,
rgba(11,45,82,.82) 35%,
rgba(11,45,82,.58) 60%,
rgba(11,45,82,.20) 100%
);

}

/*==================================================
CONTAINER
==================================================*/

.container{

position:relative;

z-index:2;

width:100%;

max-width:1380px;

margin:auto;

padding:150px 40px 120px;

}

.hero-content{

max-width:720px;

}

/*==================================================
BADGE
==================================================*/

.hero-badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 28px;

margin-bottom:28px;

background:rgba(255,255,255,.10);

border:1px solid rgba(255,255,255,.18);

backdrop-filter:blur(14px);

border-radius:999px;

font-size:13px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#FFFFFF;

}

/*==================================================
TITLE
==================================================*/

.hero-content h1{

margin:0;

font-size:78px;

font-weight:800;

line-height:1.02;

letter-spacing:-3px;

color:#FFFFFF;

}

.hero-content h1 span{

display:block;

color:var(--secondary);

}

/*==================================================
TEXT
==================================================*/

.hero-content p{

margin:32px 0 0;

max-width:620px;

font-size:19px;

line-height:1.85;

color:var(--text);

}

/*==================================================
BUTTONS
==================================================*/

.hero-buttons{

display:flex;

gap:18px;

margin-top:42px;

flex-wrap:wrap;

}

.btn-primary,

.btn-secondary{

display:inline-flex;

align-items:center;

justify-content:center;

height:60px;

padding:0 34px;

border-radius:999px;

font-size:16px;

font-weight:700;

text-decoration:none;

transition:var(--transition);

}

.btn-primary{

background:var(--secondary);

color:var(--primary);

box-shadow:0 15px 35px rgba(212,160,23,.30);

}

.btn-primary:hover{

transform:translateY(-4px);

background:#E3AF13;

}

.btn-secondary{

border:2px solid rgba(255,255,255,.30);

color:#FFFFFF;

background:transparent;

}

.btn-secondary:hover{

background:#FFFFFF;

color:var(--primary);

}

/*==================================================
LIST
==================================================*/

.hero-list{

margin:46px 0 0;

padding:0;

list-style:none;

display:flex;

flex-wrap:wrap;

gap:28px;

}

.hero-list li{

display:flex;

align-items:center;

gap:10px;

font-size:16px;

font-weight:500;

color:#FFFFFF;

}

.hero-list li::before{

content:"";

width:10px;

height:10px;

border-radius:50%;

background:var(--secondary);

box-shadow:0 0 12px rgba(212,160,23,.45);

}

/*==================================================
TABLETTE
==================================================*/

@media(max-width:1024px){

.container{

padding:130px 30px 90px;

}

.hero-content{

max-width:650px;

}

.hero-content h1{

font-size:58px;

letter-spacing:-2px;

}

.hero-content p{

font-size:18px;

}

.hero-list{

gap:20px;

}

}

/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

.hero{

background-position:center;

}

.hero-overlay{

background:linear-gradient(
180deg,
rgba(11,45,82,.92),
rgba(11,45,82,.78)
);

}

.container{

padding:110px 22px 70px;

}

.hero-content{

max-width:100%;

text-align:center;

}

.hero-badge{

font-size:11px;

padding:10px 20px;

letter-spacing:1px;

margin-bottom:22px;

}

.hero-content h1{

font-size:42px;

line-height:1.12;

letter-spacing:-1px;

}

.hero-content h1 span{

display:inline;

}

.hero-content p{

margin:22px auto 0;

font-size:16px;

line-height:1.75;

}

.hero-buttons{

flex-direction:column;

gap:14px;

margin-top:32px;

}

.btn-primary,

.btn-secondary{

width:100%;

height:56px;

}

.hero-list{

margin-top:34px;

flex-direction:column;

align-items:flex-start;

gap:14px;

}

.hero-list li{

font-size:15px;

}

}

/*==================================================
PETITS MOBILES
==================================================*/

@media(max-width:480px){

.hero-content h1{

font-size:36px;

}

.hero-content p{

font-size:15px;

}

.hero-badge{

font-size:10px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e5dcb9 *//*==================================================
KALUGAL | NOS PARTENAIRES PREMIUM V5
==================================================*/

/*==================================
SECTION
==================================*/

.kalugal-partners{

padding:120px 40px;

background:#F8FAFC;

}

.partners-container{

max-width:1400px;

margin:auto;

}

/*==================================
HEADER
==================================*/

.partners-header{

max-width:820px;

margin:0 auto 80px;

text-align:center;

}

.partners-badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:12px 28px;

margin-bottom:28px;

background:#FFFFFF;

border:1px solid #E8EDF5;

border-radius:999px;

font-family:'Poppins',sans-serif;

font-size:12px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#0B2D52;

box-shadow:0 8px 20px rgba(11,45,82,.05);

}

.partners-header h2{

margin:0;

font-family:'Poppins',sans-serif;

font-size:60px;

font-weight:800;

line-height:1.1;

letter-spacing:-2px;

color:#0B2D52;

}

.partners-header h2 span{

display:block;

color:#D4A017;

}

.partners-header h2::after{

content:"";

display:block;

width:90px;

height:4px;

margin:26px auto 0;

background:#D4A017;

border-radius:999px;

}

.partners-header p{

max-width:760px;

margin:30px auto 0;

font-family:'Poppins',sans-serif;

font-size:18px;

line-height:1.9;

color:#667085;

}

/*==================================
GRID
==================================*/

.partners-grid{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:28px;

}

/*==================================
CARTE
==================================*/

.partner-card{

display:flex;

align-items:center;

justify-content:center;

padding:35px;

min-height:170px;

background:#FFFFFF;

border:1px solid #E8EDF5;

border-radius:24px;

box-shadow:0 12px 30px rgba(11,45,82,.05);

}

/*==================================
LOGOS
==================================*/

.partner-card img{

display:block;

width:auto;

height:auto;

max-width:200px;

max-height:90px;

object-fit:contain;

filter:none;

opacity:1;

}

/* Réglage individuel */

.logo-strugal{

max-width:190px;

}

.logo-sepalumic{

max-width:210px;

}

.logo-adm{

max-width:170px;

}

.logo-rock{

max-width:150px;

}

.logo-somfy{

max-width:150px;

}

/*==================================
FOOTER
==================================*/

.partners-footer{

max-width:900px;

margin:80px auto 0;

text-align:center;

padding-top:50px;

border-top:1px solid #E8EDF5;

}

.partners-footer h3{

margin:0 0 20px;

font-family:'Poppins',sans-serif;

font-size:36px;

font-weight:700;

line-height:1.2;

color:#0B2D52;

}

.partners-footer p{

margin:0 auto;

max-width:760px;

font-family:'Poppins',sans-serif;

font-size:17px;

line-height:1.9;

color:#667085;

}

/*==================================
TABLETTE
==================================*/

@media(max-width:1024px){

.kalugal-partners{

padding:90px 30px;

}

.partners-header h2{

font-size:46px;

letter-spacing:-1px;

}

.partners-header h2 span{

display:inline;

}

.partners-grid{

grid-template-columns:repeat(3,1fr);

gap:22px;

}

.partner-card{

min-height:150px;

padding:28px;

}

.partner-card img{

max-width:170px;

max-height:75px;

}

}

/*==================================
MOBILE
==================================*/

@media(max-width:767px){

.kalugal-partners{

padding:80px 22px;

}

.partners-header{

margin-bottom:50px;

}

.partners-badge{

padding:10px 22px;

font-size:11px;

}

.partners-header h2{

font-size:36px;

line-height:1.15;

letter-spacing:-1px;

}

.partners-header h2 span{

display:inline;

}

.partners-header h2::after{

width:70px;

margin:20px auto 0;

}

.partners-header p{

font-size:15px;

line-height:1.8;

}

.partners-grid{

grid-template-columns:repeat(2,1fr);

gap:18px;

}

.partner-card{

padding:20px;

min-height:120px;

border-radius:18px;

}

.partner-card img{

max-width:130px;

max-height:60px;

}

.partners-footer{

margin-top:60px;

padding-top:35px;

}

.partners-footer h3{

font-size:28px;

}

.partners-footer p{

font-size:15px;

line-height:1.8;

}

}

/*==================================
PETITS MOBILES
==================================*/

@media(max-width:480px){

.partners-grid{

grid-template-columns:1fr;

}

.partner-card{

min-height:110px;

padding:18px;

}

.partner-card img{

max-width:150px;

max-height:55px;

}

.partners-header h2{

font-size:30px;

}

.partners-footer h3{

font-size:24px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a1081 *//*==================================================
KALUGAL | À PROPOS PREMIUM V4
PARTIE 1
SECTION • CONTAINER • IMAGE
==================================================*/

/*==================================
SECTION
==================================*/

.kalugal-about{

position:relative;

padding:140px 40px;

background:#FFFFFF;

overflow:hidden;

}

.about-container{

max-width:1380px;

margin:auto;

display:grid;

grid-template-columns:1.05fr .95fr;

align-items:center;

gap:90px;

}

/*==================================
IMAGE
==================================*/

.about-image{

position:relative;

overflow:hidden;

border-radius:32px;

background:#FFFFFF;

border:1px solid #EDF2F7;

box-shadow:

0 30px 70px rgba(11,45,82,.08);

}

.about-image img{

display:block;

width:100%;

height:100%;

object-fit:cover;

aspect-ratio:4/5;

border-radius:32px;

}

/*==================================
CADRE PREMIUM
==================================*/

.about-image::before{

content:"";

position:absolute;

top:24px;

left:24px;

right:24px;

bottom:24px;

border:1px solid rgba(212,160,23,.22);

border-radius:24px;

pointer-events:none;

z-index:2;

}

/*==================================
LIGNE DORÉE
==================================*/

.about-image::after{

content:"";

position:absolute;

left:0;

top:70px;

width:6px;

height:120px;

background:#D4A017;

border-radius:0 8px 8px 0;

}

/*==================================
BLOC IMAGE
==================================*/

.about-image{

min-height:650px;

}

/*==================================
OMBRE
==================================*/

.about-image{

box-shadow:

0 35px 90px rgba(11,45,82,.08);

}

/*==================================
TABLETTE
==================================*/

@media(max-width:1024px){

.kalugal-about{

padding:100px 30px;

}

.about-container{

grid-template-columns:1fr;

gap:60px;

}

.about-image{

max-width:720px;

margin:auto;

min-height:auto;

}

.about-image img{

aspect-ratio:16/10;

}

}

/*==================================
MOBILE
==================================*/

@media(max-width:767px){

.kalugal-about{

padding:80px 22px;

}

.about-container{

gap:40px;

}

.about-image{

border-radius:22px;

min-height:auto;

}

.about-image img{

border-radius:22px;

aspect-ratio:4/3;

}

.about-image::before{

top:14px;

left:14px;

right:14px;

bottom:14px;

border-radius:16px;

}

.about-image::after{

top:45px;

height:80px;

width:5px;

}

}
/*==================================================
KALUGAL | À PROPOS PREMIUM V4
PARTIE 2
BADGE • TITRE • TEXTE
==================================================*/

/*==================================
CONTENU
==================================*/

.about-content{

max-width:620px;

}

/*==================================
BADGE PREMIUM
==================================*/

.about-badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 32px;

margin-bottom:32px;

background:#FFF9EC;

border:1px solid rgba(212,160,23,.20);

border-radius:60px;

font-family:'Poppins',sans-serif;

font-size:12px;

font-weight:700;

letter-spacing:3px;

text-transform:uppercase;

color:#0B2D52;

box-shadow:

0 10px 30px rgba(212,160,23,.08);

}

/*==================================
TITRE
==================================*/

.about-content h2{

margin:0;

font-family:'Poppins',sans-serif;

font-size:64px;

font-weight:800;

line-height:1.08;

letter-spacing:-2px;

color:#0B2D52;

}

.about-content h2 span{

display:block;

color:#D4A017;

}

/*==================================
TRAIT DORÉ
==================================*/

.about-content h2::after{

content:"";

display:block;

width:90px;

height:4px;

margin-top:26px;

background:#D4A017;

border-radius:999px;

}

/*==================================
PARAGRAPHES
==================================*/

.about-content p{

margin:30px 0 0;

font-family:'Poppins',sans-serif;

font-size:18px;

font-weight:400;

line-height:1.95;

color:#667085;

}

/*==================================
PREMIER PARAGRAPHE
==================================*/

.about-content p:first-of-type{

font-size:19px;

color:#4E5D78;

}

/*==================================
MISE EN VALEUR
==================================*/

.about-content strong,

.about-content b{

font-weight:700;

color:#0B2D52;

}

/*==================================
ESPACEMENT
==================================*/

.about-content>*:last-child{

margin-bottom:0;

}

/*==================================
TABLETTE
==================================*/

@media(max-width:1024px){

.about-content{

max-width:100%;

text-align:center;

}

.about-badge{

margin-bottom:28px;

}

.about-content h2{

font-size:50px;

line-height:1.12;

letter-spacing:-1px;

}

.about-content h2 span{

display:inline;

}

.about-content h2::after{

margin:22px auto 0;

}

.about-content p{

font-size:17px;

line-height:1.85;

}

}

/*==================================
MOBILE
==================================*/

@media(max-width:767px){

.about-content{

text-align:center;

}

.about-badge{

padding:11px 24px;

font-size:11px;

letter-spacing:2px;

margin-bottom:24px;

}

.about-content h2{

font-size:38px;

line-height:1.15;

letter-spacing:-1px;

}

.about-content h2 span{

display:inline;

}

.about-content h2::after{

width:70px;

margin:20px auto 0;

}

.about-content p{

margin-top:22px;

font-size:15px;

line-height:1.85;

}

}
/*==================================================
KALUGAL | À PROPOS PREMIUM V4
PARTIE 3
LISTE • CARTES • CHIFFRES • BOUTON
==================================================*/

/*==================================
LISTE
==================================*/

.about-list{

margin-top:55px;

display:flex;

flex-direction:column;

gap:24px;

}

/*==================================
CARTE
==================================*/

.about-item{

display:flex;

align-items:flex-start;

gap:22px;

padding:28px;

background:#FFFFFF;

border:1px solid #E8EDF5;

border-radius:26px;

box-shadow:
0 18px 45px rgba(11,45,82,.05);

}

/*==================================
ICÔNE
==================================*/

.about-icon{

display:flex;

align-items:center;

justify-content:center;

width:64px;

height:64px;

min-width:64px;

background:#D4A017;

color:#0B2D52;

border-radius:50%;

font-size:24px;

font-weight:700;

box-shadow:
0 12px 28px rgba(212,160,23,.20);

}

/*==================================
CONTENU
==================================*/

.about-item-content{

flex:1;

}

.about-item h3{

margin:0 0 10px;

font-family:'Poppins',sans-serif;

font-size:23px;

font-weight:700;

line-height:1.3;

color:#0B2D52;

}

.about-item p{

margin:0;

font-family:'Poppins',sans-serif;

font-size:16px;

line-height:1.8;

color:#667085;

}

/*==================================
CHIFFRES
==================================*/

.about-highlights{

margin-top:60px;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:24px;

}

.highlight-box{

padding:35px 25px;

background:#FFFFFF;

border:1px solid #E8EDF5;

border-radius:24px;

text-align:center;

box-shadow:
0 15px 35px rgba(11,45,82,.05);

}

.highlight-box strong{

display:block;

margin-bottom:12px;

font-family:'Poppins',sans-serif;

font-size:44px;

font-weight:800;

line-height:1;

color:#D4A017;

}

.highlight-box span{

display:block;

font-family:'Poppins',sans-serif;

font-size:15px;

font-weight:600;

line-height:1.7;

color:#0B2D52;

}

/*==================================
BOUTON
==================================*/

.about-btn{

display:inline-flex;

align-items:center;

justify-content:center;

margin-top:60px;

padding:18px 42px;

background:#0B2D52;

color:#FFFFFF;

font-family:'Poppins',sans-serif;

font-size:16px;

font-weight:700;

text-decoration:none;

border-radius:999px;

box-shadow:
0 12px 30px rgba(11,45,82,.12);

}

/*==================================
TABLETTE
==================================*/

@media(max-width:1024px){

.about-list{

margin-top:45px;

}

.about-item{

padding:24px;

}

.about-highlights{

grid-template-columns:repeat(3,1fr);

gap:18px;

}

.highlight-box{

padding:28px 18px;

}

.highlight-box strong{

font-size:36px;

}

}

/*==================================
MOBILE
==================================*/

@media(max-width:767px){

.about-list{

margin-top:35px;

gap:18px;

}

.about-item{

display:flex;

align-items:flex-start;

text-align:left;

gap:16px;

padding:20px;

border-radius:20px;

}

.about-icon{

width:52px;

height:52px;

min-width:52px;

font-size:20px;

}

.about-item-content{

flex:1;

}

.about-item h3{

font-size:20px;

margin-bottom:8px;

}

.about-item p{

font-size:15px;

line-height:1.7;

}

.about-highlights{

grid-template-columns:1fr;

gap:18px;

margin-top:40px;

}

.highlight-box{

padding:24px;

border-radius:20px;

}

.highlight-box strong{

font-size:34px;

margin-bottom:10px;

}

.highlight-box span{

font-size:14px;

}

.about-btn{

display:flex;

width:100%;

height:56px;

margin-top:40px;

font-size:15px;

}

}

/*==================================
PETITS SMARTPHONES
==================================*/

@media(max-width:480px){

.about-item{

padding:18px;

gap:14px;

}

.about-icon{

width:48px;

height:48px;

min-width:48px;

font-size:18px;

}

.about-item h3{

font-size:18px;

}

.about-item p{

font-size:14px;

}

.highlight-box{

padding:22px;

}

.highlight-box strong{

font-size:30px;

}

.about-btn{

height:54px;

font-size:14px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94f3558 *//*==================================================
KALUGAL | NOS SOLUTIONS PREMIUM V4
PARTIE 1
SECTION • HEADER • GRILLE
==================================================*/

/*==================================
SECTION
==================================*/

.kalugal-services{
position:relative;
padding:140px 40px;
background:#F8FAFC;
overflow:hidden;
}

.services-container{
max-width:1380px;
margin:auto;
}

/*==================================
HEADER
==================================*/

.services-header{
max-width:860px;
margin:0 auto 90px;
text-align:center;
}

/*==================================
BADGE
==================================*/

.services-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 32px;
margin-bottom:32px;
background:#FFF8E8;
border:1px solid rgba(212,160,23,.18);
border-radius:60px;
font-family:'Poppins',sans-serif;
font-size:12px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#0B2D52;
box-shadow:0 10px 25px rgba(212,160,23,.08);
}

/*==================================
TITRE
==================================*/

.services-header h2{
margin:0;
font-family:'Poppins',sans-serif;
font-size:64px;
font-weight:800;
line-height:1.08;
letter-spacing:-2px;
color:#0B2D52;
}

.services-header h2 span{
display:block;
color:#D4A017;
}

.services-header h2::after{
content:"";
display:block;
width:90px;
height:4px;
margin:28px auto 0;
background:#D4A017;
border-radius:999px;
}

.services-header p{
max-width:760px;
margin:32px auto 0;
font-family:'Poppins',sans-serif;
font-size:18px;
line-height:1.9;
color:#667085;
}

.services-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:32px;
align-items:stretch;
}

.service-card{
position:relative;
display:flex;
align-items:flex-end;
overflow:hidden;
height:500px;
background:#FFF;
border:1px solid #E8EDF5;
border-radius:30px;
text-decoration:none;
box-shadow:0 18px 45px rgba(11,45,82,.06);
}

.service-card img{
display:block;
width:100%;
height:100%;
object-fit:cover;
filter:brightness(.90);
}

.service-overlay{
position:absolute;
left:0;
right:0;
bottom:0;
padding:36px;
display:flex;
flex-direction:column;
justify-content:flex-end;
min-height:240px;
background:linear-gradient(180deg,rgba(11,45,82,0),rgba(11,45,82,.94));
}
/*==================================================
PARTIE 2
==================================================*/

.service-overlay::before{
content:"";
display:block;
width:70px;
height:4px;
margin-bottom:22px;
background:#D4A017;
border-radius:999px;
}

.service-category{
display:inline-flex;
align-items:center;
justify-content:center;
align-self:flex-start;
padding:9px 18px;
margin-bottom:18px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
font-family:'Poppins',sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#FFF;
}

.service-overlay h3{
margin:0 0 14px;
font-family:'Poppins',sans-serif;
font-size:30px;
font-weight:700;
line-height:1.25;
color:#FFF;
}

.service-overlay p{
margin:0;
font-family:'Poppins',sans-serif;
font-size:16px;
line-height:1.85;
color:rgba(255,255,255,.88);
}

.service-card::after{
content:"";
position:absolute;
left:0;
top:0;
width:5px;
height:100%;
background:#D4A017;
}

.service-card:focus-visible{
outline:3px solid #D4A017;
outline-offset:5px;
border-radius:30px;
}

.service-card img{
-webkit-user-drag:none;
user-select:none;
}

.service-overlay{
pointer-events:none;
}

.service-card{
pointer-events:auto;
}
/*==================================================
PARTIE 3
RESPONSIVE
==================================================*/

@media (min-width:1600px){

.services-container{max-width:1500px;}

.services-grid{gap:36px;}

.service-card{height:540px;}

}

@media (max-width:1400px){

.services-container{max-width:1220px;}

.services-grid{gap:28px;}

.service-card{height:460px;}

}

@media (max-width:1024px){

.kalugal-services{padding:100px 30px;}

.services-header{max-width:720px;margin-bottom:65px;}

.services-header h2{font-size:48px;}

.services-grid{grid-template-columns:repeat(2,1fr);gap:24px;}

.service-card{height:410px;border-radius:24px;}

.service-overlay{padding:28px;min-height:210px;}

.service-category{font-size:10px;padding:8px 15px;}

.service-overlay h3{font-size:25px;}

.service-overlay p{font-size:15px;}

}

@media (max-width:767px){

.kalugal-services{padding:80px 22px;}

.services-grid{grid-template-columns:1fr;}

.service-card{height:360px;border-radius:22px;}

.service-overlay{padding:22px;min-height:185px;}

.service-overlay h3{font-size:23px;}

.service-overlay p{font-size:14px;}

}

@media (max-width:480px){

.kalugal-services{padding:70px 18px;}

.services-header h2{font-size:31px;}

.service-card{height:330px;}

.service-overlay{padding:20px;}

.service-overlay h3{font-size:21px;}

.service-overlay p{font-size:13px;}

}

.service-card:focus-visible{
outline:3px solid #D4A017;
outline-offset:4px;
border-radius:30px;
}

.service-card img{
display:block;
width:100%;
height:100%;
object-fit:cover;
-webkit-user-drag:none;
user-select:none;
}

.service-overlay{
pointer-events:none;
}

.service-card{
pointer-events:auto;
box-sizing:border-box;
}
/*==================================================
KALUGAL | NOS SOLUTIONS PREMIUM V4
PARTIE 4
ANIMATION SIMPLE
==================================================*/

/*==================================
TRANSITIONS
==================================*/

.service-card{

transition:.45s ease;

}

.service-card img{

transition:.6s ease;

}

/*==================================
SURVOL CARTE
==================================*/

.service-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(11,45,82,.15);

}

/*==================================
IMAGE
==================================*/

.service-card:hover img{

transform:scale(1.05);

}

/*==================================
LIGNE DORÉE
==================================*/

.service-overlay::before{

transition:.4s ease;

}

.service-card:hover .service-overlay::before{

width:100px;

}

/*==================================
TITRE
==================================*/

.service-overlay h3{

transition:.4s ease;

}

.service-card:hover h3{

color:#D4A017;

}

/*==================================
BADGE
==================================*/

.service-category{

transition:.4s ease;

}

.service-card:hover .service-category{

background:#D4A017;

color:#0B2D52;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7daa5cf *//*==================================================
KALUGAL | HEADER RÉALISATIONS PREMIUM
==================================================*/

.projects-header{

max-width:900px;

margin:0 auto 90px;

text-align:center;

}

/*==================================
BADGE
==================================*/

.projects-badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:12px 28px;

margin-bottom:28px;

background:#FFFFFF;

border:1px solid #E8EDF5;

border-radius:999px;

font-family:'Poppins',sans-serif;

font-size:12px;

font-weight:700;

letter-spacing:2.5px;

text-transform:uppercase;

color:#0B2D52;

box-shadow:0 8px 24px rgba(11,45,82,.05);

}

/*==================================
TITRE
==================================*/

.projects-header h2{

margin:0;

font-family:'Poppins',sans-serif;

font-size:64px;

font-weight:800;

line-height:1.08;

letter-spacing:-2px;

color:#0B2D52;

}

.projects-header h2 span{

display:block;

margin-top:6px;

color:#D4A017;

}

/*==================================
TRAIT
==================================*/

.projects-header h2::after{

content:"";

display:block;

width:90px;

height:4px;

margin:28px auto 0;

background:#D4A017;

border-radius:999px;

}

/*==================================
DESCRIPTION
==================================*/

.projects-header p{

max-width:780px;

margin:34px auto 0;

font-family:'Poppins',sans-serif;

font-size:18px;

font-weight:400;

line-height:1.9;

color:#667085;

}

/*==================================
TABLETTE
==================================*/

@media(max-width:1024px){

.projects-header{

margin-bottom:70px;

}

.projects-header h2{

font-size:50px;

letter-spacing:-1px;

}

.projects-header h2 span{

display:inline;

}

.projects-header p{

font-size:17px;

max-width:680px;

}

}

/*==================================
MOBILE
==================================*/

@media(max-width:767px){

.projects-header{

margin-bottom:50px;

padding:0 8px;

}

.projects-badge{

padding:10px 22px;

font-size:11px;

letter-spacing:2px;

}

.projects-header h2{

font-size:36px;

line-height:1.15;

letter-spacing:-1px;

}

.projects-header h2 span{

display:inline;

}

.projects-header h2::after{

width:70px;

margin:20px auto 0;

}

.projects-header p{

font-size:15px;

line-height:1.8;

margin-top:24px;

}

}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-e2292c7 *//*=========================================
KALUGAL | PREMIUM SLIDER V2
=========================================*/

.elementor-12 .elementor-element.elementor-element-e2292c7{

max-width:1400px;
margin:auto;

}

/* IMAGE */

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide img{

width:100%;
height:650px;
object-fit:cover;

border-radius:28px;

box-shadow:
0 35px 90px rgba(11,45,82,.10);

}

/* OVERLAY */

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide:before{

content:"";

position:absolute;

left:0;
top:0;

width:100%;
height:100%;

background:linear-gradient(

180deg,

rgba(11,45,82,.05),

rgba(11,45,82,.45)

);

border-radius:28px;

}

/* FLECHES */

.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-swiper-button{

width:56px;

height:56px;

background:rgba(255,255,255,.95);

border-radius:50%;

color:#0B2D52;

box-shadow:
0 12px 35px rgba(0,0,0,.15);

}

.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-swiper-button:hover{

background:#D4A017;

color:#fff;

}

/* BULLETS */

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-pagination{

bottom:25px !important;

}

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-pagination-bullet{

width:10px;

height:10px;

background:#ffffff;

opacity:.45;

margin:0 6px;

}

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-pagination-bullet-active{

width:40px;

border-radius:30px;

background:#D4A017;

opacity:1;

}

/* TEXTE */

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide-contents{

max-width:650px;

padding:60px;

}

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide-heading{

font-size:62px;

font-weight:700;

line-height:1.1;

margin-bottom:20px;

}

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide-description{

font-size:19px;

line-height:1.9;

max-width:620px;

}

/* BOUTON */

.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-button{

padding:18px 38px;

border-radius:50px;

background:#D4A017;

color:#0B2D52;

font-weight:700;

font-size:15px;

text-transform:uppercase;

letter-spacing:1px;

}

/* MOBILE */

@media(max-width:768px){

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide img{

height:420px;

border-radius:20px;

}

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide-heading{

font-size:34px;

}

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide-description{

font-size:16px;

}

.elementor-12 .elementor-element.elementor-element-e2292c7 .swiper-slide-contents{

padding:30px;

}

.elementor-12 .elementor-element.elementor-element-e2292c7 .elementor-swiper-button{

display:none;

}

}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-a4b9c00 *//*=========================================
KALUGAL | SÉPARATEUR PREMIUM
=========================================*/

.elementor-12 .elementor-element.elementor-element-a4b9c00{

display:flex;
justify-content:center;
align-items:center;
padding:20px 0;

}

.elementor-12 .elementor-element.elementor-element-a4b9c00 .elementor-divider{

width:100%;

}

.elementor-12 .elementor-element.elementor-element-a4b9c00 .elementor-divider-separator{

width:120px!important;
height:5px!important;

background:linear-gradient(90deg,
transparent 0%,
#D4A017 20%,
#F4C542 50%,
#D4A017 80%,
transparent 100%);

border-radius:999px;

box-shadow:
0 0 12px rgba(212,160,23,.25);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb8623c *//*==================================================
KALUGAL | CONTACT PREMIUM
==================================================*/

.kalugal-contact{

padding:120px 30px;

background:#F8FAFD;

position:relative;

overflow:hidden;

}

.contact-container{

max-width:900px;

margin:auto;

text-align:center;

}

/* Badge */

.contact-badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 38px;

border:1px solid rgba(212,160,23,.25);

border-radius:60px;

background:#FFF9EE;

color:#0B2D52;

font-family:'Poppins',sans-serif;

font-size:13px;

font-weight:700;

letter-spacing:4px;

text-transform:uppercase;

margin-bottom:35px;

}

/* Titre */

.contact-header h2{

margin:0;

font-family:'Poppins',sans-serif;

font-size:64px;

font-weight:800;

line-height:1.08;

color:#0B2D52;

letter-spacing:-2px;

}

.contact-header h2 span{

display:block;

margin-top:10px;

color:#D4A017;

}

/* Ligne */

.contact-divider{

width:90px;

height:5px;

margin:35px auto;

border-radius:20px;

background:#D4A017;

}

/* Texte */

.contact-header p{

max-width:760px;

margin:auto;

font-family:'Poppins',sans-serif;

font-size:20px;

line-height:2;

font-weight:400;

color:#667892;

}

/* Responsive */

@media(max-width:991px){

.kalugal-contact{

padding:90px 25px;

}

.contact-header h2{

font-size:50px;

}

.contact-header p{

font-size:18px;

}

}

@media(max-width:767px){

.kalugal-contact{

padding:70px 20px;

}

.contact-badge{

padding:12px 30px;

font-size:12px;

letter-spacing:3px;

}

.contact-header h2{

font-size:38px;

line-height:1.2;

letter-spacing:-1px;

}

.contact-divider{

width:70px;

height:4px;

margin:28px auto;

}

.contact-header p{

font-size:17px;

line-height:1.9;

}

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-47f2726 *//*==================================================
KALUGAL | CONTACT FORM PREMIUM V12
Compatible Contact Form 7
==================================================*/

/*==============================
FORMULAIRE
==============================*/

.wpcf7{
width:100%;
}

.wpcf7 form{

background:#FFFFFF;

padding:60px;

border:1px solid #E8EEF5;

border-radius:28px;

box-shadow:0 20px 60px rgba(11,45,82,.07);

}

/*==============================
LABELS
==============================*/

.wpcf7 label{

display:block;

margin-bottom:22px;

font-family:'Poppins',sans-serif;

font-size:15px;

font-weight:600;

color:#0B2D52;

}

/*==============================
CHAMPS
==============================*/

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select{

width:100%;

margin-top:10px;

padding:18px 22px;

border:1px solid #D9E2EC;

border-radius:16px;

background:#FFFFFF;

font-family:'Poppins',sans-serif;

font-size:15px;

color:#0B2D52;

outline:none;

box-sizing:border-box;

transition:.35s;

}

/* Placeholder */

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{

color:#9AA7B8;

}

/* Focus */

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus{

border-color:#D4A017;

box-shadow:0 0 0 5px rgba(212,160,23,.10);

}

/*==============================
TEXTAREA
==============================*/

.wpcf7 textarea{

min-height:180px;

resize:vertical;

}

/*==============================
SELECT
==============================*/

.wpcf7 select{

appearance:none;

cursor:pointer;

background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%230B2D52' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E");

background-repeat:no-repeat;

background-position:right 20px center;

background-size:14px;

padding-right:55px;

}

/*==============================
BOUTON PREMIUM
==============================*/

.wpcf7-submit{

width:100%;

height:70px;

display:flex;

align-items:center;

justify-content:center;

border:none;

border-radius:999px;

background:linear-gradient(135deg,#D4A017,#E7B526);

font-family:'Poppins',sans-serif;

font-size:17px;

font-weight:700;

letter-spacing:.5px;

color:#0B2D52;

cursor:pointer;

box-shadow:0 18px 40px rgba(212,160,23,.22);

transition:.35s;

}

/* Hover */

.wpcf7-submit:hover{

background:#0B2D52;

color:#FFFFFF;

transform:translateY(-3px);

box-shadow:0 22px 45px rgba(11,45,82,.18);

}

/* Click */

.wpcf7-submit:active{

transform:scale(.98);

}

/*==============================
MESSAGES
==============================*/

.wpcf7-response-output{

margin-top:25px!important;

padding:18px!important;

border-radius:14px!important;

font-family:'Poppins',sans-serif;

font-size:15px;

}

/*==============================
ERREURS
==============================*/

.wpcf7-not-valid-tip{

margin-top:8px;

font-size:13px;

font-weight:500;

color:#D92D20;

}

/*==============================
RESPONSIVE
==============================*/

@media(max-width:991px){

.wpcf7 form{

padding:40px;

}

}

@media(max-width:767px){

.wpcf7 form{

padding:28px;

border-radius:22px;

}

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select{

padding:16px 18px;

font-size:14px;

}

.wpcf7-submit{

height:60px;

font-size:16px;

}

}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-cc84336 *//*=========================================
KALUGAL | SÉPARATEUR PREMIUM
=========================================*/

.elementor-12 .elementor-element.elementor-element-cc84336{

display:flex;
justify-content:center;
align-items:center;
padding:20px 0;

}

.elementor-12 .elementor-element.elementor-element-cc84336 .elementor-divider{

width:100%;

}

.elementor-12 .elementor-element.elementor-element-cc84336 .elementor-divider-separator{

width:120px!important;
height:5px!important;

background:linear-gradient(90deg,
transparent 0%,
#D4A017 20%,
#F4C542 50%,
#D4A017 80%,
transparent 100%);

border-radius:999px;

box-shadow:
0 0 12px rgba(212,160,23,.25);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4829e08 *//*==================================================
KALUGAL | FOOTER PREMIUM V11
==================================================*/

/*==================================
SECTION
==================================*/

.kalugal-footer{

position:relative;

overflow:hidden;

background:linear-gradient(180deg,#133B68 0%,#0B2D52 55%,#081F39 100%);

color:#FFFFFF;

padding:100px 40px 0;

}

/* Lumière */

.kalugal-footer::before{

content:"";

position:absolute;

top:-180px;

left:-150px;

width:500px;

height:500px;

background:radial-gradient(circle,
rgba(212,160,23,.18) 0%,
rgba(212,160,23,.08) 40%,
transparent 75%);

filter:blur(70px);

pointer-events:none;

}

/*==================================
CONTENEUR
==================================*/

.footer-container{

position:relative;

z-index:2;

max-width:1400px;

margin:auto;

display:grid;

grid-template-columns:1.4fr .8fr;

gap:110px;

align-items:start;

}

/*==================================
LOGO
==================================*/

.footer-logo{

display:block;

width:260px;

max-width:100%;

padding:20px;

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.08);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

border-radius:24px;

box-shadow:

0 20px 45px rgba(0,0,0,.25),

0 0 40px rgba(212,160,23,.12);

margin-bottom:35px;

transition:.45s;

}

.footer-logo:hover{

transform:translateY(-6px) scale(1.03);

box-shadow:

0 30px 60px rgba(0,0,0,.35),

0 0 50px rgba(212,160,23,.30);

}

/*==================================
DESCRIPTION
==================================*/

.footer-about{

max-width:600px;

}

.footer-about p{

margin:0;

font-family:Poppins,sans-serif;

font-size:18px;

line-height:2;

color:#D9E4F2;

}

/*==================================
CONTACT
==================================*/

.footer-contact{

margin-top:45px;

display:flex;

flex-direction:column;

gap:18px;

}

.footer-contact-item{

display:flex;

align-items:center;

gap:18px;

padding:16px 22px;

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.08);

border-radius:18px;

transition:.35s;

}

.footer-contact-item:hover{

background:rgba(255,255,255,.09);

transform:translateX(8px);

}

.footer-contact-item img{

width:52px;

height:52px;

padding:11px;

background:linear-gradient(135deg,#D4A017,#F6D36B);

border-radius:50%;

object-fit:contain;

box-shadow:0 12px 30px rgba(212,160,23,.30);

}

.footer-contact-item a,

.footer-contact-item span{

font-size:17px;

font-weight:500;

color:#FFFFFF;

text-decoration:none;

}

.footer-contact-item a:hover{

color:#F6D36B;

}

/*==================================
COLONNE DROITE
==================================*/

.footer-links h3{

font-family:Poppins,sans-serif;

font-size:32px;

font-weight:700;

margin:0 0 35px;

position:relative;

}

.footer-links h3::after{

content:"";

display:block;

width:75px;

height:4px;

margin-top:14px;

background:#D4A017;

border-radius:20px;

}

.footer-links ul{

margin:0;

padding:0;

list-style:none;

display:flex;

flex-direction:column;

gap:20px;

}

.footer-links li{

list-style:none;

}

.footer-links a{

font-size:17px;

font-weight:500;

color:#D8E3F2;

text-decoration:none;

transition:.35s;

}

.footer-links a:hover{

color:#D4A017;

padding-left:10px;

}

/*==================================
BOUTON
==================================*/

.footer-btn{

display:inline-flex;

align-items:center;

justify-content:center;

margin-top:45px;

padding:18px 38px;

background:linear-gradient(135deg,#D4A017,#F5C84A);

border-radius:60px;

color:#0B2D52!important;

font-weight:700;

font-size:16px;

text-decoration:none;

box-shadow:

0 18px 40px rgba(212,160,23,.35);

transition:.35s;

}

.footer-btn:hover{

background:#FFFFFF;

transform:translateY(-4px);

box-shadow:

0 25px 55px rgba(0,0,0,.25);

}

/*==================================
BAS FOOTER
==================================*/

.footer-bottom{

margin-top:90px;

padding:35px 0;

border-top:1px solid rgba(255,255,255,.10);

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:20px;

}

.footer-bottom p{

margin:0;

font-size:15px;

color:#B9C8D9;

}

.footer-bottom strong{

color:#FFFFFF;

}

.footer-bottom-links{

display:flex;

align-items:center;

gap:15px;

}

.footer-bottom-links a{

color:#C7D5E5;

text-decoration:none;

transition:.30s;

}

.footer-bottom-links a:hover{

color:#D4A017;

}

.footer-bottom-links span{

color:#D4A017;

}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

.footer-container{

grid-template-columns:1fr;

gap:70px;

}

.footer-logo{

width:220px;

}

.footer-about{

max-width:100%;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

}

@media(max-width:767px){

.kalugal-footer{

padding:70px 25px 0;

}

.footer-logo{

width:190px;

padding:16px;

}

.footer-about p{

font-size:16px;

line-height:1.8;

}

.footer-links h3{

font-size:26px;

}

.footer-contact-item{

padding:14px 18px;

}

.footer-contact-item img{

width:46px;

height:46px;

}

.footer-contact-item a,

.footer-contact-item span{

font-size:15px;

}

.footer-btn{

width:100%;

padding:18px;

}

}/* End custom CSS */