.elementor-1268 .elementor-element.elementor-element-fc9a341{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-6240532{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-90946f7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-53e3af8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a27a680 *//* =========================================
   AVANI STUDIOS
   PLAN RECOMMENDATION CTA
   FULL RESPONSIVE CSS
========================================= */

.avani-plan-help,
.avani-plan-help *{
  box-sizing:border-box;
}

.avani-plan-help{
  position:relative;
  width:100%;
  padding:75px 5%;
  background:#122B24;
  overflow:hidden;
  font-family:Inter,sans-serif;
}


/* =========================================
   SOFT BACKGROUND GLOW
========================================= */

.avani-plan-help::before{
  content:"";

  position:absolute;

  width:420px;
  height:420px;

  left:-210px;
  top:-210px;

  border-radius:50%;

  background:radial-gradient(
    circle,
    rgba(198,140,95,.13),
    transparent 68%
  );

  pointer-events:none;
}


/* =========================================
   ORBIT DETAILS
========================================= */

.avani-plan-orbit{
  position:absolute;

  border:1px solid rgba(198,140,95,.18);

  border-radius:50%;

  pointer-events:none;

  will-change:transform;
}

.avani-orbit-one{
  width:330px;
  height:330px;

  right:-165px;
  top:-125px;

  animation:
    avaniOrbitFloat 12s ease-in-out infinite;
}

.avani-orbit-two{
  width:210px;
  height:210px;

  right:-105px;
  top:-65px;

  border-color:rgba(240,232,220,.08);

  animation:
    avaniOrbitFloat 9s ease-in-out infinite reverse;
}

@keyframes avaniOrbitFloat{

  0%,
  100%{
    transform:rotate(0deg) scale(1);
  }

  50%{
    transform:rotate(8deg) scale(1.04);
  }

}


/* =========================================
   MAIN INNER
========================================= */

.avani-plan-inner{
  position:relative;

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

  margin:auto;

  display:grid;

  grid-template-columns:80px minmax(0,1fr) auto;

  align-items:center;

  gap:35px;

  padding:35px 40px;

  border:1px solid rgba(240,232,220,.11);

  border-radius:22px;

  background:
    linear-gradient(
      120deg,
      rgba(240,232,220,.035),
      rgba(198,140,95,.045)
    );

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

  backdrop-filter:blur(8px);

  transition:
    transform .55s cubic-bezier(.22,1,.36,1),
    border-color .45s ease,
    box-shadow .55s cubic-bezier(.22,1,.36,1);
}

.avani-plan-inner:hover{

  border-color:
    rgba(198,140,95,.3);

  transform:
    translateY(-3px);

  box-shadow:
    0 35px 85px rgba(0,0,0,.18);
}


/* =========================================
   QUESTION MARK
========================================= */

.avani-plan-mark{

  width:68px;
  height:68px;

  display:flex;

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

  border-radius:50%;

  border:
    1px solid rgba(198,140,95,.5);

  background:
    rgba(198,140,95,.08);

  position:relative;

  flex-shrink:0;
}

.avani-plan-mark::before{

  content:"";

  position:absolute;

  inset:7px;

  border:
    1px solid rgba(198,140,95,.15);

  border-radius:50%;

  animation:
    avaniMarkPulse 3s ease-in-out infinite;
}

.avani-plan-mark span{

  position:relative;

  color:#C68C5F;

  font-family:
    "Cormorant Garamond",
    serif;

  font-size:36px;

  line-height:1;
}

@keyframes avaniMarkPulse{

  0%,
  100%{
    transform:scale(.92);
    opacity:.4;
  }

  50%{
    transform:scale(1);
    opacity:1;
  }

}


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

.avani-plan-label{

  margin-bottom:9px;

  color:#C68C5F;

  font-size:9px;

  font-weight:700;

  letter-spacing:3px;

  line-height:1.2;
}


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

.avani-plan-copy h2{

  margin:0;

  color:#F0E8DC;

  font-family:
    "Cormorant Garamond",
    serif;

  font-size:43px;

  line-height:.98;

  font-weight:600;

  letter-spacing:-.5px;
}

.avani-plan-copy h2 em{

  color:#C68C5F;

  font-style:normal;
}


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

.avani-plan-copy p{

  max-width:590px;

  margin:13px 0 0;

  color:
    rgba(240,232,220,.62);

  font-size:12px;

  line-height:1.7;
}


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

.avani-plan-cta{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:15px;

  min-width:205px;

  padding:
    13px
    15px
    13px
    20px;

  border:
    1px solid rgba(198,140,95,.45);

  border-radius:60px;

  color:#F0E8DC !important;

  text-decoration:none !important;

  font-size:11px;

  font-weight:700;

  line-height:1.2;

  white-space:nowrap;

  transition:
    background .45s cubic-bezier(.22,1,.36,1),
    color .45s cubic-bezier(.22,1,.36,1),
    border-color .4s ease,
    transform .45s cubic-bezier(.22,1,.36,1),
    box-shadow .45s ease;
}

.avani-plan-cta i{

  width:30px;
  height:30px;

  display:flex;

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

  flex-shrink:0;

  border-radius:50%;

  background:#C68C5F;

  color:#122B24;

  font-style:normal;

  transition:
    background .45s cubic-bezier(.22,1,.36,1),
    color .45s cubic-bezier(.22,1,.36,1),
    transform .45s cubic-bezier(.22,1,.36,1);
}

.avani-plan-cta:hover{

  background:#C68C5F;

  border-color:#C68C5F;

  color:#122B24 !important;

  transform:translateX(4px);

  box-shadow:
    0 12px 30px rgba(198,140,95,.16);
}

.avani-plan-cta:hover i{

  background:#122B24;

  color:#F0E8DC;

  transform:rotate(45deg);
}


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

@media(max-width:900px){

  .avani-plan-help{

    padding:
      55px
      4%;
  }

  .avani-plan-inner{

    grid-template-columns:
      58px
      minmax(0,1fr);

    gap:22px;

    padding:30px;
  }

  .avani-plan-cta{

    grid-column:2;

    width:max-content;

    min-width:190px;
  }

}


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

@media(max-width:600px){

  .avani-plan-help{

    padding:
      38px
      12px;

  }


  /* MAIN */

  .avani-plan-inner{

    width:100%;

    display:grid;

    grid-template-columns:
      42px
      minmax(0,1fr);

    gap:13px;

    padding:
      20px
      14px;

    border-radius:16px;

    align-items:start;

  }


  /* QUESTION MARK */

  .avani-plan-mark{

    width:42px;
    height:42px;

  }

  .avani-plan-mark::before{

    inset:4px;

  }

  .avani-plan-mark span{

    font-size:24px;

  }


  /* LABEL */

  .avani-plan-label{

    font-size:6.5px;

    letter-spacing:1.7px;

    line-height:1.2;

    margin:
      1px
      0
      6px;

  }


  /* HEADING */

  .avani-plan-copy h2{

    font-size:27px;

    line-height:1.02;

    letter-spacing:-.3px;

  }


  /* DESCRIPTION */

  .avani-plan-copy p{

    max-width:100%;

    font-size:9.5px;

    line-height:1.55;

    margin-top:9px;

  }


  /* CTA */

  .avani-plan-cta{

    grid-column:
      1 / -1;

    width:100%;

    min-width:0;

    height:39px;

    margin-top:2px;

    padding:
      5px
      7px
      5px
      14px;

    gap:8px;

    font-size:9px;

    line-height:1;

  }

  .avani-plan-cta i{

    width:28px;
    height:28px;

    min-width:28px;

    font-size:13px;

  }


  /* ORBITS */

  .avani-orbit-one{

    width:190px;
    height:190px;

    right:-95px;
    top:-75px;

  }

  .avani-orbit-two{

    width:120px;
    height:120px;

    right:-60px;
    top:-38px;

  }


  /* MOBILE HOVER */

  .avani-plan-inner:hover{

    transform:none;

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

  }

  .avani-plan-cta:hover{

    transform:none;

  }

}


/* =========================================
   SMALL PHONES
========================================= */

@media(max-width:380px){

  .avani-plan-help{

    padding:
      32px
      9px;

  }

  .avani-plan-inner{

    grid-template-columns:
      38px
      minmax(0,1fr);

    gap:11px;

    padding:
      18px
      12px;

    border-radius:15px;

  }

  .avani-plan-mark{

    width:38px;
    height:38px;

  }

  .avani-plan-mark::before{

    inset:4px;

  }

  .avani-plan-mark span{

    font-size:22px;

  }

  .avani-plan-label{

    font-size:6px;

    letter-spacing:1.4px;

  }

  .avani-plan-copy h2{

    font-size:24px;

    line-height:1.02;

  }

  .avani-plan-copy p{

    font-size:9px;

    line-height:1.5;

  }

  .avani-plan-cta{

    height:37px;

    padding:
      5px
      6px
      5px
      12px;

    font-size:8.5px;

  }

  .avani-plan-cta i{

    width:26px;
    height:26px;

    min-width:26px;

    font-size:12px;

  }

  .avani-orbit-one{

    width:160px;
    height:160px;

    right:-80px;
    top:-65px;

  }

  .avani-orbit-two{

    width:105px;
    height:105px;

    right:-52px;
    top:-32px;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13e7d8e *//* =========================================
   AVANI STUDIOS — PRICING TRANSITION
========================================= */

.avani-pricing-transition,
.avani-pricing-transition *{
    box-sizing:border-box;
}

.avani-pricing-transition{
    width:100%;
    background:#F0E8DC;
    padding:42px 5%;
    font-family:Inter,sans-serif;
    border-top:1px solid rgba(18,43,36,.07);
    overflow:hidden;
}

.avani-transition-inner{
    max-width:1250px;
    margin:auto;

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

    gap:25px;
}

/* =========================================
   BRAND
========================================= */

.avani-transition-inner span{
    font-size:10px;
    font-weight:700;
    letter-spacing:3px;
    color:#C68C5F;
    white-space:nowrap;
}

/* =========================================
   QUOTE
========================================= */

.avani-transition-inner p{
    margin:0;

    font-family:"Cormorant Garamond",serif;

    font-size:23px;
    line-height:1.2;

    color:#122B24;

    position:relative;
}

/* subtle quote accent */

.avani-transition-inner p::before{
    content:"“";

    position:absolute;

    left:-18px;
    top:-8px;

    font-family:"Cormorant Garamond",serif;
    font-size:30px;

    color:#C68C5F;

    opacity:.7;
}

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

.avani-transition-btn{
    display:inline-flex;

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

    gap:10px;

    padding:11px 20px;

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

    border-radius:50px;

    color:#122B24 !important;

    text-decoration:none !important;

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

    white-space:nowrap;

    transition:
        background .4s cubic-bezier(.22,1,.36,1),
        color .4s cubic-bezier(.22,1,.36,1),
        transform .4s cubic-bezier(.22,1,.36,1),
        border-color .4s ease,
        box-shadow .4s ease;
}

.avani-transition-btn i{
    font-style:normal;

    font-size:15px;

    transition:
        transform .4s cubic-bezier(.22,1,.36,1);
}

.avani-transition-btn:hover{
    background:#122B24;

    border-color:#122B24;

    color:#F0E8DC !important;

    transform:translateY(-3px);

    box-shadow:
        0 12px 25px rgba(18,43,36,.14);
}

.avani-transition-btn:hover i{
    transform:translate(3px,-3px);
}


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

@media(max-width:900px){

    .avani-pricing-transition{
        padding:35px 4%;
    }

    .avani-transition-inner{
        gap:18px;
    }

    .avani-transition-inner p{
        font-size:20px;
    }

    .avani-transition-btn{
        padding:10px 17px;
        font-size:12px;
    }

}


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

@media(max-width:767px){

    .avani-pricing-transition{
        padding:23px 14px !important;

        border-top:
            1px solid rgba(18,43,36,.07);
    }

    .avani-transition-inner{

        display:grid !important;

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

        align-items:center !important;

        gap:8px !important;

        width:100% !important;
    }

    /* BRAND */

    .avani-transition-inner span{

        font-size:7px !important;

        letter-spacing:1.7px !important;

        line-height:1 !important;

        white-space:nowrap !important;
    }

    /* QUOTE */

    .avani-transition-inner p{

        font-size:16px !important;

        line-height:1.12 !important;

        letter-spacing:-.1px !important;

        text-align:center !important;

        max-width:none !important;

        width:100% !important;
    }

    /* SMALL QUOTE MARK */

    .avani-transition-inner p::before{

        left:-7px !important;

        top:-5px !important;

        font-size:18px !important;
    }

    /* BUTTON */

    .avani-transition-btn{

        padding:8px 11px !important;

        gap:5px !important;

        font-size:8px !important;

        line-height:1 !important;

        min-height:30px !important;
    }

    .avani-transition-btn i{

        font-size:11px !important;
    }

    /* Disable large desktop movement */

    .avani-transition-btn:hover{

        transform:translateY(-2px) !important;

        box-shadow:
            0 7px 15px rgba(18,43,36,.10) !important;
    }

}


/* =========================================
   VERY SMALL PHONES
========================================= */

@media(max-width:380px){

    .avani-pricing-transition{

        padding:20px 9px !important;

    }

    .avani-transition-inner{

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

        gap:6px !important;

    }

    .avani-transition-inner span{

        font-size:6.5px !important;

        letter-spacing:1.4px !important;

    }

    .avani-transition-inner p{

        font-size:14px !important;

    }

    .avani-transition-btn{

        padding:7px 9px !important;

        font-size:7px !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e0cb20 *//* =========================================
   AVANI FOOTER — SMOOTH MOTION UPGRADE
========================================= */

.avani-footer,
.avani-footer *{
    box-sizing:border-box;
}

.avani-footer{
    width:100%;
    background:#122B24;
    color:#F0E8DC;
    font-family:Inter,sans-serif;
    position:relative;
    overflow:hidden;
}


/* TOP LINE */

.avani-footer::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:0;
    height:1px;
    background:#C68C5F;
    transform:translateX(-50%);
    transition:width 1s cubic-bezier(.16,1,.3,1);
}

.avani-footer:hover::before{
    width:100%;
}


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

.avani-footer-main{
    max-width:1450px;
    margin:auto;

    padding:55px 5% 42px;

    display:grid;

    grid-template-columns:
        2fr
        1fr
        1.15fr
        1.2fr
        .8fr;

    gap:38px;
}


/* =========================================
   BRAND
========================================= */

.avani-footer-brand{
    transition:transform .7s cubic-bezier(.16,1,.3,1);
}

.avani-footer-logo{
    width:205px;
    max-width:100%;
    height:auto;
    display:block;
    margin-bottom:14px;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        opacity .4s ease;
}

.avani-footer-brand:hover .avani-footer-logo{
    transform:translateY(-2px);
}

.avani-footer-brand p{
    max-width:310px;

    margin:0 0 20px;

    font-size:13px;
    line-height:1.7;

    color:rgba(240,232,220,.65);

    transition:color .4s ease;
}

.avani-footer-brand:hover p{
    color:rgba(240,232,220,.82);
}


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

.avani-footer-cta{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:11px 17px 11px 20px;

    background:#C68C5F;
    color:#122B24 !important;

    text-decoration:none !important;

    border-radius:50px;

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

    position:relative;
    overflow:hidden;

    transition:
        transform .55s cubic-bezier(.16,1,.3,1),
        box-shadow .55s cubic-bezier(.16,1,.3,1);
}


/* SHINE */

.avani-footer-cta::before{
    content:"";

    position:absolute;
    top:0;
    left:-120%;

    width:70%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.25),
        transparent
    );

    transform:skewX(-20deg);

    transition:left .8s cubic-bezier(.16,1,.3,1);
}

.avani-footer-cta:hover::before{
    left:150%;
}

.avani-footer-cta span{
    width:23px;
    height:23px;

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

    background:#122B24;
    color:#F0E8DC;

    border-radius:50%;

    transition:
        transform .55s cubic-bezier(.16,1,.3,1),
        background .4s ease;
}

.avani-footer-cta:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 35px rgba(198,140,95,.20);
}

.avani-footer-cta:hover span{
    transform:translate(2px,-2px);
}


/* =========================================
   HEADINGS
========================================= */

.avani-footer-column h3{
    margin:4px 0 18px;

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

    letter-spacing:1.5px;
    text-transform:uppercase;

    color:#F0E8DC;
}

.avani-footer-column h3::after{
    content:"";

    display:block;

    width:25px;
    height:1px;

    background:#C68C5F;

    margin-top:8px;

    transform-origin:left;
    transition:
        width .55s cubic-bezier(.16,1,.3,1);
}

.avani-footer-column:hover h3::after{
    width:42px;
}


/* =========================================
   LINKS
========================================= */

.avani-footer-links a,
.avani-contact-column a{
    display:block;

    width:max-content;
    max-width:100%;

    margin-bottom:10px;

    color:rgba(240,232,220,.62);

    font-size:12.5px;
    line-height:1.5;

    text-decoration:none;

    position:relative;

    transition:
        color .35s ease,
        transform .55s cubic-bezier(.16,1,.3,1);
}


/* SUBTLE UNDERLINE */

.avani-footer-links a::after,
.avani-contact-column a::after{
    content:"";

    position:absolute;
    left:0;
    bottom:-2px;

    width:0;
    height:1px;

    background:#C68C5F;

    transition:
        width .5s cubic-bezier(.16,1,.3,1);
}

.avani-footer-links a:hover,
.avani-contact-column a:hover{
    color:#C68C5F;

    transform:translateX(4px);
}

.avani-footer-links a:hover::after,
.avani-contact-column a:hover::after{
    width:100%;
}


/* =========================================
   SOCIAL
========================================= */

.avani-footer-socials{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.avani-footer-socials a{
    width:34px;
    height:34px;

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

    border:1px solid rgba(198,140,95,.2);

    border-radius:50%;

    background:rgba(240,232,220,.025);

    transition:
        transform .55s cubic-bezier(.16,1,.3,1),
        background .4s ease,
        border-color .4s ease,
        box-shadow .5s ease;
}

.avani-footer-socials svg{
    width:14px;
    height:14px;

    fill:#F0E8DC;

    transition:
        transform .45s cubic-bezier(.16,1,.3,1),
        fill .35s ease;
}

.avani-footer-socials a:hover{
    background:#C68C5F;
    border-color:#C68C5F;

    transform:translateY(-4px) scale(1.05);

    box-shadow:0 8px 20px rgba(198,140,95,.18);
}

.avani-footer-socials a:hover svg{
    fill:#122B24;
    transform:scale(1.08);
}


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

.avani-footer-bottom{
    max-width:1450px;

    margin:auto;

    padding:15px 5%;

    border-top:1px solid rgba(198,140,95,.12);

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

    font-size:10px;

    color:rgba(240,232,220,.38);
}

.avani-footer-bottom div{
    display:flex;
    gap:18px;
}

.avani-footer-bottom a{
    color:rgba(240,232,220,.38);
    text-decoration:none;

    transition:
        color .35s ease;
}

.avani-footer-bottom a:hover{
    color:#C68C5F;
}


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

@media(max-width:1050px){

    .avani-footer-main{
        grid-template-columns:1.5fr 1fr 1fr;
    }

}


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

@media(max-width:767px){

    .avani-footer-main{
        padding:35px 7% 25px;

        grid-template-columns:1fr 1fr;

        gap:25px 22px;
    }


    .avani-footer-brand{
        grid-column:1 / -1;
    }


    .avani-footer-logo{
        width:150px;
    }


    .avani-footer-brand p{
        font-size:11.5px;
        line-height:1.55;
        margin-bottom:14px;
    }


    .avani-footer-cta{
        padding:9px 14px 9px 17px;
        font-size:11px;
    }


    .avani-footer-cta span{
        width:21px;
        height:21px;
    }


    .avani-footer-column h3{
        font-size:10px;
        letter-spacing:1.3px;
        margin-bottom:13px;
    }


    .avani-footer-column h3::after{
        width:20px;
        margin-top:6px;
    }


    .avani-footer-links a,
    .avani-contact-column a{
        font-size:11px;
        line-height:1.4;
        margin-bottom:7px;
    }


    .avani-contact-column{
        grid-column:1 / -1;

        padding-top:2px;

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

        column-gap:20px;
    }


    .avani-contact-column h3{
        grid-column:1 / -1;
    }


    .avani-contact-column a:last-child{
        grid-column:1 / -1;
    }


    .avani-social-column{
        grid-column:1 / -1;

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

        border-top:1px solid rgba(198,140,95,.10);

        padding-top:18px;
    }


    .avani-social-column h3{
        margin:0;
    }


    .avani-social-column h3::after{
        display:none;
    }


    .avani-footer-socials{
        gap:7px;
    }


    .avani-footer-socials a{
        width:31px;
        height:31px;
    }


    .avani-footer-socials svg{
        width:12px;
        height:12px;
    }


    .avani-footer-bottom{
        padding:12px 7%;
        font-size:8.5px;
        gap:8px;
    }


    .avani-footer-bottom div{
        gap:12px;
    }


    /* REMOVE BIG MOVEMENT ON TOUCH */

    .avani-footer-links a:hover,
    .avani-contact-column a:hover{
        transform:translateX(2px);
    }

}


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

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

    .avani-footer *,
    .avani-footer *::before,
    .avani-footer *::after{
        animation:none !important;
        transition:none !important;
    }

}/* End custom CSS */