.elementor-191 .elementor-element.elementor-element-e5ae4f3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-be499a2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-5dfbe46{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-be33c57{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-360b91b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-5696bbc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-e2a1124{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-385b034{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-ad6d000 *//* =========================================================
   SYAJIE HOTELS
   EVENTS & CATERING
   SECTION 01 — HERO
   BRAND: RED / BLACK / WHITE
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

.sy-event-hero,
.sy-event-hero *{
  box-sizing:border-box;
}

.sy-event-hero{
  --sy-red:#b5121b;
  --sy-red-dark:#8d0d13;
  --sy-black:#171717;
  --sy-white:#ffffff;
  --sy-muted:rgba(255,255,255,.76);

  position:relative;

  width:100vw;
  min-height:100vh;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  background:#111;

  color:#fff;

  font-family:'Inter',Arial,sans-serif;

  overflow:hidden;
}


/* =========================================================
   BACKGROUND
========================================================= */

.sy-event-hero .sy-event-hero__bg{
  position:absolute;
  inset:0;

  z-index:1;

  overflow:hidden;
}

.sy-event-hero .sy-event-hero__bg img{
  display:block;

  width:100%;
  height:100%;

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

  transform:scale(1.035);

  filter:
    brightness(.92)
    contrast(1.03)
    saturate(.95);

  transition:transform 8s ease;
}

.sy-event-hero:hover
.sy-event-hero__bg img{
  transform:scale(1.07);
}


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

.sy-event-hero .sy-event-hero__overlay{
  position:absolute;
  inset:0;

  z-index:2;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.80) 0%,
      rgba(0,0,0,.62) 35%,
      rgba(0,0,0,.34) 65%,
      rgba(0,0,0,.14) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.18) 0%,
      rgba(0,0,0,.08) 45%,
      rgba(0,0,0,.78) 100%
    );

  pointer-events:none;
}


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

.sy-event-hero .sy-event-hero__container{
  position:relative;

  z-index:3;

  width:100%;
  max-width:1180px;

  min-height:100vh;

  margin:0 auto;

  padding:170px 24px 240px;

  display:flex;

  align-items:center;
}


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

.sy-event-hero .sy-event-hero__content{
  max-width:780px;
}


/* =========================================================
   EYEBROW
========================================================= */

.sy-event-hero .sy-event-hero__eyebrow{
  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:22px;

  font-size:10px;
  line-height:1;

  font-weight:900;

  letter-spacing:3px;

  text-transform:uppercase;

  color:#fff;
}

.sy-event-hero .sy-event-hero__eyebrow > span{
  display:block;

  width:34px;
  height:2px;

  background:var(--sy-red);
}


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

.sy-event-hero .sy-event-hero__content h1{
  margin:0;

  max-width:860px;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(54px,7vw,96px);

  line-height:.96;

  font-weight:500;

  letter-spacing:-2.4px;

  color:#fff;

  text-shadow:
    0 10px 35px
    rgba(0,0,0,.28);
}

.sy-event-hero .sy-event-hero__content h1 em{
  font-style:italic;

  font-weight:500;

  color:#fff;
}


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

.sy-event-hero .sy-event-hero__content > p{
  max-width:650px;

  margin:28px 0 0;

  color:var(--sy-muted);

  font-size:16px;

  line-height:1.8;
}


/* =========================================================
   ACTIONS
========================================================= */

.sy-event-hero .sy-event-hero__actions{
  display:flex;

  flex-wrap:wrap;

  gap:12px;

  margin-top:36px;
}


/* =========================================================
   BUTTON BASE
========================================================= */

.sy-event-hero .sy-event-hero__btn{
  min-height:54px;

  padding:0 27px;

  display:inline-flex;

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

  gap:10px;

  text-decoration:none;

  font-size:9px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.5px;

  text-transform:uppercase;

  transition:
    background .3s ease,
    color .3s ease,
    border-color .3s ease,
    gap .3s ease;
}

.sy-event-hero .sy-event-hero__btn svg{
  width:17px;
  height:17px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* PRIMARY */

.sy-event-hero .sy-event-hero__btn--primary{
  background:var(--sy-red);

  border:1px solid var(--sy-red);

  color:#fff;
}

.sy-event-hero .sy-event-hero__btn--primary:hover{
  background:var(--sy-red-dark);

  border-color:var(--sy-red-dark);

  gap:14px;
}


/* OUTLINE */

.sy-event-hero .sy-event-hero__btn--outline{
  background:rgba(255,255,255,.06);

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

  color:#fff;

  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.sy-event-hero .sy-event-hero__btn--outline:hover{
  background:#fff;

  border-color:#fff;

  color:var(--sy-black);
}


/* =========================================================
   BOTTOM SERVICES PANEL
========================================================= */

.sy-event-hero .sy-event-hero__services{
  position:absolute;

  left:50%;
  bottom:34px;

  z-index:4;

  width:min(1180px,calc(100% - 48px));

  transform:translateX(-50%);

  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr))
    250px;

  background:#fff;

  color:var(--sy-black);

  box-shadow:
    0 28px 75px
    rgba(0,0,0,.30);
}


/* =========================================================
   SERVICE ITEM
========================================================= */

.sy-event-hero .sy-event-hero__service{
  min-width:0;

  min-height:126px;

  padding:22px 21px;

  display:flex;

  align-items:center;

  gap:14px;

  border-right:1px solid #e9e9e9;

  background:#fff;

  transition:
    background .25s ease;
}

.sy-event-hero .sy-event-hero__service:hover{
  background:#fafafa;
}


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

.sy-event-hero .sy-event-hero__service-icon{
  flex:0 0 auto;

  width:44px;
  height:44px;

  display:flex;

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

  border:1px solid #e4e4e4;

  background:#fafafa;

  color:var(--sy-red);
}

.sy-event-hero .sy-event-hero__service-icon svg{
  width:20px;
  height:20px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.65;

  stroke-linecap:round;
  stroke-linejoin:round;
}


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

.sy-event-hero .sy-event-hero__service-content{
  min-width:0;
}

.sy-event-hero .sy-event-hero__service-content > span{
  display:block;

  margin-bottom:5px;

  font-size:7px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.5px;

  color:#9a9a9a;
}

.sy-event-hero .sy-event-hero__service-content > strong{
  display:block;

  color:var(--sy-black);

  font-size:12px;

  line-height:1.3;

  font-weight:800;
}

.sy-event-hero .sy-event-hero__service-content > small{
  display:block;

  margin-top:5px;

  color:#7d7d7d;

  font-size:8.5px;

  line-height:1.45;
}


/* =========================================================
   SERVICE CTA
========================================================= */

.sy-event-hero .sy-event-hero__service-cta{
  min-height:126px;

  padding:20px 22px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  position:relative;

  background:var(--sy-red);

  color:#fff;

  text-decoration:none;

  transition:background .3s ease;
}

.sy-event-hero .sy-event-hero__service-cta > span{
  display:block;

  margin-bottom:8px;

  font-size:7px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;

  text-transform:uppercase;

  color:rgba(255,255,255,.68);
}

.sy-event-hero .sy-event-hero__service-cta > strong{
  display:block;

  font-family:'Playfair Display',Georgia,serif;

  font-size:21px;

  line-height:1.08;

  font-weight:500;

  color:#fff;
}

.sy-event-hero .sy-event-hero__service-cta > svg{
  position:absolute;

  right:18px;
  bottom:18px;

  width:20px;
  height:20px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;

  transition:transform .3s ease;
}

.sy-event-hero .sy-event-hero__service-cta:hover{
  background:var(--sy-red-dark);
}

.sy-event-hero .sy-event-hero__service-cta:hover svg{
  transform:translateX(4px);
}


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

@media(max-width:1000px){

  .sy-event-hero
  .sy-event-hero__container{
    padding:
      150px
      30px
      430px;
  }

  .sy-event-hero
  .sy-event-hero__services{
    grid-template-columns:1fr 1fr;

    bottom:24px;

    width:calc(100% - 60px);
  }

  .sy-event-hero
  .sy-event-hero__service:nth-child(2){
    border-right:0;
  }

  .sy-event-hero
  .sy-event-hero__service:nth-child(3){
    border-top:1px solid #e9e9e9;
  }

  .sy-event-hero
  .sy-event-hero__service-cta{
    border-top:1px solid rgba(255,255,255,.12);
  }

}


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

@media(max-width:700px){

  .sy-event-hero{
    min-height:auto;
  }

  .sy-event-hero
  .sy-event-hero__bg img{
    object-position:center;
  }

  .sy-event-hero
  .sy-event-hero__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.48) 0%,
        rgba(0,0,0,.58) 45%,
        rgba(0,0,0,.84) 100%
      );
  }

  .sy-event-hero
  .sy-event-hero__container{
    min-height:auto;

    padding:
      120px
      18px
      570px;
  }

  .sy-event-hero
  .sy-event-hero__content h1{
    font-size:clamp(45px,12vw,60px);

    letter-spacing:-1.5px;
  }

  .sy-event-hero
  .sy-event-hero__content > p{
    margin-top:21px;

    font-size:14px;

    line-height:1.7;
  }

  .sy-event-hero
  .sy-event-hero__actions{
    width:100%;

    margin-top:28px;
  }

  .sy-event-hero
  .sy-event-hero__btn{
    width:100%;

    min-height:52px;
  }


  /* SERVICES */

  .sy-event-hero
  .sy-event-hero__services{
    grid-template-columns:1fr;

    bottom:15px;

    width:calc(100% - 28px);
  }

  .sy-event-hero
  .sy-event-hero__service{
    min-height:92px;

    padding:15px 16px;

    border-right:0;

    border-bottom:1px solid #e9e9e9;
  }

  .sy-event-hero
  .sy-event-hero__service:nth-child(3){
    border-top:0;
  }

  .sy-event-hero
  .sy-event-hero__service-icon{
    width:39px;
    height:39px;
  }

  .sy-event-hero
  .sy-event-hero__service-icon svg{
    width:18px;
    height:18px;
  }

  .sy-event-hero
  .sy-event-hero__service-cta{
    min-height:105px;

    padding:17px 18px;
  }

  .sy-event-hero
  .sy-event-hero__service-cta > strong{
    font-size:20px;
  }

}


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

@media(max-width:400px){

  .sy-event-hero
  .sy-event-hero__container{
    padding:
      105px
      14px
      550px;
  }

  .sy-event-hero
  .sy-event-hero__content h1{
    font-size:42px;
  }

  .sy-event-hero
  .sy-event-hero__eyebrow{
    font-size:8.5px;

    letter-spacing:2.2px;
  }

  .sy-event-hero
  .sy-event-hero__services{
    width:calc(100% - 20px);

    bottom:10px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .sy-event-hero
  .sy-event-hero__bg img,

  .sy-event-hero
  .sy-event-hero__btn,

  .sy-event-hero
  .sy-event-hero__service,

  .sy-event-hero
  .sy-event-hero__service-cta,

  .sy-event-hero
  .sy-event-hero__service-cta svg{
    transition:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ef6ef6 *//* =========================================================
   SYAJIE HOTELS
   EVENTS & CATERING
   SECTION 02 — MORE THAN A STAY
   BRAND: RED / BLACK / WHITE
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

.sy-event-intro,
.sy-event-intro *{
  box-sizing:border-box;
}

.sy-event-intro{
  --sy-red:#b5121b;
  --sy-red-dark:#8d0d13;
  --sy-black:#171717;
  --sy-white:#ffffff;
  --sy-soft:#f5f5f5;
  --sy-line:#e2e2e2;
  --sy-muted:#6f6f6f;

  width:100vw;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  padding:110px 40px;

  background:#fff;

  color:var(--sy-black);

  font-family:'Inter',Arial,sans-serif;

  overflow:hidden;
}


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

.sy-event-intro .sy-event-intro__container{
  max-width:1180px;

  margin:0 auto;

  display:grid;

  grid-template-columns:.92fr 1.08fr;

  gap:75px;

  align-items:center;
}


/* =========================================================
   LEFT VISUAL
========================================================= */

.sy-event-intro .sy-event-intro__visual{
  position:relative;

  min-height:720px;
}


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

.sy-event-intro .sy-event-intro__image{
  position:relative;

  overflow:hidden;

  background:#ddd;
}

.sy-event-intro .sy-event-intro__image img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.025);

  filter:brightness(1.04);

  transition:
    transform 1s ease,
    filter .4s ease;
}

.sy-event-intro .sy-event-intro__image:hover img{
  transform:scale(1.075);

  filter:brightness(1.08);
}


.sy-event-intro .sy-event-intro__image--main{
  position:absolute;

  left:0;
  top:0;

  width:82%;
  height:610px;

  box-shadow:
    0 25px 65px
    rgba(0,0,0,.12);
}


/* OVERLAY */

.sy-event-intro .sy-event-intro__image--main::after{
  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.03) 35%,
      rgba(0,0,0,.68) 100%
    );

  pointer-events:none;
}


/* =========================================================
   MAIN IMAGE LABEL
========================================================= */

.sy-event-intro .sy-event-intro__image-label{
  position:absolute;

  left:26px;
  bottom:26px;

  z-index:2;

  color:#fff;
}

.sy-event-intro .sy-event-intro__image-label span{
  display:block;

  margin-bottom:9px;

  color:rgba(255,255,255,.72);

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.8px;

  text-transform:uppercase;
}

.sy-event-intro .sy-event-intro__image-label strong{
  display:block;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(34px,3.5vw,50px);

  line-height:1;

  font-weight:500;

  color:#fff;
}


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

.sy-event-intro .sy-event-intro__image--small{
  position:absolute;

  right:0;
  bottom:0;

  width:48%;
  height:285px;

  border:8px solid #fff;

  box-shadow:
    0 18px 45px
    rgba(0,0,0,.10);

  z-index:2;
}


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

.sy-event-intro .sy-event-intro__badge{
  position:absolute;

  right:10px;
  top:40px;

  z-index:3;

  width:150px;

  padding:20px;

  background:var(--sy-red);

  color:#fff;

  box-shadow:
    0 18px 40px
    rgba(181,18,27,.20);
}

.sy-event-intro .sy-event-intro__badge > span{
  display:block;

  font-family:'Playfair Display',Georgia,serif;

  font-size:42px;

  line-height:.9;

  font-weight:500;
}

.sy-event-intro .sy-event-intro__badge p{
  margin:10px 0 0;

  color:rgba(255,255,255,.82);

  font-size:9px;

  line-height:1.5;

  font-weight:700;

  letter-spacing:.5px;

  text-transform:uppercase;
}


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

.sy-event-intro .sy-event-intro__content{
  min-width:0;
}


/* =========================================================
   EYEBROW
========================================================= */

.sy-event-intro .sy-event-intro__eyebrow{
  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:20px;

  color:var(--sy-red);

  font-size:10px;

  line-height:1;

  font-weight:900;

  letter-spacing:3px;

  text-transform:uppercase;
}

.sy-event-intro .sy-event-intro__eyebrow > span{
  width:30px;
  height:2px;

  background:var(--sy-red);
}


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

.sy-event-intro .sy-event-intro__content h2{
  margin:0;

  max-width:650px;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(46px,5vw,72px);

  line-height:1.03;

  font-weight:500;

  letter-spacing:-1.6px;

  color:var(--sy-black);
}

.sy-event-intro .sy-event-intro__content h2 em{
  font-style:italic;

  color:var(--sy-red);
}


/* =========================================================
   LEAD
========================================================= */

.sy-event-intro .sy-event-intro__lead{
  max-width:610px;

  margin:24px 0 0;

  color:var(--sy-muted);

  font-size:15.5px;

  line-height:1.85;
}


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

.sy-event-intro .sy-event-intro__features{
  margin-top:34px;

  display:grid;

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

  gap:12px;
}


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

.sy-event-intro .sy-event-intro__feature{
  position:relative;

  min-height:205px;

  padding:21px;

  background:#fafafa;

  border:1px solid var(--sy-line);

  transition:
    background .3s ease,
    border-color .3s ease,
    transform .3s ease;
}

.sy-event-intro .sy-event-intro__feature:hover{
  background:#fff;

  border-color:#d1d1d1;

  transform:translateY(-2px);
}

.sy-event-intro .sy-event-intro__feature::before{
  content:"";

  position:absolute;

  left:-1px;
  top:-1px;

  width:3px;
  height:0;

  background:var(--sy-red);

  transition:height .3s ease;
}

.sy-event-intro .sy-event-intro__feature:hover::before{
  height:calc(100% + 2px);
}


/* =========================================================
   FEATURE TOP
========================================================= */

.sy-event-intro .sy-event-intro__feature-top{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:16px;

  margin-bottom:25px;
}


/* NUMBER */

.sy-event-intro .sy-event-intro__feature-number{
  color:#9b9b9b;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;
}


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

.sy-event-intro .sy-event-intro__feature-icon{
  width:42px;
  height:42px;

  flex:0 0 42px;

  display:flex;

  align-items:center;

  justify-content:center;

  background:#fff;

  border:1px solid #e3e3e3;

  color:var(--sy-red);
}

.sy-event-intro .sy-event-intro__feature-icon svg{
  width:20px;
  height:20px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.65;

  stroke-linecap:round;

  stroke-linejoin:round;
}


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

.sy-event-intro .sy-event-intro__feature > strong{
  display:block;

  color:var(--sy-black);

  font-family:'Playfair Display',Georgia,serif;

  font-size:24px;

  line-height:1.12;

  font-weight:500;
}


/* =========================================================
   FEATURE COPY
========================================================= */

.sy-event-intro .sy-event-intro__feature > p{
  margin:12px 0 0;

  color:#777;

  font-size:11px;

  line-height:1.7;
}


/* =========================================================
   STATEMENT
========================================================= */

.sy-event-intro .sy-event-intro__statement{
  margin-top:28px;

  display:grid;

  grid-template-columns:3px 1fr;

  gap:15px;

  align-items:stretch;
}

.sy-event-intro .sy-event-intro__statement-line{
  background:var(--sy-red);
}

.sy-event-intro .sy-event-intro__statement span{
  display:block;

  margin-bottom:7px;

  color:#999;

  font-size:7.5px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.5px;

  text-transform:uppercase;
}

.sy-event-intro .sy-event-intro__statement strong{
  display:block;

  max-width:560px;

  color:var(--sy-black);

  font-size:12px;

  line-height:1.6;

  font-weight:700;
}


/* =========================================================
   CTA
========================================================= */

.sy-event-intro .sy-event-intro__cta{
  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:11px;

  min-height:54px;

  margin-top:28px;

  padding:0 25px;

  background:var(--sy-black);

  color:#fff;

  text-decoration:none;

  font-size:9px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;

  text-transform:uppercase;

  transition:
    background .3s ease,
    gap .3s ease;
}

.sy-event-intro .sy-event-intro__cta svg{
  width:17px;
  height:17px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;

  stroke-linejoin:round;
}

.sy-event-intro .sy-event-intro__cta:hover{
  background:var(--sy-red);

  gap:15px;
}


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

@media(max-width:1000px){

  .sy-event-intro{
    padding:80px 24px;
  }

  .sy-event-intro
  .sy-event-intro__container{
    grid-template-columns:1fr;

    gap:50px;
  }

  .sy-event-intro
  .sy-event-intro__visual{
    min-height:620px;

    max-width:760px;

    width:100%;

    margin:0 auto;
  }

  .sy-event-intro
  .sy-event-intro__image--main{
    height:530px;
  }

  .sy-event-intro
  .sy-event-intro__content{
    max-width:760px;

    margin:0 auto;
  }

}


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

@media(max-width:650px){

  .sy-event-intro{
    padding:64px 15px;
  }

  .sy-event-intro
  .sy-event-intro__container{
    gap:38px;
  }

  /* VISUAL */

  .sy-event-intro
  .sy-event-intro__visual{
    min-height:470px;
  }

  .sy-event-intro
  .sy-event-intro__image--main{
    width:88%;
    height:390px;
  }

  .sy-event-intro
  .sy-event-intro__image--small{
    width:48%;
    height:190px;

    border-width:5px;
  }

  .sy-event-intro
  .sy-event-intro__badge{
    right:0;
    top:25px;

    width:120px;

    padding:15px;
  }

  .sy-event-intro
  .sy-event-intro__badge > span{
    font-size:34px;
  }

  /* CONTENT */

  .sy-event-intro
  .sy-event-intro__content h2{
    font-size:40px;

    letter-spacing:-1px;
  }

  .sy-event-intro
  .sy-event-intro__lead{
    margin-top:20px;

    font-size:14px;

    line-height:1.75;
  }

  /* FEATURES */

  .sy-event-intro
  .sy-event-intro__features{
    grid-template-columns:1fr;

    margin-top:28px;
  }

  .sy-event-intro
  .sy-event-intro__feature{
    min-height:185px;
  }

  .sy-event-intro
  .sy-event-intro__feature > strong{
    font-size:23px;
  }

  /* CTA */

  .sy-event-intro
  .sy-event-intro__cta{
    width:100%;

    min-height:52px;
  }

}


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

@media(max-width:390px){

  .sy-event-intro{
    padding-left:12px;
    padding-right:12px;
  }

  .sy-event-intro
  .sy-event-intro__visual{
    min-height:430px;
  }

  .sy-event-intro
  .sy-event-intro__image--main{
    height:355px;
  }

  .sy-event-intro
  .sy-event-intro__image--small{
    width:52%;
    height:170px;
  }

  .sy-event-intro
  .sy-event-intro__badge{
    width:105px;

    padding:12px;
  }

  .sy-event-intro
  .sy-event-intro__content h2{
    font-size:36px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .sy-event-intro
  .sy-event-intro__image img,

  .sy-event-intro
  .sy-event-intro__feature,

  .sy-event-intro
  .sy-event-intro__feature::before,

  .sy-event-intro
  .sy-event-intro__cta{
    transition:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5308e12 *//* =========================================================
   SYAJIE HOTELS
   EVENTS & CATERING
   SECTION 03 — EVENT SPACE
   BRAND: RED / BLACK / WHITE
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@500;600;700&display=swap');

.sy-event-space,
.sy-event-space *{
  box-sizing:border-box;
}

.sy-event-space{
  --sy-red:#b5121b;
  --sy-red-dark:#8d0d13;
  --sy-black:#171717;
  --sy-white:#ffffff;
  --sy-soft:#f6f6f6;
  --sy-line:#e4e4e4;
  --sy-muted:#6f6f6f;

  width:100vw;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  padding:110px 40px;

  background:#f6f6f6;

  color:var(--sy-black);

  font-family:'Inter',Arial,sans-serif;

  overflow:hidden;
}


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

.sy-event-space .sy-event-space__head{
  max-width:1180px;

  margin:0 auto 58px;

  display:grid;

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

  gap:65px;

  align-items:end;
}

.sy-event-space .sy-event-space__eyebrow{
  display:inline-block;

  margin-bottom:18px;

  color:var(--sy-red);

  font-size:10px;

  line-height:1;

  font-weight:900;

  letter-spacing:3px;

  text-transform:uppercase;
}

.sy-event-space .sy-event-space__head h2{
  margin:0;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(44px,5vw,74px);

  line-height:1.04;

  font-weight:500;

  letter-spacing:-1.6px;

  color:var(--sy-black);
}

.sy-event-space .sy-event-space__intro p{
  max-width:620px;

  margin:0;

  color:var(--sy-muted);

  font-size:16px;

  line-height:1.85;
}


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

.sy-event-space .sy-event-space__head-cta{
  display:inline-flex;

  align-items:center;

  gap:10px;

  width:max-content;

  min-height:50px;

  margin-top:23px;

  padding:0 18px;

  background:var(--sy-black);

  color:#fff;

  text-decoration:none;

  font-size:9px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;

  text-transform:uppercase;

  transition:
    background .3s ease,
    gap .3s ease;
}

.sy-event-space .sy-event-space__head-cta svg{
  width:17px;
  height:17px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-event-space .sy-event-space__head-cta:hover{
  background:var(--sy-red);

  gap:14px;
}


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

.sy-event-space .sy-event-space__grid{
  max-width:1180px;

  margin:0 auto;

  display:grid;

  grid-template-columns:
    1.15fr
    .85fr
    .85fr;

  grid-auto-rows:310px;

  gap:18px;
}


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

.sy-event-space .sy-event-space__card{
  position:relative;

  min-width:0;

  overflow:hidden;

  background:#111;

  color:#fff;

  isolation:isolate;
}


/* FEATURED */

.sy-event-space
.sy-event-space__card--featured{
  grid-row:span 2;
}


/* DARK CTA CARD */

.sy-event-space
.sy-event-space__card--dark{
  background:var(--sy-black);
}


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

.sy-event-space .sy-event-space__image{
  position:absolute;

  inset:0;

  z-index:0;
}

.sy-event-space .sy-event-space__image img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.025);

  filter:
    brightness(1.03)
    contrast(1.01);

  transition:
    transform 1s ease,
    filter .4s ease;
}

.sy-event-space .sy-event-space__card:hover
.sy-event-space__image img{
  transform:scale(1.075);

  filter:
    brightness(1.08)
    contrast(1.02);
}


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

.sy-event-space .sy-event-space__overlay{
  position:absolute;

  inset:0;

  z-index:1;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.04) 20%,
      rgba(0,0,0,.16) 48%,
      rgba(0,0,0,.76) 100%
    );
}


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

.sy-event-space .sy-event-space__card-top{
  position:absolute;

  top:18px;
  left:18px;
  right:18px;

  z-index:3;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:15px;
}

.sy-event-space .sy-event-space__card-top > span{
  color:rgba(255,255,255,.68);

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.5px;
}


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

.sy-event-space .sy-event-space__icon{
  width:42px;
  height:42px;

  flex:0 0 42px;

  display:flex;

  align-items:center;

  justify-content:center;

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

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

  color:#fff;

  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.sy-event-space .sy-event-space__icon svg{
  width:20px;
  height:20px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.65;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* DARK CARD ICON */

.sy-event-space
.sy-event-space__card--dark
.sy-event-space__icon{
  background:var(--sy-red);

  border-color:var(--sy-red);
}


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

.sy-event-space .sy-event-space__card-content{
  position:absolute;

  left:0;
  right:0;
  bottom:0;

  z-index:3;

  padding:24px;
}

.sy-event-space
.sy-event-space__card--featured
.sy-event-space__card-content{
  padding:32px;
}


/* CATEGORY */

.sy-event-space
.sy-event-space__card-content > small{
  display:block;

  margin-bottom:9px;

  color:rgba(255,255,255,.65);

  font-size:7.5px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.5px;

  text-transform:uppercase;
}


/* TITLE */

.sy-event-space
.sy-event-space__card-content h3{
  margin:0;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(28px,2.6vw,38px);

  line-height:1.03;

  font-weight:500;

  letter-spacing:-.7px;

  color:#fff;
}

.sy-event-space
.sy-event-space__card--featured
.sy-event-space__card-content h3{
  font-size:clamp(38px,4vw,56px);
}


/* COPY */

.sy-event-space
.sy-event-space__card-content p{
  max-width:360px;

  margin:12px 0 0;

  color:rgba(255,255,255,.80);

  font-size:11px;

  line-height:1.65;
}

.sy-event-space
.sy-event-space__card--featured
.sy-event-space__card-content p{
  max-width:420px;

  font-size:13px;
}


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

.sy-event-space
.sy-event-space__card--dark::before{
  content:"";

  position:absolute;

  width:190px;
  height:190px;

  right:-85px;
  bottom:-85px;

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

  border-radius:50%;
}

.sy-event-space
.sy-event-space__card--dark::after{
  content:"";

  position:absolute;

  left:0;
  bottom:0;

  width:4px;
  height:100%;

  background:var(--sy-red);
}


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

.sy-event-space .sy-event-space__card-link{
  display:inline-flex;

  align-items:center;

  gap:9px;

  margin-top:18px;

  padding-bottom:6px;

  border-bottom:1px solid rgba(255,255,255,.55);

  color:#fff;

  text-decoration:none;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.3px;

  text-transform:uppercase;

  transition:
    gap .3s ease,
    border-color .3s ease;
}

.sy-event-space .sy-event-space__card-link svg{
  width:15px;
  height:15px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-event-space .sy-event-space__card-link:hover{
  gap:13px;

  border-color:#fff;
}


/* =========================================================
   BOTTOM INFO
========================================================= */

.sy-event-space .sy-event-space__bottom{
  max-width:1180px;

  margin:24px auto 0;

  display:flex;

  align-items:flex-start;

  gap:13px;

  padding:18px 20px;

  border:1px solid #dedede;

  background:#fff;
}

.sy-event-space .sy-event-space__bottom-icon{
  width:34px;
  height:34px;

  flex:0 0 34px;

  display:flex;

  align-items:center;

  justify-content:center;

  background:#fafafa;

  border:1px solid #e4e4e4;

  color:var(--sy-red);
}

.sy-event-space .sy-event-space__bottom-icon svg{
  width:17px;
  height:17px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.7;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-event-space .sy-event-space__bottom p{
  margin:0;

  max-width:900px;

  color:#737373;

  font-size:11px;

  line-height:1.7;
}


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

@media(max-width:1000px){

  .sy-event-space{
    padding:80px 24px;
  }

  .sy-event-space
  .sy-event-space__head{
    grid-template-columns:1fr;

    gap:23px;

    margin-bottom:42px;
  }

  .sy-event-space
  .sy-event-space__grid{
    grid-template-columns:1fr 1fr;

    grid-auto-rows:300px;
  }

  .sy-event-space
  .sy-event-space__card--featured{
    grid-column:span 2;

    grid-row:auto;

    min-height:430px;
  }

}


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

@media(max-width:650px){

  .sy-event-space{
    padding:64px 15px;
  }

  .sy-event-space
  .sy-event-space__head h2{
    font-size:40px;

    letter-spacing:-1px;
  }

  .sy-event-space
  .sy-event-space__intro p{
    font-size:14px;

    line-height:1.75;
  }

  .sy-event-space
  .sy-event-space__head-cta{
    width:100%;

    justify-content:center;
  }


  /* GRID */

  .sy-event-space
  .sy-event-space__grid{
    grid-template-columns:1fr;

    grid-auto-rows:300px;

    gap:13px;
  }

  .sy-event-space
  .sy-event-space__card--featured{
    grid-column:auto;

    min-height:360px;
  }

  .sy-event-space
  .sy-event-space__card-content,

  .sy-event-space
  .sy-event-space__card--featured
  .sy-event-space__card-content{
    padding:22px;
  }

  .sy-event-space
  .sy-event-space__card-content h3,

  .sy-event-space
  .sy-event-space__card--featured
  .sy-event-space__card-content h3{
    font-size:34px;
  }

  .sy-event-space
  .sy-event-space__card-content p,

  .sy-event-space
  .sy-event-space__card--featured
  .sy-event-space__card-content p{
    font-size:12px;
  }


  /* BOTTOM */

  .sy-event-space
  .sy-event-space__bottom{
    margin-top:16px;

    padding:15px;
  }

}


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

@media(max-width:390px){

  .sy-event-space{
    padding-left:12px;
    padding-right:12px;
  }

  .sy-event-space
  .sy-event-space__head h2{
    font-size:36px;
  }

  .sy-event-space
  .sy-event-space__grid{
    grid-auto-rows:280px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .sy-event-space
  .sy-event-space__image img,

  .sy-event-space
  .sy-event-space__head-cta,

  .sy-event-space
  .sy-event-space__card-link{
    transition:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cfd85c8 *//* =========================================================
   SYAJIE HOTELS
   EVENTS & CATERING
   SECTION 04 — FLEXIBLE EVENT SETUP
   BRAND: RED / BLACK / WHITE
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@500;600;700&display=swap');

.sy-event-setup,
.sy-event-setup *{
  box-sizing:border-box;
}

.sy-event-setup{
  --sy-red:#b5121b;
  --sy-red-dark:#8d0d13;
  --sy-black:#171717;
  --sy-dark:#202020;
  --sy-dark-2:#292929;
  --sy-white:#ffffff;
  --sy-line:rgba(255,255,255,.12);
  --sy-muted:rgba(255,255,255,.68);

  position:relative;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  padding:110px 40px 0;

  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(181,18,27,.10),
      transparent 30%
    ),
    #171717;

  color:#fff;

  font-family:'Inter',Arial,sans-serif;

  overflow:hidden;
}


/* =========================================================
   WRAP
========================================================= */

.sy-event-setup .sy-event-setup__wrap{
  width:100%;
  max-width:1180px;

  margin:0 auto;

  display:grid;

  grid-template-columns:.82fr 1.18fr;

  gap:70px;

  align-items:start;
}


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

.sy-event-setup .sy-event-setup__content{
  position:sticky;

  top:100px;
}


/* =========================================================
   EYEBROW
========================================================= */

.sy-event-setup .sy-event-setup__eyebrow{
  display:inline-flex;

  align-items:center;

  gap:12px;

  margin-bottom:20px;

  color:#fff;

  font-size:10px;
  line-height:1;

  font-weight:900;

  letter-spacing:3px;

  text-transform:uppercase;
}

.sy-event-setup .sy-event-setup__eyebrow::before{
  content:"";

  width:30px;
  height:2px;

  background:var(--sy-red);
}


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

.sy-event-setup .sy-event-setup__content h2{
  margin:0;

  max-width:520px;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(46px,5vw,72px);

  line-height:1.02;

  font-weight:500;

  letter-spacing:-1.6px;

  color:#fff;
}


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

.sy-event-setup .sy-event-setup__content > p{
  max-width:500px;

  margin:25px 0 0;

  color:var(--sy-muted);

  font-size:15px;

  line-height:1.85;
}


/* =========================================================
   PROCESS POINTS
========================================================= */

.sy-event-setup .sy-event-setup__points{
  margin-top:36px;

  border-top:1px solid var(--sy-line);
}

.sy-event-setup .sy-event-setup__points > div{
  display:grid;

  grid-template-columns:34px 1fr;

  column-gap:14px;

  padding:17px 0;

  border-bottom:1px solid var(--sy-line);
}

.sy-event-setup .sy-event-setup__points > div > span{
  grid-row:1 / 3;

  color:var(--sy-red);

  font-size:9px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;
}

.sy-event-setup .sy-event-setup__points strong{
  display:block;

  color:#fff;

  font-size:11px;

  line-height:1.35;

  font-weight:800;
}

.sy-event-setup .sy-event-setup__points small{
  display:block;

  margin-top:5px;

  color:rgba(255,255,255,.56);

  font-size:9.5px;

  line-height:1.55;
}


/* =========================================================
   CTA
========================================================= */

.sy-event-setup .sy-event-setup__cta{
  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:11px;

  min-height:54px;

  margin-top:30px;

  padding:0 26px;

  background:var(--sy-red);

  color:#fff;

  text-decoration:none;

  font-size:9px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.5px;

  text-transform:uppercase;

  transition:
    background .3s ease,
    gap .3s ease;
}

.sy-event-setup .sy-event-setup__cta svg{
  width:17px;
  height:17px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-event-setup .sy-event-setup__cta:hover{
  background:#fff;

  color:var(--sy-black);

  gap:15px;
}


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

.sy-event-setup .sy-event-setup__grid{
  display:grid;

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

  gap:12px;
}


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

.sy-event-setup .sy-event-setup__card{
  position:relative;

  min-height:225px;

  padding:22px;

  background:#222;

  border:1px solid var(--sy-line);

  overflow:hidden;

  transition:
    background .3s ease,
    border-color .3s ease,
    transform .3s ease;
}

.sy-event-setup .sy-event-setup__card:hover{
  background:#292929;

  border-color:rgba(255,255,255,.20);

  transform:translateY(-2px);
}

.sy-event-setup .sy-event-setup__card::before{
  content:"";

  position:absolute;

  left:0;
  top:0;

  width:3px;
  height:0;

  background:var(--sy-red);

  transition:height .3s ease;
}

.sy-event-setup .sy-event-setup__card:hover::before{
  height:100%;
}


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

.sy-event-setup .sy-event-setup__card-top{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:16px;

  margin-bottom:28px;
}

.sy-event-setup .sy-event-setup__card-top > span{
  color:rgba(255,255,255,.40);

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.5px;
}


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

.sy-event-setup .sy-event-setup__icon{
  width:43px;
  height:43px;

  flex:0 0 43px;

  display:flex;

  align-items:center;

  justify-content:center;

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

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

  color:var(--sy-red);
}

.sy-event-setup .sy-event-setup__icon svg{
  width:20px;
  height:20px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.6;

  stroke-linecap:round;

  stroke-linejoin:round;
}


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

.sy-event-setup .sy-event-setup__card > strong{
  display:block;

  color:#fff;

  font-family:'Playfair Display',Georgia,serif;

  font-size:26px;

  line-height:1.08;

  font-weight:500;
}


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

.sy-event-setup .sy-event-setup__card > p{
  max-width:300px;

  margin:13px 0 0;

  color:rgba(255,255,255,.58);

  font-size:11px;

  line-height:1.7;
}


/* =========================================================
   FEATURED CUSTOM CARD
========================================================= */

.sy-event-setup .sy-event-setup__card--featured{
  background:var(--sy-red);

  border-color:var(--sy-red);
}

.sy-event-setup .sy-event-setup__card--featured:hover{
  background:var(--sy-red-dark);

  border-color:var(--sy-red-dark);
}

.sy-event-setup .sy-event-setup__card--featured::before{
  display:none;
}

.sy-event-setup
.sy-event-setup__card--featured
.sy-event-setup__card-top > span{
  color:rgba(255,255,255,.65);
}

.sy-event-setup
.sy-event-setup__card--featured
.sy-event-setup__icon{
  background:rgba(255,255,255,.10);

  border-color:rgba(255,255,255,.28);

  color:#fff;
}

.sy-event-setup
.sy-event-setup__card--featured > p{
  color:rgba(255,255,255,.80);
}


/* =========================================================
   FEATURED CARD LINK
========================================================= */

.sy-event-setup .sy-event-setup__card--featured > a{
  display:inline-flex;

  align-items:center;

  gap:9px;

  margin-top:19px;

  padding-bottom:6px;

  border-bottom:1px solid rgba(255,255,255,.65);

  color:#fff;

  text-decoration:none;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.3px;

  text-transform:uppercase;

  transition:
    gap .3s ease,
    border-color .3s ease;
}

.sy-event-setup .sy-event-setup__card--featured > a svg{
  width:15px;
  height:15px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;

  stroke-linejoin:round;
}

.sy-event-setup .sy-event-setup__card--featured > a:hover{
  gap:13px;

  border-color:#fff;
}


/* =========================================================
   BOTTOM STRIP
========================================================= */

.sy-event-setup .sy-event-setup__bottom{
  width:100%;
  max-width:1180px;

  margin:80px auto 0;

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  background:#fff;

  color:var(--sy-black);
}

.sy-event-setup .sy-event-setup__bottom > div{
  min-height:104px;

  padding:19px 20px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  border-right:1px solid #e7e7e7;
}

.sy-event-setup .sy-event-setup__bottom > div:last-child{
  border-right:0;
}

.sy-event-setup .sy-event-setup__bottom span{
  display:block;

  margin-bottom:7px;

  color:#999;

  font-size:7px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;

  text-transform:uppercase;
}

.sy-event-setup .sy-event-setup__bottom strong{
  display:block;

  color:var(--sy-black);

  font-size:10px;

  line-height:1.5;

  font-weight:800;
}


/* RED LAST BLOCK */

.sy-event-setup
.sy-event-setup__bottom
.sy-event-setup__bottom-red{
  background:var(--sy-red);
}

.sy-event-setup
.sy-event-setup__bottom
.sy-event-setup__bottom-red span{
  color:rgba(255,255,255,.62);
}

.sy-event-setup
.sy-event-setup__bottom
.sy-event-setup__bottom-red strong{
  color:#fff;
}


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

@media(max-width:1000px){

  .sy-event-setup{
    padding:80px 24px 0;
  }

  .sy-event-setup
  .sy-event-setup__wrap{
    grid-template-columns:1fr;

    gap:50px;
  }

  .sy-event-setup
  .sy-event-setup__content{
    position:relative;

    top:auto;

    max-width:720px;
  }

  .sy-event-setup
  .sy-event-setup__bottom{
    grid-template-columns:1fr 1fr;

    margin-top:55px;
  }

  .sy-event-setup
  .sy-event-setup__bottom > div:nth-child(2){
    border-right:0;
  }

  .sy-event-setup
  .sy-event-setup__bottom > div:nth-child(-n+2){
    border-bottom:1px solid #e7e7e7;
  }

}


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

@media(max-width:650px){

  .sy-event-setup{
    padding:64px 15px 0;
  }

  .sy-event-setup
  .sy-event-setup__content h2{
    font-size:40px;

    letter-spacing:-1px;
  }

  .sy-event-setup
  .sy-event-setup__content > p{
    font-size:14px;

    line-height:1.75;
  }

  .sy-event-setup
  .sy-event-setup__cta{
    width:100%;

    min-height:52px;
  }


  /* GRID */

  .sy-event-setup
  .sy-event-setup__grid{
    grid-template-columns:1fr;
  }

  .sy-event-setup
  .sy-event-setup__card{
    min-height:200px;

    padding:20px;
  }

  .sy-event-setup
  .sy-event-setup__card > strong{
    font-size:25px;
  }


  /* BOTTOM */

  .sy-event-setup
  .sy-event-setup__bottom{
    grid-template-columns:1fr;

    margin-top:45px;
  }

  .sy-event-setup
  .sy-event-setup__bottom > div{
    min-height:82px;

    border-right:0;

    border-bottom:1px solid #e7e7e7;
  }

  .sy-event-setup
  .sy-event-setup__bottom > div:last-child{
    border-bottom:0;
  }

}


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

@media(max-width:390px){

  .sy-event-setup{
    padding-left:12px;
    padding-right:12px;
  }

  .sy-event-setup
  .sy-event-setup__content h2{
    font-size:36px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .sy-event-setup
  .sy-event-setup__card,

  .sy-event-setup
  .sy-event-setup__card::before,

  .sy-event-setup
  .sy-event-setup__cta,

  .sy-event-setup
  .sy-event-setup__card--featured > a{
    transition:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d319f7 *//* =========================================================
   SYAJIE HOTELS
   EVENTS & CATERING
   SECTION 05 — CATERING SERVICES
   BRAND: RED / BLACK / WHITE
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@500;600;700&display=swap');

.sy-catering,
.sy-catering *{
  box-sizing:border-box;
}

.sy-catering{
  --sy-red:#b5121b;
  --sy-red-dark:#8d0d13;
  --sy-black:#171717;
  --sy-dark:#242424;
  --sy-white:#ffffff;
  --sy-soft:#f6f6f6;
  --sy-soft-2:#fbfbfb;
  --sy-line:#e3e3e3;
  --sy-muted:#6f6f6f;

  width:100vw;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  padding:110px 40px;

  background:#fff;

  color:var(--sy-black);

  font-family:'Inter',Arial,sans-serif;

  overflow:hidden;
}


/* =========================================================
   WRAP
========================================================= */

.sy-catering .sy-catering__wrap{
  width:100%;
  max-width:1180px;

  margin:0 auto;
}


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

.sy-catering .sy-catering__head{
  display:grid;

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

  gap:65px;

  align-items:end;

  margin-bottom:58px;
}

.sy-catering .sy-catering__eyebrow{
  display:inline-block;

  margin-bottom:18px;

  color:var(--sy-red);

  font-size:10px;

  line-height:1;

  font-weight:900;

  letter-spacing:3px;

  text-transform:uppercase;
}

.sy-catering .sy-catering__head h2{
  margin:0;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(44px,5vw,74px);

  line-height:1.04;

  font-weight:500;

  letter-spacing:-1.6px;

  color:var(--sy-black);
}

.sy-catering .sy-catering__intro p{
  max-width:620px;

  margin:0;

  color:var(--sy-muted);

  font-size:16px;

  line-height:1.85;
}


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

.sy-catering .sy-catering__head-cta{
  display:inline-flex;

  align-items:center;

  gap:10px;

  width:max-content;

  min-height:50px;

  margin-top:23px;

  padding:0 19px;

  background:var(--sy-black);

  color:#fff;

  text-decoration:none;

  font-size:9px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;

  text-transform:uppercase;

  transition:
    background .3s ease,
    gap .3s ease;
}

.sy-catering .sy-catering__head-cta svg{
  width:17px;
  height:17px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-catering .sy-catering__head-cta:hover{
  background:var(--sy-red);

  gap:14px;
}


/* =========================================================
   FEATURE
========================================================= */

.sy-catering .sy-catering__feature{
  display:grid;

  grid-template-columns:1.08fr .92fr;

  min-height:560px;

  background:#f6f6f6;

  border:1px solid var(--sy-line);

  overflow:hidden;
}


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

.sy-catering .sy-catering__feature-image{
  position:relative;

  min-height:560px;

  overflow:hidden;

  background:#ddd;
}

.sy-catering .sy-catering__feature-image::after{
  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.02) 35%,
      rgba(0,0,0,.58) 100%
    );

  pointer-events:none;
}

.sy-catering .sy-catering__feature-image img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.025);

  filter:brightness(1.05);

  transition:
    transform 1s ease,
    filter .4s ease;
}

.sy-catering .sy-catering__feature:hover
.sy-catering__feature-image img{
  transform:scale(1.075);

  filter:brightness(1.09);
}


/* =========================================================
   FEATURE LABEL
========================================================= */

.sy-catering .sy-catering__feature-label{
  position:absolute;

  left:28px;
  bottom:28px;

  z-index:2;

  color:#fff;
}

.sy-catering .sy-catering__feature-label > span{
  display:block;

  margin-bottom:9px;

  color:rgba(255,255,255,.72);

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.7px;

  text-transform:uppercase;
}

.sy-catering .sy-catering__feature-label > strong{
  display:block;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(34px,3.6vw,52px);

  line-height:1.02;

  font-weight:500;

  color:#fff;
}


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

.sy-catering .sy-catering__feature-content{
  padding:52px 44px;

  display:flex;

  flex-direction:column;

  justify-content:center;
}

.sy-catering .sy-catering__feature-number{
  display:block;

  margin-bottom:18px;

  color:var(--sy-red);

  font-size:9px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.7px;
}

.sy-catering .sy-catering__feature-content h3{
  margin:0;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(38px,4vw,56px);

  line-height:1.03;

  font-weight:500;

  letter-spacing:-1px;

  color:var(--sy-black);
}

.sy-catering .sy-catering__feature-content > p{
  margin:21px 0 0;

  max-width:500px;

  color:var(--sy-muted);

  font-size:14px;

  line-height:1.8;
}


/* =========================================================
   FEATURE POINTS
========================================================= */

.sy-catering .sy-catering__feature-points{
  margin-top:28px;

  display:grid;

  gap:8px;
}

.sy-catering .sy-catering__feature-points > div{
  display:flex;

  align-items:center;

  gap:11px;

  min-height:48px;

  padding:10px 12px;

  border:1px solid #e3e3e3;

  background:#fff;
}

.sy-catering .sy-catering__feature-points svg{
  width:30px;
  height:30px;

  flex:0 0 30px;

  padding:6px;

  border:1px solid #e2e2e2;

  background:#fafafa;

  fill:none;

  stroke:var(--sy-red);

  stroke-width:1.6;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-catering .sy-catering__feature-points span{
  color:#333;

  font-size:10px;

  line-height:1.4;

  font-weight:700;
}


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

.sy-catering .sy-catering__options{
  margin-top:28px;

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:12px;
}


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

.sy-catering .sy-catering__card{
  position:relative;

  min-height:285px;

  padding:22px;

  background:#fafafa;

  border:1px solid var(--sy-line);

  overflow:hidden;

  transition:
    background .3s ease,
    border-color .3s ease,
    transform .3s ease;
}

.sy-catering .sy-catering__card:hover{
  background:#fff;

  border-color:#d1d1d1;

  transform:translateY(-3px);
}

.sy-catering .sy-catering__card::before{
  content:"";

  position:absolute;

  left:0;
  top:0;

  width:3px;
  height:0;

  background:var(--sy-red);

  transition:height .3s ease;
}

.sy-catering .sy-catering__card:hover::before{
  height:100%;
}


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

.sy-catering .sy-catering__card-top{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:15px;

  margin-bottom:24px;
}

.sy-catering .sy-catering__card-top > span{
  color:#9a9a9a;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;
}


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

.sy-catering .sy-catering__icon{
  width:42px;
  height:42px;

  flex:0 0 42px;

  display:flex;

  align-items:center;

  justify-content:center;

  background:#fff;

  border:1px solid #e2e2e2;

  color:var(--sy-red);
}

.sy-catering .sy-catering__icon svg{
  width:20px;
  height:20px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.6;

  stroke-linecap:round;
  stroke-linejoin:round;
}


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

.sy-catering .sy-catering__card > small{
  display:block;

  margin-bottom:9px;

  color:#999;

  font-size:7px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;

  text-transform:uppercase;
}


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

.sy-catering .sy-catering__card h3{
  margin:0;

  font-family:'Playfair Display',Georgia,serif;

  font-size:28px;

  line-height:1.06;

  font-weight:500;

  letter-spacing:-.5px;

  color:var(--sy-black);
}


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

.sy-catering .sy-catering__card > p{
  margin:13px 0 0;

  color:#777;

  font-size:11px;

  line-height:1.7;
}


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

.sy-catering .sy-catering__card--featured{
  background:var(--sy-red);

  border-color:var(--sy-red);

  color:#fff;
}

.sy-catering .sy-catering__card--featured:hover{
  background:var(--sy-red-dark);

  border-color:var(--sy-red-dark);
}

.sy-catering .sy-catering__card--featured::before{
  display:none;
}

.sy-catering .sy-catering__card--featured
.sy-catering__card-top > span{
  color:rgba(255,255,255,.58);
}

.sy-catering .sy-catering__card--featured
.sy-catering__icon{
  background:rgba(255,255,255,.10);

  border-color:rgba(255,255,255,.28);

  color:#fff;
}

.sy-catering .sy-catering__card--featured > small{
  color:rgba(255,255,255,.66);
}

.sy-catering .sy-catering__card--featured h3{
  color:#fff;
}

.sy-catering .sy-catering__card--featured > p{
  color:rgba(255,255,255,.80);
}


/* =========================================================
   FEATURED LINK
========================================================= */

.sy-catering .sy-catering__card--featured > a{
  display:inline-flex;

  align-items:center;

  gap:9px;

  margin-top:18px;

  padding-bottom:6px;

  border-bottom:1px solid rgba(255,255,255,.65);

  color:#fff;

  text-decoration:none;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.3px;

  text-transform:uppercase;

  transition:
    gap .3s ease,
    border-color .3s ease;
}

.sy-catering .sy-catering__card--featured > a svg{
  width:15px;
  height:15px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-catering .sy-catering__card--featured > a:hover{
  gap:13px;

  border-color:#fff;
}


/* =========================================================
   BOTTOM CTA
========================================================= */

.sy-catering .sy-catering__bottom{
  margin-top:28px;

  display:grid;

  grid-template-columns:auto 1fr auto;

  align-items:center;

  gap:18px;

  padding:20px 22px;

  background:var(--sy-black);

  color:#fff;
}


/* ICON */

.sy-catering .sy-catering__bottom-icon{
  width:46px;
  height:46px;

  flex:0 0 46px;

  display:flex;

  align-items:center;

  justify-content:center;

  background:var(--sy-red);

  color:#fff;
}

.sy-catering .sy-catering__bottom-icon svg{
  width:21px;
  height:21px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.6;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* BOTTOM CONTENT */

.sy-catering .sy-catering__bottom-content{
  min-width:0;
}

.sy-catering .sy-catering__bottom-content > span{
  display:block;

  margin-bottom:5px;

  color:rgba(255,255,255,.50);

  font-size:7px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.5px;

  text-transform:uppercase;
}

.sy-catering .sy-catering__bottom-content > strong{
  display:block;

  max-width:610px;

  color:#fff;

  font-size:11px;

  line-height:1.5;

  font-weight:700;
}


/* BOTTOM BUTTON */

.sy-catering .sy-catering__bottom > a{
  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:9px;

  min-height:46px;

  padding:0 17px;

  background:#fff;

  color:var(--sy-black);

  text-decoration:none;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.3px;

  text-transform:uppercase;

  transition:
    background .3s ease,
    color .3s ease,
    gap .3s ease;
}

.sy-catering .sy-catering__bottom > a svg{
  width:15px;
  height:15px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-catering .sy-catering__bottom > a:hover{
  background:var(--sy-red);

  color:#fff;

  gap:13px;
}


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

@media(max-width:1000px){

  .sy-catering{
    padding:80px 24px;
  }

  .sy-catering .sy-catering__head{
    grid-template-columns:1fr;

    gap:23px;

    margin-bottom:42px;
  }

  .sy-catering .sy-catering__feature{
    grid-template-columns:1fr;
  }

  .sy-catering .sy-catering__feature-image{
    min-height:470px;
  }

  .sy-catering .sy-catering__feature-content{
    padding:38px 32px;
  }

  .sy-catering .sy-catering__options{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}


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

@media(max-width:650px){

  .sy-catering{
    padding:64px 15px;
  }

  .sy-catering .sy-catering__head h2{
    font-size:40px;

    letter-spacing:-1px;
  }

  .sy-catering .sy-catering__intro p{
    font-size:14px;

    line-height:1.75;
  }

  .sy-catering .sy-catering__head-cta{
    width:100%;

    justify-content:center;
  }


  /* FEATURE */

  .sy-catering .sy-catering__feature-image{
    min-height:350px;
  }

  .sy-catering .sy-catering__feature-label{
    left:20px;
    bottom:20px;
  }

  .sy-catering .sy-catering__feature-label > strong{
    font-size:36px;
  }

  .sy-catering .sy-catering__feature-content{
    padding:28px 20px;
  }

  .sy-catering .sy-catering__feature-content h3{
    font-size:37px;
  }

  .sy-catering .sy-catering__feature-content > p{
    font-size:13.5px;

    line-height:1.72;
  }


  /* OPTIONS */

  .sy-catering .sy-catering__options{
    grid-template-columns:1fr;

    gap:10px;
  }

  .sy-catering .sy-catering__card{
    min-height:245px;

    padding:20px;
  }

  .sy-catering .sy-catering__card h3{
    font-size:27px;
  }


  /* BOTTOM */

  .sy-catering .sy-catering__bottom{
    grid-template-columns:auto 1fr;

    gap:13px;

    padding:17px;
  }

  .sy-catering .sy-catering__bottom > a{
    grid-column:1 / -1;

    width:100%;

    min-height:49px;
  }

}


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

@media(max-width:390px){

  .sy-catering{
    padding-left:12px;
    padding-right:12px;
  }

  .sy-catering .sy-catering__head h2{
    font-size:36px;
  }

  .sy-catering .sy-catering__feature-image{
    min-height:320px;
  }

  .sy-catering .sy-catering__feature-label > strong{
    font-size:32px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .sy-catering .sy-catering__feature-image img,
  .sy-catering .sy-catering__head-cta,
  .sy-catering .sy-catering__card,
  .sy-catering .sy-catering__card::before,
  .sy-catering .sy-catering__card--featured > a,
  .sy-catering .sy-catering__bottom > a{
    transition:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c76e7e2 *//* =========================================================
   SYAJIE HOTELS
   EVENTS & CATERING
   SECTION 06 — HOST / DINE / STAY
   BRAND: RED / BLACK / WHITE
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

.sy-event-complete,
.sy-event-complete *{
  box-sizing:border-box;
}

.sy-event-complete{
  --sy-red:#b5121b;
  --sy-red-dark:#8d0d13;
  --sy-black:#171717;
  --sy-dark:#222222;
  --sy-white:#ffffff;
  --sy-soft:#f5f5f5;
  --sy-line:#e6e6e6;
  --sy-muted:#707070;

  position:relative;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  padding:110px 40px;

  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(255,255,255,.09),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #b5121b 0%,
      #a00f17 55%,
      #8d0d13 100%
    );

  color:#fff;

  font-family:'Inter',Arial,sans-serif;

  overflow:hidden;
}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.sy-event-complete::before{
  content:"";

  position:absolute;

  width:480px;
  height:480px;

  left:-260px;
  top:160px;

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

  border-radius:50%;

  pointer-events:none;
}

.sy-event-complete::after{
  content:"";

  position:absolute;

  width:270px;
  height:270px;

  right:-120px;
  bottom:100px;

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

  border-radius:50%;

  pointer-events:none;
}


/* =========================================================
   WRAP
========================================================= */

.sy-event-complete .sy-event-complete__wrap{
  position:relative;

  z-index:2;

  width:100%;
  max-width:1180px;

  margin:0 auto;
}


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

.sy-event-complete .sy-event-complete__head{
  max-width:850px;

  margin:0 auto 58px;

  text-align:center;
}

.sy-event-complete .sy-event-complete__eyebrow{
  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:12px;

  margin-bottom:20px;

  color:rgba(255,255,255,.72);

  font-size:10px;

  line-height:1;

  font-weight:900;

  letter-spacing:3px;

  text-transform:uppercase;
}

.sy-event-complete .sy-event-complete__eyebrow::before,
.sy-event-complete .sy-event-complete__eyebrow::after{
  content:"";

  width:25px;
  height:1px;

  background:rgba(255,255,255,.55);
}


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

.sy-event-complete .sy-event-complete__head h2{
  margin:0;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(50px,6vw,84px);

  line-height:.98;

  font-weight:500;

  letter-spacing:-2px;

  color:#fff;
}

.sy-event-complete .sy-event-complete__head h2 em{
  font-weight:500;

  color:#fff;

  opacity:.82;
}

.sy-event-complete .sy-event-complete__head > p{
  max-width:680px;

  margin:26px auto 0;

  color:rgba(255,255,255,.78);

  font-size:15px;

  line-height:1.85;
}


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

.sy-event-complete .sy-event-complete__grid{
  display:grid;

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

  gap:14px;
}


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

.sy-event-complete .sy-event-complete__card{
  position:relative;

  min-height:440px;

  padding:30px;

  display:flex;

  flex-direction:column;

  background:#fff;

  color:var(--sy-black);

  overflow:hidden;

  box-shadow:
    0 22px 55px
    rgba(0,0,0,.12);

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.sy-event-complete .sy-event-complete__card:hover{
  transform:translateY(-6px);

  box-shadow:
    0 30px 70px
    rgba(0,0,0,.20);
}


/* RED CARD FROM HTML BECOMES BLACK */

.sy-event-complete .sy-event-complete__card--red{
  background:var(--sy-black);

  color:#fff;
}


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

.sy-event-complete .sy-event-complete__card::after{
  content:"";

  position:absolute;

  right:-70px;
  bottom:-70px;

  width:180px;
  height:180px;

  border:1px solid rgba(181,18,27,.10);

  border-radius:50%;

  pointer-events:none;
}

.sy-event-complete .sy-event-complete__card--red::after{
  border-color:rgba(255,255,255,.07);
}


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

.sy-event-complete .sy-event-complete__card-number{
  position:absolute;

  top:24px;
  right:25px;

  color:#b5b5b5;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.6px;
}

.sy-event-complete
.sy-event-complete__card--red
.sy-event-complete__card-number{
  color:rgba(255,255,255,.38);
}


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

.sy-event-complete .sy-event-complete__icon{
  width:58px;
  height:58px;

  flex:0 0 58px;

  display:flex;

  align-items:center;

  justify-content:center;

  margin-bottom:48px;

  background:#f7f7f7;

  border:1px solid #e4e4e4;

  color:var(--sy-red);
}

.sy-event-complete .sy-event-complete__icon svg{
  width:27px;
  height:27px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.5;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-event-complete
.sy-event-complete__card--red
.sy-event-complete__icon{
  background:var(--sy-red);

  border-color:var(--sy-red);

  color:#fff;
}


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

.sy-event-complete .sy-event-complete__label{
  display:block;

  margin-bottom:10px;

  color:var(--sy-red);

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.8px;

  text-transform:uppercase;
}

.sy-event-complete
.sy-event-complete__card--red
.sy-event-complete__label{
  color:#e05158;
}


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

.sy-event-complete .sy-event-complete__card h3{
  margin:0;

  font-family:'Playfair Display',Georgia,serif;

  font-size:52px;

  line-height:.95;

  font-weight:500;

  letter-spacing:-1.2px;

  color:var(--sy-black);
}

.sy-event-complete
.sy-event-complete__card--red h3{
  color:#fff;
}


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

.sy-event-complete .sy-event-complete__card > p{
  margin:20px 0 0;

  color:var(--sy-muted);

  font-size:12px;

  line-height:1.75;
}

.sy-event-complete
.sy-event-complete__card--red > p{
  color:rgba(255,255,255,.62);
}


/* =========================================================
   CARD BOTTOM TAGS
========================================================= */

.sy-event-complete .sy-event-complete__card-bottom{
  position:relative;

  z-index:2;

  margin-top:auto;

  padding-top:28px;

  display:flex;

  flex-wrap:wrap;

  gap:6px;
}

.sy-event-complete .sy-event-complete__card-bottom span{
  display:inline-flex;

  align-items:center;

  min-height:27px;

  padding:0 9px;

  border:1px solid #dedede;

  background:#fafafa;

  color:#666;

  font-size:7px;

  line-height:1;

  font-weight:800;

  letter-spacing:.6px;

  text-transform:uppercase;
}

.sy-event-complete
.sy-event-complete__card--red
.sy-event-complete__card-bottom span{
  border-color:rgba(255,255,255,.14);

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

  color:rgba(255,255,255,.70);
}


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

.sy-event-complete .sy-event-complete__flow{
  margin-top:18px;

  padding:34px;

  display:grid;

  grid-template-columns:.7fr 1.3fr;

  gap:40px;

  align-items:center;

  background:#fff;

  color:var(--sy-black);
}


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

.sy-event-complete .sy-event-complete__flow-title > span{
  display:block;

  margin-bottom:11px;

  color:var(--sy-red);

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.7px;

  text-transform:uppercase;
}

.sy-event-complete .sy-event-complete__flow-title > strong{
  display:block;

  font-family:'Playfair Display',Georgia,serif;

  font-size:30px;

  line-height:1.08;

  font-weight:500;

  color:var(--sy-black);
}


/* =========================================================
   FLOW STEPS
========================================================= */

.sy-event-complete .sy-event-complete__flow-steps{
  display:grid;

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

  gap:13px;

  align-items:center;
}

.sy-event-complete .sy-event-complete__flow-step{
  min-width:0;
}

.sy-event-complete .sy-event-complete__flow-step > span{
  display:flex;

  align-items:center;

  justify-content:center;

  width:31px;
  height:31px;

  margin-bottom:12px;

  background:var(--sy-red);

  color:#fff;

  font-size:8px;

  line-height:1;

  font-weight:900;
}

.sy-event-complete .sy-event-complete__flow-step strong{
  display:block;

  color:var(--sy-black);

  font-size:10px;

  line-height:1.4;

  font-weight:800;
}

.sy-event-complete .sy-event-complete__flow-step small{
  display:block;

  margin-top:5px;

  color:#777;

  font-size:8.5px;

  line-height:1.55;
}


/* =========================================================
   FLOW ARROW
========================================================= */

.sy-event-complete .sy-event-complete__flow-arrow{
  color:#b8b8b8;
}

.sy-event-complete .sy-event-complete__flow-arrow svg{
  width:21px;
  height:21px;

  display:block;

  fill:none;

  stroke:currentColor;

  stroke-width:1.5;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================================
   FINAL STATEMENT
========================================================= */

.sy-event-complete .sy-event-complete__statement{
  margin-top:18px;

  padding:34px 38px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:35px;

  background:var(--sy-black);

  color:#fff;
}

.sy-event-complete .sy-event-complete__statement span{
  display:block;

  margin-bottom:9px;

  color:rgba(255,255,255,.45);

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.7px;

  text-transform:uppercase;
}

.sy-event-complete .sy-event-complete__statement h3{
  margin:0;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(28px,3vw,42px);

  line-height:1.05;

  font-weight:500;

  letter-spacing:-.7px;

  color:#fff;
}


/* =========================================================
   FINAL CTA
========================================================= */

.sy-event-complete .sy-event-complete__cta{
  flex:0 0 auto;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:10px;

  min-height:54px;

  padding:0 23px;

  background:var(--sy-red);

  color:#fff;

  text-decoration:none;

  font-size:8.5px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;

  text-transform:uppercase;

  transition:
    background .3s ease,
    color .3s ease,
    gap .3s ease;
}

.sy-event-complete .sy-event-complete__cta svg{
  width:17px;
  height:17px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-event-complete .sy-event-complete__cta:hover{
  background:#fff;

  color:var(--sy-black);

  gap:14px;
}


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

@media(max-width:1000px){

  .sy-event-complete{
    padding:80px 24px;
  }

  .sy-event-complete .sy-event-complete__grid{
    grid-template-columns:1fr 1fr;
  }

  .sy-event-complete .sy-event-complete__card:last-child{
    grid-column:1 / -1;

    min-height:360px;
  }

  .sy-event-complete .sy-event-complete__flow{
    grid-template-columns:1fr;

    gap:28px;
  }

}


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

@media(max-width:650px){

  .sy-event-complete{
    padding:64px 15px;
  }


  /* HEADER */

  .sy-event-complete .sy-event-complete__head{
    margin-bottom:38px;

    text-align:left;
  }

  .sy-event-complete .sy-event-complete__eyebrow{
    justify-content:flex-start;
  }

  .sy-event-complete .sy-event-complete__eyebrow::after{
    display:none;
  }

  .sy-event-complete .sy-event-complete__head h2{
    font-size:44px;

    letter-spacing:-1.2px;
  }

  .sy-event-complete .sy-event-complete__head > p{
    margin-left:0;

    font-size:14px;

    line-height:1.75;
  }


  /* CARDS */

  .sy-event-complete .sy-event-complete__grid{
    grid-template-columns:1fr;

    gap:10px;
  }

  .sy-event-complete .sy-event-complete__card,
  .sy-event-complete .sy-event-complete__card:last-child{
    grid-column:auto;

    min-height:390px;

    padding:24px;
  }

  .sy-event-complete .sy-event-complete__icon{
    margin-bottom:38px;
  }

  .sy-event-complete .sy-event-complete__card h3{
    font-size:46px;
  }


  /* FLOW */

  .sy-event-complete .sy-event-complete__flow{
    margin-top:10px;

    padding:25px 20px;
  }

  .sy-event-complete .sy-event-complete__flow-steps{
    grid-template-columns:1fr;

    gap:0;
  }

  .sy-event-complete .sy-event-complete__flow-step{
    display:grid;

    grid-template-columns:38px 1fr;

    gap:12px;

    align-items:start;

    padding:14px 0;

    border-bottom:1px solid #e7e7e7;
  }

  .sy-event-complete .sy-event-complete__flow-step:last-child{
    border-bottom:0;
  }

  .sy-event-complete .sy-event-complete__flow-step > span{
    grid-row:1;

    margin:0;
  }

  .sy-event-complete .sy-event-complete__flow-step > div{
    min-width:0;
  }

  .sy-event-complete .sy-event-complete__flow-arrow{
    display:none;
  }

  .sy-event-complete .sy-event-complete__flow-step strong{
    font-size:11px;
  }

  .sy-event-complete .sy-event-complete__flow-step small{
    font-size:9px;
  }


  /* STATEMENT */

  .sy-event-complete .sy-event-complete__statement{
    margin-top:10px;

    padding:27px 20px;

    flex-direction:column;

    align-items:flex-start;

    gap:25px;
  }

  .sy-event-complete .sy-event-complete__cta{
    width:100%;

    min-height:52px;
  }

}


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

@media(max-width:390px){

  .sy-event-complete{
    padding-left:12px;
    padding-right:12px;
  }

  .sy-event-complete .sy-event-complete__head h2{
    font-size:40px;
  }

  .sy-event-complete .sy-event-complete__card{
    min-height:370px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .sy-event-complete .sy-event-complete__card,
  .sy-event-complete .sy-event-complete__cta{
    transition:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd5e8b5 *//* =========================================================
   SYAJIE HOTELS
   EVENTS & CATERING
   SECTION 07 — SUITABLE FOR
   BRAND: RED / BLACK / WHITE
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@500;600;700&display=swap');

.sy-event-audience,
.sy-event-audience *{
  box-sizing:border-box;
}

.sy-event-audience{
  --sy-red:#b5121b;
  --sy-red-dark:#8d0d13;
  --sy-black:#171717;
  --sy-white:#ffffff;
  --sy-soft:#f5f5f5;
  --sy-soft-2:#fafafa;
  --sy-line:#e2e2e2;
  --sy-muted:#6f6f6f;

  width:100vw;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  padding:110px 40px;

  background:
    linear-gradient(
      180deg,
      #f7f7f7 0%,
      #f1f1f1 100%
    );

  color:var(--sy-black);

  font-family:'Inter',Arial,sans-serif;

  overflow:hidden;
}


/* =========================================================
   WRAP
========================================================= */

.sy-event-audience .sy-event-audience__wrap{
  width:100%;
  max-width:1180px;

  margin:0 auto;
}


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

.sy-event-audience .sy-event-audience__head{
  display:grid;

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

  gap:65px;

  align-items:end;

  margin-bottom:58px;
}

.sy-event-audience .sy-event-audience__eyebrow{
  display:inline-block;

  margin-bottom:18px;

  color:var(--sy-red);

  font-size:10px;

  line-height:1;

  font-weight:900;

  letter-spacing:3px;

  text-transform:uppercase;
}

.sy-event-audience .sy-event-audience__head h2{
  margin:0;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(44px,5vw,74px);

  line-height:1.04;

  font-weight:500;

  letter-spacing:-1.6px;

  color:var(--sy-black);
}

.sy-event-audience .sy-event-audience__intro p{
  max-width:620px;

  margin:0;

  color:var(--sy-muted);

  font-size:16px;

  line-height:1.85;
}


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

.sy-event-audience .sy-event-audience__grid{
  display:grid;

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

  gap:14px;
}


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

.sy-event-audience .sy-event-audience__card{
  position:relative;

  min-height:300px;

  padding:24px;

  display:flex;

  flex-direction:column;

  background:#fff;

  border:1px solid var(--sy-line);

  overflow:hidden;

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

.sy-event-audience .sy-event-audience__card:hover{
  transform:translateY(-4px);

  border-color:#d2d2d2;

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

.sy-event-audience .sy-event-audience__card::before{
  content:"";

  position:absolute;

  left:0;
  top:0;

  width:3px;
  height:0;

  background:var(--sy-red);

  transition:height .3s ease;
}

.sy-event-audience .sy-event-audience__card:hover::before{
  height:100%;
}


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

.sy-event-audience .sy-event-audience__top{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:16px;

  margin-bottom:34px;
}

.sy-event-audience .sy-event-audience__top > span{
  color:#9b9b9b;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.5px;
}


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

.sy-event-audience .sy-event-audience__icon{
  width:46px;
  height:46px;

  flex:0 0 46px;

  display:flex;

  align-items:center;

  justify-content:center;

  background:#fafafa;

  border:1px solid #e3e3e3;

  color:var(--sy-red);
}

.sy-event-audience .sy-event-audience__icon svg{
  width:21px;
  height:21px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.6;

  stroke-linecap:round;
  stroke-linejoin:round;
}


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

.sy-event-audience .sy-event-audience__card > strong{
  display:block;

  max-width:290px;

  color:var(--sy-black);

  font-family:'Playfair Display',Georgia,serif;

  font-size:29px;

  line-height:1.08;

  font-weight:500;

  letter-spacing:-.5px;
}


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

.sy-event-audience .sy-event-audience__card > p{
  max-width:300px;

  margin:14px 0 0;

  color:#747474;

  font-size:11.5px;

  line-height:1.7;
}


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

.sy-event-audience .sy-event-audience__card--featured{
  background:var(--sy-red);

  border-color:var(--sy-red);

  color:#fff;
}

.sy-event-audience .sy-event-audience__card--featured:hover{
  background:var(--sy-red-dark);

  border-color:var(--sy-red-dark);
}

.sy-event-audience .sy-event-audience__card--featured::before{
  display:none;
}

.sy-event-audience
.sy-event-audience__card--featured
.sy-event-audience__top > span{
  color:rgba(255,255,255,.55);
}

.sy-event-audience
.sy-event-audience__card--featured
.sy-event-audience__icon{
  background:rgba(255,255,255,.10);

  border-color:rgba(255,255,255,.26);

  color:#fff;
}

.sy-event-audience
.sy-event-audience__card--featured > strong{
  color:#fff;
}

.sy-event-audience
.sy-event-audience__card--featured > p{
  color:rgba(255,255,255,.78);
}


/* =========================================================
   FEATURED LINK
========================================================= */

.sy-event-audience .sy-event-audience__card--featured > a{
  display:inline-flex;

  align-items:center;

  gap:9px;

  width:max-content;

  margin-top:auto;
  padding-top:24px;
  padding-bottom:6px;

  border-bottom:1px solid rgba(255,255,255,.65);

  color:#fff;

  text-decoration:none;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.3px;

  text-transform:uppercase;

  transition:
    gap .3s ease,
    border-color .3s ease;
}

.sy-event-audience .sy-event-audience__card--featured > a svg{
  width:15px;
  height:15px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-event-audience .sy-event-audience__card--featured > a:hover{
  gap:13px;

  border-color:#fff;
}


/* =========================================================
   BOTTOM CTA
========================================================= */

.sy-event-audience .sy-event-audience__bottom{
  margin-top:18px;

  padding:26px 28px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:30px;

  background:var(--sy-black);

  color:#fff;
}

.sy-event-audience .sy-event-audience__bottom > div{
  min-width:0;
}

.sy-event-audience .sy-event-audience__bottom span{
  display:block;

  margin-bottom:7px;

  color:rgba(255,255,255,.45);

  font-size:7.5px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.6px;

  text-transform:uppercase;
}

.sy-event-audience .sy-event-audience__bottom strong{
  display:block;

  max-width:650px;

  color:#fff;

  font-size:12px;

  line-height:1.55;

  font-weight:700;
}


/* =========================================================
   BOTTOM BUTTON
========================================================= */

.sy-event-audience .sy-event-audience__bottom > a{
  flex:0 0 auto;

  min-height:50px;

  padding:0 20px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:9px;

  background:var(--sy-red);

  color:#fff;

  text-decoration:none;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.3px;

  text-transform:uppercase;

  transition:
    background .3s ease,
    color .3s ease,
    gap .3s ease;
}

.sy-event-audience .sy-event-audience__bottom > a svg{
  width:16px;
  height:16px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}

.sy-event-audience .sy-event-audience__bottom > a:hover{
  background:#fff;

  color:var(--sy-black);

  gap:13px;
}


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

@media(max-width:1000px){

  .sy-event-audience{
    padding:80px 24px;
  }

  .sy-event-audience .sy-event-audience__head{
    grid-template-columns:1fr;

    gap:23px;

    margin-bottom:42px;
  }

  .sy-event-audience .sy-event-audience__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}


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

@media(max-width:650px){

  .sy-event-audience{
    padding:64px 15px;
  }

  .sy-event-audience .sy-event-audience__head h2{
    font-size:40px;

    letter-spacing:-1px;
  }

  .sy-event-audience .sy-event-audience__intro p{
    font-size:14px;

    line-height:1.75;
  }

  .sy-event-audience .sy-event-audience__grid{
    grid-template-columns:1fr;

    gap:10px;
  }

  .sy-event-audience .sy-event-audience__card{
    min-height:255px;

    padding:21px;
  }

  .sy-event-audience .sy-event-audience__top{
    margin-bottom:28px;
  }

  .sy-event-audience .sy-event-audience__card > strong{
    font-size:27px;
  }


  /* BOTTOM */

  .sy-event-audience .sy-event-audience__bottom{
    margin-top:10px;

    padding:24px 20px;

    flex-direction:column;

    align-items:flex-start;

    gap:22px;
  }

  .sy-event-audience .sy-event-audience__bottom > a{
    width:100%;

    min-height:50px;
  }

}


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

@media(max-width:390px){

  .sy-event-audience{
    padding-left:12px;
    padding-right:12px;
  }

  .sy-event-audience .sy-event-audience__head h2{
    font-size:36px;
  }

  .sy-event-audience .sy-event-audience__card{
    min-height:240px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .sy-event-audience .sy-event-audience__card,
  .sy-event-audience .sy-event-audience__card::before,
  .sy-event-audience .sy-event-audience__card--featured > a,
  .sy-event-audience .sy-event-audience__bottom > a{
    transition:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d7f6270 *//* =========================================================
   SYAJIE HOTELS
   EVENTS & CATERING
   SECTION 08 — EVENT ENQUIRY
   BRAND: RED / BLACK / WHITE
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@500;600;700&display=swap');

.sy-event-enquiry,
.sy-event-enquiry *{
  box-sizing:border-box;
}

.sy-event-enquiry{
  --sy-red:#b5121b;
  --sy-red-dark:#8d0d13;
  --sy-black:#171717;
  --sy-dark:#222222;
  --sy-white:#ffffff;
  --sy-soft:#f5f5f5;
  --sy-soft-2:#fafafa;
  --sy-line:#e3e3e3;
  --sy-muted:#6f6f6f;

  width:100vw;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  padding:110px 40px;

  background:#171717;

  color:#fff;

  font-family:'Inter',Arial,sans-serif;

  overflow:hidden;
}


/* =========================================================
   WRAP
========================================================= */

.sy-event-enquiry .sy-event-enquiry__wrap{
  width:100%;
  max-width:1180px;

  margin:0 auto;

  display:grid;

  grid-template-columns:.82fr 1.18fr;

  gap:60px;

  align-items:start;
}


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

.sy-event-enquiry .sy-event-enquiry__content{
  position:sticky;

  top:100px;
}


/* =========================================================
   EYEBROW
========================================================= */

.sy-event-enquiry .sy-event-enquiry__eyebrow{
  display:inline-flex;

  align-items:center;

  gap:12px;

  margin-bottom:20px;

  color:#fff;

  font-size:10px;

  line-height:1;

  font-weight:900;

  letter-spacing:3px;

  text-transform:uppercase;
}

.sy-event-enquiry .sy-event-enquiry__eyebrow::before{
  content:"";

  display:block;

  width:30px;
  height:2px;

  background:var(--sy-red);
}


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

.sy-event-enquiry .sy-event-enquiry__content h2{
  margin:0;

  max-width:520px;

  font-family:'Playfair Display',Georgia,serif;

  font-size:clamp(46px,5vw,72px);

  line-height:1.03;

  font-weight:500;

  letter-spacing:-1.6px;

  color:#fff;
}


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

.sy-event-enquiry .sy-event-enquiry__content > p{
  max-width:500px;

  margin:25px 0 0;

  color:rgba(255,255,255,.66);

  font-size:15px;

  line-height:1.85;
}


/* =========================================================
   BENEFITS
========================================================= */

.sy-event-enquiry .sy-event-enquiry__benefits{
  margin-top:36px;

  display:grid;

  gap:10px;
}

.sy-event-enquiry .sy-event-enquiry__benefits > div{
  display:flex;

  align-items:center;

  gap:14px;

  min-height:82px;

  padding:14px 16px;

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

  background:rgba(255,255,255,.03);
}


/* ICON */

.sy-event-enquiry .sy-event-enquiry__benefit-icon{
  width:42px;
  height:42px;

  flex:0 0 42px;

  display:flex;

  align-items:center;

  justify-content:center;

  background:var(--sy-red);

  color:#fff;
}

.sy-event-enquiry .sy-event-enquiry__benefit-icon svg{
  width:20px;
  height:20px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.6;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* BENEFIT TEXT */

.sy-event-enquiry .sy-event-enquiry__benefits strong{
  display:block;

  color:#fff;

  font-size:11px;

  line-height:1.35;

  font-weight:800;
}

.sy-event-enquiry .sy-event-enquiry__benefits small{
  display:block;

  margin-top:5px;

  color:rgba(255,255,255,.55);

  font-size:9.5px;

  line-height:1.5;
}


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

.sy-event-enquiry .sy-event-enquiry__contact{
  margin-top:30px;

  padding-top:22px;

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

.sy-event-enquiry .sy-event-enquiry__contact > span{
  display:block;

  margin-bottom:8px;

  color:var(--sy-red);

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.7px;

  text-transform:uppercase;
}

.sy-event-enquiry .sy-event-enquiry__contact > strong{
  display:block;

  max-width:450px;

  color:#fff;

  font-size:12px;

  line-height:1.6;

  font-weight:700;
}


/* =========================================================
   FORM WRAP
========================================================= */

.sy-event-enquiry .sy-event-enquiry__form-wrap{
  background:#fff;

  color:var(--sy-black);

  box-shadow:
    0 30px 80px
    rgba(0,0,0,.28);
}


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

.sy-event-enquiry .sy-event-enquiry__form-head{
  min-height:96px;

  padding:22px 25px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:20px;

  background:#f7f7f7;

  border-bottom:1px solid var(--sy-line);
}

.sy-event-enquiry .sy-event-enquiry__form-head > div > span{
  display:block;

  margin-bottom:6px;

  color:var(--sy-red);

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.6px;

  text-transform:uppercase;
}

.sy-event-enquiry .sy-event-enquiry__form-head > div > strong{
  display:block;

  font-family:'Playfair Display',Georgia,serif;

  color:var(--sy-black);

  font-size:29px;

  line-height:1.05;

  font-weight:500;
}

.sy-event-enquiry .sy-event-enquiry__form-step{
  flex:0 0 auto;

  color:#999;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.4px;
}


/* =========================================================
   FORM
========================================================= */

.sy-event-enquiry .sy-event-enquiry__form{
  padding:26px;

  display:grid;

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

  gap:16px;
}


/* =========================================================
   FIELD
========================================================= */

.sy-event-enquiry .sy-event-enquiry__field{
  min-width:0;
}

.sy-event-enquiry .sy-event-enquiry__field--full{
  grid-column:1 / -1;
}


/* =========================================================
   LABEL
========================================================= */

.sy-event-enquiry .sy-event-enquiry__field label{
  display:block;

  margin-bottom:8px;

  color:#444;

  font-size:8px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.1px;

  text-transform:uppercase;
}


/* =========================================================
   INPUT / SELECT / TEXTAREA
========================================================= */

.sy-event-enquiry .sy-event-enquiry__field input,
.sy-event-enquiry .sy-event-enquiry__field select,
.sy-event-enquiry .sy-event-enquiry__field textarea{
  width:100%;

  border:1px solid #dedede;

  border-radius:0;

  outline:none;

  background:#fafafa;

  color:#222;

  font-family:'Inter',Arial,sans-serif;

  font-size:12px;

  transition:
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.sy-event-enquiry .sy-event-enquiry__field input,
.sy-event-enquiry .sy-event-enquiry__field select{
  height:52px;

  padding:0 14px;
}

.sy-event-enquiry .sy-event-enquiry__field textarea{
  min-height:120px;

  padding:14px;

  resize:vertical;

  line-height:1.6;
}

.sy-event-enquiry .sy-event-enquiry__field input::placeholder,
.sy-event-enquiry .sy-event-enquiry__field textarea::placeholder{
  color:#a0a0a0;
}


/* FOCUS */

.sy-event-enquiry .sy-event-enquiry__field input:focus,
.sy-event-enquiry .sy-event-enquiry__field select:focus,
.sy-event-enquiry .sy-event-enquiry__field textarea:focus{
  border-color:var(--sy-red);

  background:#fff;

  box-shadow:
    0 0 0 3px
    rgba(181,18,27,.07);
}


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

.sy-event-enquiry .sy-event-enquiry__select{
  position:relative;
}

.sy-event-enquiry .sy-event-enquiry__select select{
  padding-right:42px;

  appearance:none;
  -webkit-appearance:none;
}

.sy-event-enquiry .sy-event-enquiry__select > svg{
  position:absolute;

  right:14px;
  top:50%;

  width:17px;
  height:17px;

  transform:translateY(-50%);

  fill:none;

  stroke:#777;

  stroke-width:1.7;

  stroke-linecap:round;
  stroke-linejoin:round;

  pointer-events:none;
}


/* =========================================================
   SUBMIT AREA
========================================================= */

.sy-event-enquiry .sy-event-enquiry__submit{
  margin-top:5px;

  padding-top:20px;

  border-top:1px solid var(--sy-line);
}


/* =========================================================
   BUTTON
========================================================= */

.sy-event-enquiry .sy-event-enquiry__submit button{
  width:100%;

  min-height:58px;

  padding:0 18px;

  display:grid;

  grid-template-columns:auto 1fr auto;

  align-items:center;

  gap:12px;

  border:0;

  border-radius:0;

  background:var(--sy-red);

  color:#fff;

  cursor:pointer;

  font-family:'Inter',Arial,sans-serif;

  font-size:9px;

  line-height:1;

  font-weight:900;

  letter-spacing:1.3px;

  text-transform:uppercase;

  transition:
    background .3s ease,
    padding .3s ease;
}

.sy-event-enquiry .sy-event-enquiry__submit button:hover{
  background:var(--sy-red-dark);

  padding-left:21px;
  padding-right:21px;
}


/* WHATSAPP ICON */

.sy-event-enquiry .sy-event-enquiry__whatsapp-icon{
  width:34px;
  height:34px;

  display:flex;

  align-items:center;

  justify-content:center;

  background:rgba(255,255,255,.12);
}

.sy-event-enquiry .sy-event-enquiry__whatsapp-icon svg{
  width:19px;
  height:19px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.6;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* ARROW */

.sy-event-enquiry .sy-event-enquiry__arrow{
  width:18px;
  height:18px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;

  transition:transform .3s ease;
}

.sy-event-enquiry .sy-event-enquiry__submit button:hover
.sy-event-enquiry__arrow{
  transform:translateX(4px);
}


/* =========================================================
   DISCLAIMER
========================================================= */

.sy-event-enquiry .sy-event-enquiry__submit > p{
  max-width:620px;

  margin:12px 0 0;

  color:#8a8a8a;

  font-size:8.5px;

  line-height:1.6;
}


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

@media(max-width:1000px){

  .sy-event-enquiry{
    padding:80px 24px;
  }

  .sy-event-enquiry .sy-event-enquiry__wrap{
    grid-template-columns:1fr;

    gap:45px;
  }

  .sy-event-enquiry .sy-event-enquiry__content{
    position:relative;

    top:auto;

    max-width:720px;
  }

  .sy-event-enquiry .sy-event-enquiry__form-wrap{
    max-width:760px;

    width:100%;

    margin:0 auto;
  }

}


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

@media(max-width:650px){

  .sy-event-enquiry{
    padding:64px 15px;
  }


  /* LEFT */

  .sy-event-enquiry .sy-event-enquiry__content h2{
    font-size:40px;

    letter-spacing:-1px;
  }

  .sy-event-enquiry .sy-event-enquiry__content > p{
    font-size:14px;

    line-height:1.75;
  }


  /* FORM HEAD */

  .sy-event-enquiry .sy-event-enquiry__form-head{
    min-height:84px;

    padding:18px;
  }

  .sy-event-enquiry .sy-event-enquiry__form-head > div > strong{
    font-size:26px;
  }


  /* FORM */

  .sy-event-enquiry .sy-event-enquiry__form{
    grid-template-columns:1fr;

    padding:18px;

    gap:14px;
  }

  .sy-event-enquiry .sy-event-enquiry__field--full{
    grid-column:auto;
  }


  /* INPUTS */

  .sy-event-enquiry .sy-event-enquiry__field input,
  .sy-event-enquiry .sy-event-enquiry__field select{
    height:51px;

    font-size:12px;
  }

  .sy-event-enquiry .sy-event-enquiry__field textarea{
    min-height:115px;
  }


  /* BUTTON */

  .sy-event-enquiry .sy-event-enquiry__submit{
    padding-top:17px;
  }

  .sy-event-enquiry .sy-event-enquiry__submit button{
    min-height:58px;

    font-size:8px;
  }

}


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

@media(max-width:390px){

  .sy-event-enquiry{
    padding-left:12px;
    padding-right:12px;
  }

  .sy-event-enquiry .sy-event-enquiry__content h2{
    font-size:36px;
  }

  .sy-event-enquiry .sy-event-enquiry__benefits > div{
    padding:12px;
  }

  .sy-event-enquiry .sy-event-enquiry__submit button{
    grid-template-columns:auto 1fr auto;

    gap:8px;

    padding-left:12px;
    padding-right:12px;
  }

  .sy-event-enquiry .sy-event-enquiry__whatsapp-icon{
    width:31px;
    height:31px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .sy-event-enquiry .sy-event-enquiry__field input,
  .sy-event-enquiry .sy-event-enquiry__field select,
  .sy-event-enquiry .sy-event-enquiry__field textarea,
  .sy-event-enquiry .sy-event-enquiry__submit button,
  .sy-event-enquiry .sy-event-enquiry__arrow{
    transition:none;
  }

}/* End custom CSS */