.elementor-567 .elementor-element.elementor-element-4460a81{--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-567 .elementor-element.elementor-element-4982b5e{--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-567 .elementor-element.elementor-element-5a31a72{--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-567 .elementor-element.elementor-element-b8ec90e{--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-567 .elementor-element.elementor-element-c8aae50{--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-567 .elementor-element.elementor-element-733cd83{--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-567 .elementor-element.elementor-element-8df3700{--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;}/* Start custom CSS for html, class: .elementor-element-a8b2c59 */:root{
  --yellow:#F4E300;
  --yellow-dark:#d6c800;
  --yellow-glow:#fff76a;
  --dark:#111;
}

/* SECTION */
.hero-section{
  position:relative;
  height:90vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
}

/* BACKGROUND IMAGE */
.hero-bg{
  position:absolute;
  width:100%;
  height:100%;
  background:url('https://sleeplongmattress.com/wp-content/uploads/2026/05/ChatGPT-Image-May-30-2026-at-11_06_45-AM.png') center/cover no-repeat;
  z-index:1;
}

/* PREMIUM OVERLAY (less white, more soft) */
.hero-section::after{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  background:linear-gradient(
    rgba(255,255,255,0.7),
    rgba(955,255,255,0.5)
  );
  z-index:2;
}

/* CONTENT */
.hero-content{
  position:relative;
  z-index:3;
  max-width:700px;
  padding:20px;
}

/* TAGLINE */
.tagline{
  display:inline-block;
  background:var(--yellow);
  color:#000;
  padding:7px 16px;
  border-radius:30px;
  font-size:13px;
  margin-bottom:15px;
  font-weight:500;

  /* premium glow */
  box-shadow:0 0 12px rgba(244,227,0,0.4);
}

/* HEADING */
.hero-content h1{
  font-size:42px;
  color:#111;
  margin-bottom:15px;
}

/* TEXT */
.hero-content p{
  color:#444;
  font-size:21px;
  margin-bottom:25px;
}

/* BUTTONS */
.hero-buttons{
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
}

/* PRIMARY BUTTON */
.primary-btn{
  background:var(--yellow);
  color:#000;
  padding:12px 26px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  transition:0.3s;
}

/* HOVER (exact jo tu chah raha tha) */
.primary-btn:hover{
  background:transparent;
  border:2px solid var(--yellow);
  color:var(--yellow);
}

/* OUTLINE BUTTON */
.outline-btn{
  background:transparent;
  border:2px solid var(--yellow);
  color:#000;
  padding:12px 26px;
  border-radius:10px;
  text-decoration:none;
  transition:0.3s;
}

.outline-btn:hover{
  background:var(--yellow);
  color:#000;
}

/* MOBILE */
@media(max-width:768px){

  .hero-section{
    height:auto;
    padding:80px 20px;
  }

  .hero-content h1{
    font-size:28px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7549740 *//* =========================
SECTION
========================= */

.premium-feature-section{
    width:100%;
    padding:70px 20px;
    background:#ffffff;
}

/* =========================
WRAPPER
========================= */

.premium-feature-wrapper{
    max-width:1450px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:26px;
}

/* =========================
CARD
========================= */

.premium-feature-card{
    position:relative;

    background:#ffffff;

    border:1.5px solid #e6e6e6;

    border-radius:26px;

    padding:42px 26px;

    text-align:center;

    overflow:hidden;

    min-height:285px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    background 0.45s ease,
    border-color 0.45s ease;
}

/* LEFT THICK LINE */
.premium-feature-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:0px;
    height:100%;

    background:#e2cb00;

    transition:all 0.45s ease;

    border-radius:26px 0 0 26px;

    z-index:1;
}

/* HOVER EFFECT */
.premium-feature-card:hover{

    transform:translateY(-12px);

    background:#f5f0df;

    /* ALL 4 SIDE YELLOW BORDER */
    border-top:2px solid #e2cb00;
    border-right:2px solid #e2cb00;
    border-bottom:2px solid #e2cb00;
    border-left:2px solid #e2cb00;

    box-shadow:
    0 20px 45px rgba(0,0,0,0.08);
}

/* LEFT BORDER EXTRA THICK */
.premium-feature-card:hover::before{
    width:10px;
}

/* =========================
ICON
========================= */

.premium-icon-wrap{
    width:82px;
    height:82px;

    margin:auto;
    margin-bottom:24px;

    border-radius:50%;

    background:#f7f2df;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:34px;

    transition:all 0.45s ease;

    position:relative;
    z-index:2;
}

/* ICON HOVER */
.premium-feature-card:hover .premium-icon-wrap{
    transform:scale(1.05);
    background:#fff2a6;
}

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

.premium-feature-card h3{
    font-size:21px;
    font-weight:700;

    color:#1f1f1f;

    margin-bottom:14px;

    line-height:1.3;

    position:relative;
    z-index:2;
}

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

.premium-feature-card p{
    font-size:17px;
    line-height:1.7;

    color:#666666;

    margin:0;

    position:relative;
    z-index:2;
}

/* =========================
TABLET
========================= */

@media(max-width:1100px){

    .premium-feature-wrapper{
        grid-template-columns:repeat(3,1fr);
    }

}

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

@media(max-width:767px){

    .premium-feature-section{
        padding:45px 15px;
    }

    .premium-feature-wrapper{
        grid-template-columns:1fr;
        gap:18px;
    }

    .premium-feature-card{
        min-height:auto;
        padding:34px 22px;

        border-radius:22px;
    }

    .premium-icon-wrap{
        width:72px;
        height:72px;

        font-size:28px;

        margin-bottom:20px;
    }

    .premium-feature-card h3{
        font-size:22px;
    }

    .premium-feature-card p{
        font-size:16px;
        line-height:1.6;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b35fd6 *//* =========================
SECTION
========================= */

.process-section{
    width:100%;
    padding:90px 20px;
    background:#f8f8f8;
    overflow:hidden;
}

/* =========================
HEADING
========================= */

.process-heading{
    text-align:center;
    margin-bottom:50px;
}

.process-mini-title{
    display:block;

    font-size:15px;
    letter-spacing:4px;
    text-transform:uppercase;

    color:#8c8c8c;

    margin-bottom:18px;
}

.process-heading h2{
    font-size:58px;
    line-height:1.2;
    font-weight:700;

    color:#111111;

    margin-bottom:18px;
}

.process-heading p{
    max-width:900px;
    margin:auto;

    font-size:22px;
    line-height:1.8;

    color:#666666;
}

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

.process-grid{
    max-width:1650px;
    margin:auto;

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

    gap:18px;
}

/* =========================
CARD
========================= */

.process-card{
    position:relative;

    overflow:hidden;

    border-radius:30px;

    background:#ffffff;

    border:2px solid #e7e7e7;

    height:470px; /* SMALLER SIZE */

    transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    background 0.45s ease;
}

/* LEFT THICK LINE */

.process-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:0px;
    height:100%;

    background:#e2cb00;

    z-index:4;

    transition:all 0.45s ease;

    border-radius:30px 0 0 30px;
}

/* IMAGE */

.process-card img{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    display:block;

    transition:transform 0.55s ease;
}

/* HOVER EFFECT */

.process-card:hover{

    transform:translateY(-12px);

    background:#f5f0df;

    border-top:2px solid #e2cb00;
    border-right:2px solid #e2cb00;
    border-bottom:2px solid #e2cb00;
    border-left:2px solid #e2cb00;

    box-shadow:
    0 20px 45px rgba(0,0,0,0.08);
}

/* LEFT THICK BORDER */

.process-card:hover::before{
    width:10px;
}

/* IMAGE ZOOM */

.process-card:hover img{
    transform:scale(1.04);
}

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

.process-number{
    position:absolute;

    top:16px;
    left:16px;

    width:56px;
    height:56px;

    border-radius:50%;

    background:#f0dd00;

    color:#000000;

    font-size:22px;
    font-weight:800;

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:5;
}

/* =========================
TABLET
========================= */

@media(max-width:1200px){

    .process-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .process-card{
        height:420px;
    }

    .process-heading h2{
        font-size:46px;
    }

}

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

@media(max-width:767px){

    .process-section{
        padding:60px 15px;
    }

    .process-heading{
        margin-bottom:38px;
    }

    .process-mini-title{
        font-size:13px;
        letter-spacing:3px;
    }

    .process-heading h2{
        font-size:34px;
        line-height:1.3;
    }

    .process-heading p{
        font-size:16px;
        line-height:1.7;
    }

    .process-grid{
        grid-template-columns:1fr;

        gap:18px;
    }

    .process-card{
        height:340px;

        border-radius:24px;
    }

    .process-card::before{
        border-radius:24px 0 0 24px;
    }

    .process-number{
        width:50px;
        height:50px;

        font-size:20px;

        top:14px;
        left:14px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e7fd9d *//* =========================
SECTION
========================= */

.product-category-section{
    width:100%;
    padding:30px 20px;
    background:#ffffff;
}

/* =========================
HEADING
========================= */

.product-heading{
    text-align:center;
    margin-bottom:55px;
}

.product-mini-title{
    display:block;

    font-size:15px;
    letter-spacing:4px;
    text-transform:uppercase;

    color:#8d8d8d;

    margin-bottom:18px;
}

.product-heading h2{
    font-size:45px;
    line-height:1.2;
    font-weight:700;

    color:#1d2433;

    margin-bottom:18px;
}

.product-heading p{
    font-size:22px;
    line-height:1.7;

    color:#6b6b6b;

    margin:0;
}

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

.product-grid{
    max-width:1450px;
    margin:auto;

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

    gap:28px;
}

/* =========================
CARD
========================= */

.product-card{
    position:relative;


    text-decoration:none;

    border-radius:28px;

    overflow:hidden;

    background:#ffffff;

    border:1.5px solid #e4e4e4;

    transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease;

    display:block;
}

/* IMAGE BOX */

.product-image-box{
    position:relative;

    overflow:hidden;
}

/* IMAGE */

.product-image-box img{
    width:100%;
    height:350px;

    object-fit:cover;

    display:block;

    transition:transform 0.55s ease;
}

/* LEFT THICK LINE */

.product-image-box::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:0px;
    height:100%;

    background:#e2cb00;

    z-index:3;

    transition:all 0.45s ease;
}

/* CARD HOVER */

.product-card:hover{
    transform:translateY(-12px);

    box-shadow:
    0 20px 45px rgba(0,0,0,0.08);

    border-top:2px solid #e2cb00;
    border-right:2px solid #e2cb00;
    border-bottom:2px solid #e2cb00;
    border-left:2px solid #e2cb00;
}

/* LEFT BORDER THICK */

.product-card:hover .product-image-box::before{
    width:10px;
}

/* IMAGE ZOOM */

.product-card:hover img{
    transform:scale(1.05);
}

/* =========================
CONTENT
========================= */

.product-content{
    background:#f5f0df;

    padding:28px 24px 30px;
}

/* TITLE */

.product-content h3{
    font-size:22px;
    line-height:1.3;
    font-weight:700;

    color:#1d2433;

    margin-bottom:14px;
}

/* TEXT */

.product-content p{
    font-size:17px;
    line-height:1.8;

    color:#666;

    margin-bottom:24px;
}

/* BUTTON */

.product-content button{
    width:100%;

    height:56px;

    border:none;

    border-radius:16px;

    background:#e8d400;

    color:#000000;

    font-size:17px;
    font-weight:700;

    cursor:pointer;

    transition:all 0.35s ease;
}

/* BUTTON HOVER */

.product-card:hover .product-content button{

    background:transparent;

    border:2px solid #000;

    color:#000;
}

/* =========================
TABLET
========================= */

@media(max-width:1100px){

    .product-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .product-heading h2{
        font-size:46px;
    }

}

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

@media(max-width:767px){

    .product-category-section{
        padding:60px 15px;
    }

    .product-heading{
        margin-bottom:40px;
    }

    .product-mini-title{
        font-size:13px;
        letter-spacing:3px;
    }

    .product-heading h2{
        font-size:34px;
        line-height:1.3;
    }

    .product-heading p{
        font-size:16px;
        line-height:1.7;
    }

    .product-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .product-card{
        border-radius:24px;
    }

    .product-image-box img{
        height:280px;
    }

    .product-content{
        padding:24px 20px 26px;
    }

    .product-content h3{
        font-size:21px;
    }

    .product-content p{
        font-size:15px;
        line-height:1.7;
        margin-bottom:20px;
    }

    .product-content button{
        height:52px;
        font-size:16px;
        border-radius:14px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7246e6 *//* =========================
SECTION
========================= */

.journey-section{
    width:100%;
    padding:90px 20px;
    background:#f5f0df;
}

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

.journey-container{
    max-width:1450px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 1fr;

    gap:42px;
    align-items:start;
}

/* =========================
LEFT SIDE
========================= */

.journey-image-side{
    width:100%;
}

/* IMAGE BOX */

.journey-image-box{
    position:relative;

    overflow:hidden;

    border-radius:32px;

    border:2px solid #e4e4e4;

    transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    background 0.45s ease;

    background:#ffffff;
}

/* LEFT THICK LINE */

.journey-image-box::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:0px;
    height:100%;

    background:#e2cb00;

    z-index:3;

    transition:all 0.45s ease;
}

/* IMAGE */

.journey-image-box img{
    width:100%;
    display:block;

    border-radius:32px;

    transition:transform 0.5s ease;
}

/* HOVER */

.journey-image-box:hover{
    transform:translateY(-12px);

    background:#f5f0df;

    border-top:2px solid #e2cb00;
    border-right:2px solid #e2cb00;
    border-bottom:2px solid #e2cb00;
    border-left:2px solid #e2cb00;

    box-shadow:
    0 20px 45px rgba(0,0,0,0.08);
}

/* LEFT BORDER THICK */

.journey-image-box:hover::before{
    width:10px;
}

/* IMAGE ZOOM */

.journey-image-box:hover img{
    transform:scale(1.04);
}

/* =========================
STATS BOX
========================= */

.journey-stats-box{
    margin-top:14px;

    background:#ffffff;

    border-radius:0 0 28px 28px;

    padding:26px 20px;

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

    gap:10px;
}

/* STAT ITEM */

.journey-stat-item{
    text-align:left;
}

/* NUMBER */

.journey-stat-item h3{
    font-size:32px;

    color:#d8bf00;

    margin-bottom:10px;

    line-height:1;

    font-weight:800;
}

/* TEXT */

.journey-stat-item p{
    margin:0;

    font-size:20px;

    color:#6b6b6b;

    line-height:1.4;

    font-weight:600; /* BOLD */
}

/* =========================
RIGHT SIDE
========================= */

.journey-mini-title{
    display:block;

    font-size:15px;

    letter-spacing:4px;

    color:#8c8c8c;

    margin-bottom:18px;
}

.journey-content-side h2{
    font-size:58px;

    line-height:1.2;

    color:#1d2433;

    margin-bottom:24px;
}

.journey-main-text{
    font-size:20px;

    line-height:1.8;

    color:#666;

    margin-bottom:30px;
}

/* CONTENT BLOCK */

.journey-content-block{
    margin-bottom:26px;
}

.journey-content-block h4{
    font-size:20px;

    color:#1d2433;

    margin-bottom:10px;

    font-weight:700;
}

.journey-content-block p{
    font-size:18px;

    line-height:1.8;

    color:#666;

    margin:0;
}

/* =========================
FUTURE VISION BOX
========================= */

.future-vision-box{
    position:relative;

    background:#f5f0df;

    border-radius:20px;

    padding:24px 24px;

    overflow:hidden;

    border-top:2px solid #e2cb00;
    border-right:2px solid #e2cb00;
    border-bottom:2px solid #e2cb00;
    border-left:2px solid #e2cb00;
}

/* LEFT THICK LINE */

.future-vision-box::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:10px;
    height:100%;

    background:#e2cb00;
}

.future-vision-box h4{
    font-size:20px;

    margin-bottom:10px;

    color:#1d2433;

    font-weight:700;
}

.future-vision-box p{
    margin:0;

    font-size:17px;

    line-height:1.8;

    color:#666;
}

/* =========================
TABLET
========================= */

@media(max-width:1100px){

    .journey-container{
        grid-template-columns:1fr;
    }

    .journey-content-side h2{
        font-size:46px;
    }

}

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

@media(max-width:767px){

    .journey-section{
        padding:60px 15px;
    }

    .journey-container{
        gap:34px;
    }

    .journey-image-box{
        border-radius:24px;
    }

    .journey-image-box img{
        border-radius:24px;
    }

    .journey-stats-box{
        grid-template-columns:1fr;
        gap:18px;

        padding:24px 20px;
    }

    .journey-stat-item{
        text-align:center;
    }

    .journey-stat-item h3{
        font-size:42px;
        margin-bottom:6px;
    }

    .journey-stat-item p{
        font-size:17px;
    }

    .journey-mini-title{
        font-size:13px;
        letter-spacing:3px;
    }

    .journey-content-side h2{
        font-size:34px;
        line-height:1.3;
    }

    .journey-main-text{
        font-size:17px;
        line-height:1.7;
    }

    .journey-content-block h4{
        font-size:19px;
    }

    .journey-content-block p{
        font-size:16px;
        line-height:1.7;
    }

    .future-vision-box{
        padding:22px 20px;
    }

    .future-vision-box h4{
        font-size:18px;
    }

    .future-vision-box p{
        font-size:15px;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76b0a43 *//* =========================
SECTION
========================= */

.advantage-section{
    width:100%;
    padding:90px 20px;
        background:#ffffff;

}

/* =========================
HEADING
========================= */

.advantage-heading{
    text-align:center;
    margin-bottom:50px;
}

.mini-title{
    display:block;
    font-size:15px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#8c8c8c;
    margin-bottom:18px;
}

.advantage-heading h2{
    font-size:40px;
    line-height:1.2;
    font-weight:700;
    color:#1d2433;
    margin-bottom:18px;
}

.advantage-heading p{
    font-size:20px;
    line-height:1.7;
    color:#6b6b6b;
    margin:0;
}

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

.advantage-wrapper{
    max-width:1450px;
    margin:auto;

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

    gap:26px;
}

/* =========================
CARD
========================= */

.advantage-card{
    position:relative;

    background:#ffffff;

    border:1.5px solid #e5e5e5;

    border-radius:24px;

    padding:42px 28px;

    min-height:235px; /* FIXED SMALL SIZE */

    overflow:hidden;

    text-align:center;

    display:flex;
    flex-direction:column;
    justify-content:center;

    transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    background 0.45s ease;
}

/* LEFT THICK LINE */
.advantage-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:0px;
    height:100%;

    background:#e2cb00;

    border-radius:24px 0 0 24px;

    transition:all 0.45s ease;
}

/* HOVER EFFECT */
.advantage-card:hover{

    transform:translateY(-12px);

    background:#f5f0df;

    border-top:2px solid #e2cb00;
    border-right:2px solid #e2cb00;
    border-bottom:2px solid #e2cb00;
    border-left:2px solid #e2cb00;

    box-shadow:
    0 18px 40px rgba(0,0,0,0.08);
}

/* LEFT SIDE THICK */
.advantage-card:hover::before{
    width:10px;
}

/* =========================
ICON
========================= */

.advantage-icon{
    width:74px;
    height:74px;

    margin:auto;
    margin-bottom:22px;

    border-radius:50%;

    background:#f7f2df;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:32px;

    position:relative;
    z-index:2;

    transition:all 0.45s ease;
}

/* ICON HOVER */
.advantage-card:hover .advantage-icon{
    transform:scale(1.05);
    background:#fff0a6;
}

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

.advantage-card h3{
    font-size:20px;
    line-height:1.3;
    font-weight:700;

    color:#1d2433;

    margin-bottom:12px;

    position:relative;
    z-index:2;
}

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

.advantage-card p{
    font-size:16px;
    line-height:1.7;

    color:#6b6b6b;

    margin:0;

    position:relative;
    z-index:2;
}

/* =========================
TABLET
========================= */

@media(max-width:1100px){

    .advantage-wrapper{
        grid-template-columns:repeat(2,1fr);
    }

    .advantage-heading h2{
        font-size:48px;
    }

}

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

@media(max-width:767px){

    .advantage-section{
        padding:60px 15px;
    }

    .advantage-heading{
        margin-bottom:38px;
    }

    .mini-title{
        font-size:13px;
        letter-spacing:3px;
    }

    .advantage-heading h2{
        font-size:34px;
        line-height:1.3;
    }

    .advantage-heading p{
        font-size:16px;
        line-height:1.7;
    }

    .advantage-wrapper{
        grid-template-columns:1fr;
        gap:18px;
    }

    .advantage-card{
        min-height:auto;
        padding:34px 22px;
        border-radius:22px;
    }

    .advantage-icon{
        width:68px;
        height:68px;
        font-size:28px;
        margin-bottom:20px;
    }

    .advantage-card h3{
        font-size:22px;
    }

    .advantage-card p{
        font-size:15px;
        line-height:1.6;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8911b9 *//* SECTION FULL WIDTH */

.sl-contact-section{
width:100%;
max-width:100%;
margin:0;
padding:80px 4%;
display:grid;
grid-template-columns:1.3fr .95fr;
gap:40px;
background:#F2EDDD;
box-sizing:border-box;
}

/* LEFT */

.sl-heading-tag{
font-size:13px;
letter-spacing:5px;
color:#8d8d8d;
margin-bottom:15px;
}

.sl-contact-left h2{
font-size:45px;
line-height:1;
margin-bottom:40px;
color:#17233c;
}

/* CARD */

.sl-contact-card{
position:relative;
background:#fff;
border-radius:26px;
padding:30px;
margin-bottom:25px;
display:flex;
align-items:center;
gap:22px;
overflow:hidden;
transition:.35s ease;
border:1px solid #d9d9d9;
}

/* HOVER BORDER */

.sl-contact-card::before{
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:0;
background:#E8D400;
transition:.35s ease;
z-index:2;
}

.sl-contact-card::after{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border:1px solid transparent;
border-radius:26px;
pointer-events:none;
transition:.35s ease;
}

.sl-contact-card:hover::before{
width:10px;
}

.sl-contact-card:hover::after{
border-top:1px solid #E8D400;
border-right:1px solid #E8D400;
border-bottom:1px solid #E8D400;
}

.sl-contact-card:hover{
transform:translateX(6px);
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* ICON */

.sl-icon-box{
width:78px;
height:78px;
min-width:78px;
border-radius:50%;
background:#F4EFDF;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
}

/* CONTENT */

.sl-content span{
display:block;
font-size:12px;
letter-spacing:4px;
color:#999;
margin-bottom:8px;
}

.sl-content h4{
margin:0;
font-size:22px;
font-weight:700;
color:#17233c;
}

.sl-content p{
margin-top:8px;
font-size:16px;
color:#666;
}

/* MAP */

.sl-contact-right{
background:#fff;
border-radius:30px;
padding:25px;
height:fit-content;
}

.sl-contact-right h3{
font-size:35px;
margin-bottom:20px;
color:#17233c;
}

.sl-map-wrap{
overflow:hidden;
border-radius:20px;
}

.sl-map-wrap iframe{
width:100%;
height:420px;
border:none;
display:block;
}

.sl-map-btn{
display:block;
width:100%;
margin-top:22px;
text-align:center;
padding:18px;
background:#E8D400;
border-radius:18px;
text-decoration:none;
font-size:20px;
font-weight:600;
color:#111;
transition:.3s;
}

.sl-map-btn:hover{
transform:translateY(-3px);
}

/* TABLET */

@media(max-width:1024px){

.sl-contact-section{
grid-template-columns:1fr;
}

.sl-contact-right{
margin-top:10px;
}

}

/* MOBILE */

@media(max-width:767px){

.sl-contact-section{
padding:50px 15px;
gap:25px;
}

.sl-contact-left h2{
font-size:44px;
}

.sl-contact-card{
padding:20px;
gap:15px;
}

.sl-icon-box{
width:60px;
height:60px;
min-width:60px;
font-size:24px;
}

.sl-content h4{
font-size:18px;
word-break:break-word;
}

.sl-content p{
font-size:14px;
}

.sl-contact-right h3{
font-size:34px;
}

.sl-map-wrap iframe{
height:280px;
}

}/* End custom CSS */