/* HERO BASE */
.bmHero {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* TRACK */
.bmHeroTrack {
  display: flex;
  height: 100%;
  transition: transform 1s ease;
}

/* SLIDE */
.bmSlide {
  min-width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  position: relative;
}

/* OVERLAY */
.bmOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.6));
}

/* CONTENT */
.bmContent {
  position: relative;
  z-index: 2;
  max-width: 600px;
  margin-left: 8%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

/* GLASS */
.glassPanel {
  backdrop-filter: blur(15px);
  background: rgba(255,255,255,0.1);
  padding: 30px;
  border-radius: 20px;
}

/* TEXT */
.bmTitle { font-size: 2.6rem; font-weight: bold; }
.bmSubtitle { margin-top: 10px; color: white; }

/* BUTTONS */
.bmBtnPrimary {
  background: linear-gradient(45deg,#ff7a00,#ff3cac);
  padding: 12px 25px;
  border-radius: 30px;
  color: #fff;
  margin-right: 10px;
}

.bmBtnOutline {
  border: 2px solid #fff;
  padding: 12px 25px;
  border-radius: 30px;
  color: #fff;
}

/* SHAPES */
.bmShape {
  position: absolute;
  border-radius: 50%;
  opacity: 0.6;
}

.s1 { width: 80px; height: 80px; background: #ff9bd2; top: 10%; left: 10%; }
.s2 { width: 120px; height: 120px; background: #42e695; bottom: 10%; left: 20%; }
.s3 { width: 60px; height: 60px; background: #fff176; top: 20%; right: 15%; }

/* LOTTIE */
.bmLottie {
  position: absolute;
  width: 120px;
  height: 120px;
}

/* NAV */
.bmNav {
  position: absolute;
  width: 100%;
  top: 50%;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}

.bmNav button {
  background: rgba(255,255,255,0.8);
  border: none;
  padding: 12px;
  border-radius: 50%;
}







/********feature start ********/


/* SECTION */
.bmCoreValues{
  position: relative;
  padding: 120px 20px;
  overflow: hidden;
  background: linear-gradient(135deg,#fff6e5,#e0f7ff,#ffe0f0);
}

/* CONTAINER */
.bmContainer{
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 2;
}

/* HEADER */
.bmCoreHeader{
  text-align: center;
  margin-bottom: 60px;
}

/* BADGE */
.bmCoreBadge{
  display: inline-block;
  padding: 8px 18px;
  border-radius: 30px;
  background: linear-gradient(45deg,#ff7a00,#ff3cac);
  color: #fff;
  margin-bottom: 15px;
  animation: float 3s infinite ease-in-out;
}

/* TITLE */
.bmCoreTitle{
  font-size: 2.8rem;
  color: #222;
}

/* TEXT */
.bmCoreText{
  max-width: 700px;
  margin: 15px auto;
  color: #b4b4b4;
}

/* GRID */
.bmCoreGrid{
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  gap: 25px;
}

/* CARD */
.bmCoreCard{
  position: relative;
  padding: 35px 25px;
  border-radius: 25px;
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(20px);
  text-align: center;
  transition: 0.4s ease;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* GLOW EFFECT */
.bmCoreCard::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(45deg,#ff7a00,#ff3cac,#42e695);
  opacity:0;
  transition:0.4s;
  z-index:-1;
}

.bmCoreCard:hover{
  transform: translateY(-15px) scale(1.03);
  color:#fff;
}

.bmCoreCard:hover .bmCoreText{
  color: white;
}

.bmCoreCard:hover::before{
  opacity:1;
}

/* ICON */
.bmCoreIcon{
  width:80px;
  height:80px;
  margin:auto;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:35px;
  background:#fff;
  margin-bottom:20px;
  animation:bounce 2s infinite;
}

/* FLOATING BG */
.bmCoreBg{
  position:absolute;
  inset:0;
}

/* BUBBLES */
.bmBubble{
  position:absolute;
  border-radius:50%;
  opacity:0.4;
  animation:float 8s infinite ease-in-out;
}

.bubble1{
  width:200px;
  height:200px;
  background:#ff9bd2;
  top:-50px;
  left:-50px;
}

.bubble2{
  width:150px;
  height:150px;
  background:#42e695;
  bottom:10%;
  right:10%;
}

.bubble3{
  width:120px;
  height:120px;
  background:#fff176;
  top:20%;
  right:20%;
}

/* FLOATING ICONS */
.bmFloatingIcon{
  position:absolute;
  width:80px;
  animation:float 6s infinite ease-in-out;
}

.icon1{
  top:15%;
  left:10%;
}

.icon2{
  bottom:20%;
  left:15%;
}

.icon3{
  top:25%;
  right:10%;
}

/* ANIMATION */
@keyframes float{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-20px);
  }
}

@keyframes bounce{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-10px);
  }
}

/*************feature end ********/










/***** service start **********/


/* SECTION */
.bmFacilities{
  position:relative;
  padding:120px 20px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff6e5,#e0f7ff,#ffe0f0);
}

/* CONTAINER */
.bmFacilitiesContainer{
  max-width:1200px;
  margin:auto;
  position:relative;
  z-index:2;
}

/* HEADER */
.bmFacilitiesHeader{
  text-align:center;
  margin-bottom:70px;
}

/* BADGE */
.bmFacilitiesBadge{
  display:inline-block;
  padding:8px 20px;
  border-radius:30px;
  background:linear-gradient(45deg,#ff7a00,#ff3cac);
  color:#fff;
  margin-bottom:15px;
  animation:float 3s infinite ease-in-out;
}

/* TITLE */
.bmFacilitiesTitle{
  font-size:2.8rem;
  color:#222;
}

/* TEXT */
.bmFacilitiesText{
  max-width:700px;
  margin:15px auto;
  color:#555;
}

/* LAYOUT */
.bmFacilitiesLayout{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:40px;
  flex-wrap:wrap;
}

/* COLUMN */
.bmFacilitiesColumn{
  display:flex;
  flex-direction:column;
  gap:25px;
}

/* CENTER */
.bmFacilitiesCenter{
  position:relative;
}

.bmCenterGlow{
  position:absolute;
  width:350px;
  height:350px;
  background:radial-gradient(circle,#ff7a00,#ff3cac);
  filter:blur(80px);
  opacity:0.3;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

.bmCenterImage{
  width:320px;
  position:relative;
  z-index:2;
  animation:float 5s infinite ease-in-out;
}

/* CARDS */
.bmFacilityCard{
  width:280px;
  padding:30px;
  border-radius:25px;
  backdrop-filter:blur(20px);
  background:rgba(255,255,255,0.65);
  box-shadow:0 15px 35px rgba(0,0,0,0.08);
  transition:0.4s ease;
  text-align:center;
  position:relative;
  overflow:hidden;
}

/* HOVER */
.bmFacilityCard:hover{
  transform:translateY(-15px) rotate(1deg);
}

/* EMOJI */
.bmFacilityEmoji{
  width:80px;
  height:80px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
  font-size:35px;
  background:#fff;
  margin-bottom:20px;
  animation:bounce 2s infinite;
}

/* COLORS */
.cardPink{
  border:3px solid #ff9bd2;
}

.cardYellow{
  border:3px solid #ffd54f;
}

.cardGreen{
  border:3px solid #42e695;
}

.cardBlue{
  border:3px solid #64b5f6;
}

/* BLOBS */
.bmBlob{
  position:absolute;
  border-radius:50%;
  opacity:0.3;
  animation:float 8s infinite ease-in-out;
}

.blobA{
  width:250px;
  height:250px;
  background:#ff9bd2;
  top:-50px;
  left:-50px;
}

.blobB{
  width:180px;
  height:180px;
  background:#42e695;
  bottom:10%;
  right:10%;
}

.blobC{
  width:120px;
  height:120px;
  background:#fff176;
  top:20%;
  right:20%;
}

/* DECOR ICONS */
.bmDecorIcon{
  position:absolute;
  width:70px;
  animation:float 6s infinite ease-in-out;
}

.decor1{
  top:10%;
  left:8%;
}

.decor2{
  top:25%;
  right:10%;
}

.decor3{
  bottom:15%;
  left:15%;
}

/* ANIMATION */
@keyframes float{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-20px);
  }
}

@keyframes bounce{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-10px);
  }
}

/* MOBILE */
@media(max-width:991px){

  .bmFacilitiesLayout{
    flex-direction:column;
  }

  .bmCenterImage{
    width:240px;
  }

}
/******* service End ******/



/****** admission start ******/

/* SECTION */
.bmAdmissionCta{
  position:relative;
  padding:80px 20px;
  overflow:hidden;
  border-radius:40px;
  margin:80px auto;
  max-width:1300px;
  background:linear-gradient(
    -45deg,
    #ff7a00,
    #ff3cac,
    #42e695,
    #64b5f6
  );
  background-size:400% 400%;
  animation:gradientMove 12s ease infinite;
}

/* CONTAINER */
.bmAdmissionContainer{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  flex-wrap:wrap;
}

/* CONTENT */
.bmAdmissionContent{
  max-width:650px;
}

/* BADGE */
.bmAdmissionBadge{
  display:inline-block;
  padding:10px 20px;
  border-radius:30px;
  background:rgba(255,255,255,0.2);
  backdrop-filter:blur(10px);
  color:#fff;
  margin-bottom:20px;
  font-weight:600;
  animation:float 3s infinite ease-in-out;
}

/* TITLE */
.bmAdmissionTitle{
  font-size:3rem;
  line-height:1.2;
  color:#fff;
  margin-bottom:15px;
}

/* TEXT */
.bmAdmissionText{
  font-size:1.1rem;
  color:#fff;
}

/* ACTION */
.bmAdmissionAction{
  display:flex;
  flex-direction:column;
  gap:20px;
}

/* BUTTONS */
.bmCallButton,
.bmApplyButton{
  text-decoration:none;
  padding:16px 28px;
  border-radius:60px;
  font-weight:600;
  transition:0.4s ease;
  text-align:center;
}

/* CALL BUTTON */
.bmCallButton{
  background:#fff;
  color:#222;
  box-shadow:0 15px 30px rgba(0,0,0,0.15);
}

/* APPLY BUTTON */
.bmApplyButton{
  background:rgba(255,255,255,0.15);
  border:2px solid rgba(255,255,255,0.4);
  backdrop-filter:blur(15px);
  color:#fff;
}

/* HOVER */
.bmCallButton:hover,
.bmApplyButton:hover{
  transform:translateY(-8px) scale(1.03);
}

/* GLOW */
.bmGlow{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  opacity:0.35;
}

/* GLOW COLORS */
.glowOne{
  width:250px;
  height:250px;
  background:#fff176;
  top:-80px;
  left:-50px;
}

.glowTwo{
  width:220px;
  height:220px;
  background:#ff9bd2;
  bottom:-50px;
  right:10%;
}

.glowThree{
  width:180px;
  height:180px;
  background:#42e695;
  top:30%;
  right:-60px;
}

/* FLOATING SHAPES */
.bmFloatingShape{
  position:absolute;
  border-radius:50%;
  opacity:0.25;
  animation:float 6s infinite ease-in-out;
}

.shapeOne{
  width:80px;
  height:80px;
  background:#fff;
  top:15%;
  left:15%;
}

.shapeTwo{
  width:120px;
  height:120px;
  background:#fff;
  bottom:10%;
  left:35%;
}

.shapeThree{
  width:60px;
  height:60px;
  background:#fff;
  top:20%;
  right:20%;
}

/* ANIMATIONS */
@keyframes gradientMove{
  0%{
    background-position:0% 50%;
  }
  50%{
    background-position:100% 50%;
  }
  100%{
    background-position:0% 50%;
  }
}

@keyframes float{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-20px);
  }
}

/* MOBILE */
@media(max-width:991px){

  .bmAdmissionContainer{
    flex-direction:column;
    text-align:center;
  }

  .bmAdmissionTitle{
    font-size:2.2rem;
  }

  .bmAdmissionAction{
    width:100%;
  }

}
/************* adminssion end ************/


/******** nex start **********8/

/* SECTION */
.bmPrograms{
  position:relative;
  padding:120px 20px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff6e5,#e0f7ff,#ffe0f0);
}

/* CONTAINER */
.bmProgramsContainer{
  max-width:1300px;
  margin:auto;
  position:relative;
  z-index:2;
}

/* HEADER */
.bmProgramsHeader{
  text-align:center;
  margin-bottom:70px;
}

/* BADGE */
.bmProgramsBadge{
  display:inline-block;
  padding:10px 22px;
  border-radius:30px;
  background:linear-gradient(45deg,#ff7a00,#ff3cac);
  color:#fff;
  margin-bottom:20px;
  animation:float 3s infinite ease-in-out;
}

/* TITLE */
.bmProgramsTitle{
  font-size:2.8rem;
  color:#222;
}

/* TEXT */
.bmProgramsText{
  max-width:700px;
  margin:15px auto;
  color:#555;
}

/* GRID */
.bmProgramsGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px;
}

/* CARD */
.bmProgramCard{
  position:relative;
  border-radius:30px;
  overflow:hidden;
  background:rgba(255,255,255,0.65);
  backdrop-filter:blur(20px);
  box-shadow:0 15px 40px rgba(0,0,0,0.08);
  transition:0.5s ease;
}

/* HOVER */
.bmProgramCard:hover{
  transform:translateY(-18px) rotate(1deg);
}

/* IMAGE */
.bmProgramImageWrap{
  position:relative;
  overflow:hidden;
  height: 200px;
}

.bmProgramImage{
  width:100%;
  transition:0.5s ease;
  height: 100%;
}

.bmProgramCard:hover .bmProgramImage{
  transform:scale(1.08);
}

/* CONTENT */
.bmProgramContent{
  padding:30px;
}

/* AGE */
.bmProgramAge{
  display:inline-block;
  padding:8px 16px;
  border-radius:20px;
  background:rgba(255,255,255,0.5);
  margin-bottom:15px;
  font-size:14px;
}

/* TITLE */
.bmProgramContent h3{
  font-size:1.8rem;
  margin-bottom:15px;
}

/* TEXT */
.bmProgramContent p{
  color:#555;
  margin-bottom:20px;
}

/* BUTTON */
.bmProgramButton{
  display:inline-block;
  text-decoration:none;
  padding:12px 22px;
  border-radius:30px;
  background:#fff;
  transition:0.4s ease;
  color:#222;
  font-weight:600;
}

.bmProgramButton:hover{
  transform:translateX(8px);
}

/* CARD COLORS */
.cardPurple{
  border-top:6px solid #ba68c8;
}

.cardOrange{
  border-top:6px solid #ffb74d;
}

.cardGreen{
  border-top:6px solid #42e695;
}

.cardBlue{
  border-top:6px solid #64b5f6;
}

/* BLOBS */
.bmProgramsBlob{
  position:absolute;
  border-radius:50%;
  opacity:0.25;
  animation:float 8s infinite ease-in-out;
}

.blobOne{
  width:220px;
  height:220px;
  background:#ff9bd2;
  top:-60px;
  left:-60px;
}

.blobTwo{
  width:180px;
  height:180px;
  background:#42e695;
  bottom:10%;
  right:10%;
}

.blobThree{
  width:120px;
  height:120px;
  background:#fff176;
  top:25%;
  right:20%;
}

/* DECOR */
.bmProgramsDecor{
  position:absolute;
  width:70px;
  animation:float 6s infinite ease-in-out;
}

.decorOne{
  top:15%;
  left:10%;
}

.decorTwo{
  top:20%;
  right:10%;
}

.decorThree{
  bottom:15%;
  left:15%;
}

/* ANIMATION */
@keyframes float{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-20px);
  }
}

/* MOBILE */
@media(max-width:991px){

  .bmProgramsTitle{
    font-size:2.2rem;
  }

}
/*******8 nex end ***********88/


/* SECTION */
.bmNewsSection{
  position:relative;
  padding:120px 20px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff6e5,#e0f7ff,#ffe0f0);
}

/* CONTAINER */
.bmNewsContainer{
  max-width:1300px;
  margin:auto;
  position:relative;
  z-index:2;
}

/* HEADER */
.bmNewsHeader{
  text-align:center;
  margin-bottom:70px;
}

/* BADGE */
.bmNewsBadge{
  display:inline-block;
  padding:10px 22px;
  border-radius:30px;
  background:linear-gradient(45deg,#ff7a00,#ff3cac);
  color:#fff;
  margin-bottom:20px;
  animation:float 3s infinite ease-in-out;
}

/* TITLE */
.bmNewsTitle{
  font-size:2.8rem;
  color:#222;
}

/* TEXT */
.bmNewsText{
  max-width:700px;
  margin:15px auto;
  color:#555;
}

/* GRID */
.bmNewsGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:30px;
}

/* CARD */
.bmNewsCard{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:rgba(255,255,255,0.65);
  backdrop-filter:blur(20px);
  box-shadow:0 15px 40px rgba(0,0,0,0.08);
  transition:0.5s ease;
}

/* HOVER */
.bmNewsCard:hover{
  transform:translateY(-18px);
}

/* IMAGE */
.bmNewsImageWrap{
  position:relative;
  overflow:hidden;
}

.bmNewsImage{
  width:100%;
  transition:0.5s ease;
}

.bmNewsCard:hover .bmNewsImage{
  transform:scale(1.08);
}

/* TAG */
.bmNewsTag{
  position:absolute;
  top:20px;
  left:20px;
  padding:8px 16px;
  border-radius:20px;
  background:rgba(255,255,255,0.2);
  backdrop-filter:blur(10px);
  color:#fff;
}

/* CONTENT */
.bmNewsContent{
  padding:30px;
}

/* TITLE */
.bmNewsContent h3{
  font-size:1.7rem;
  margin-bottom:15px;
}

/* TEXT */
.bmNewsContent p{
  color:#555;
  margin-bottom:20px;
}

/* BUTTON */
.bmNewsButton{
  display:inline-block;
  text-decoration:none;
  padding:12px 24px;
  border-radius:30px;
  background:linear-gradient(45deg,#ff7a00,#ff3cac);
  color:#fff;
  transition:0.4s ease;
}

.bmNewsButton:hover{
  transform:translateX(8px);
}

/* BLOBS */
.bmNewsBlob{
  position:absolute;
  border-radius:50%;
  opacity:0.25;
  animation:float 8s infinite ease-in-out;
}

.blobOne{
  width:220px;
  height:220px;
  background:#ff9bd2;
  top:-50px;
  left:-50px;
}

.blobTwo{
  width:180px;
  height:180px;
  background:#42e695;
  bottom:10%;
  right:10%;
}

/* DECOR */
.bmNewsDecor{
  position:absolute;
  width:70px;
  animation:float 6s infinite ease-in-out;
}

.decorOne{
  top:15%;
  left:8%;
}

.decorTwo{
  top:20%;
  right:10%;
}

.decorThree{
  bottom:15%;
  left:15%;
}

/* ANIMATION */
@keyframes float{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-20px);
  }
}

/* MOBILE */
@media(max-width:991px){

  .bmNewsTitle{
    font-size:2.2rem;
  }

}












/* =========================================
   COMPACT PREMIUM FLOATING POPUP
========================================= */

#popUp{
    position:fixed;
    right:20px;
    bottom:20px;

    width:340px;
    max-width:calc(100% - 30px);

    padding:22px 22px 85px;

    border-radius:28px;

    overflow:hidden;

    z-index:99999;

    background:
        rgba(255,255,255,0.88);

    backdrop-filter:blur(25px);

    box-shadow:
        0 20px 50px rgba(0,0,0,0.15);

    border:
        1px solid rgba(255,255,255,0.5);

    animation:popupEntrance .8s cubic-bezier(.17,.67,.35,1.2);
}

/* =========================================
   TOP PREMIUM GRADIENT BAR
========================================= */

#popUp::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:6px;

    background:
        linear-gradient(
            90deg,
            #ff7a00,
            #ff3cac,
            #42e695,
            #64b5f6
        );

    background-size:300% 300%;

    animation:gradientMove 8s ease infinite;
}

/* =========================================
   FLOATING GLOW
========================================= */

#popUp::after{
    content:"";

    position:absolute;

    width:140px;
    height:140px;

    top:-40px;
    right:-40px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,122,0,0.18),
            transparent
        );
}

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

#close.close{
    position:absolute;

    top:14px;
    right:14px;

    width:38px;
    height:38px;

    border-radius:50%;

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

    background:#fff;

    cursor:pointer;

    z-index:5;

    transition:0.4s ease;

    box-shadow:
        0 8px 18px rgba(0,0,0,0.12);
}

#close.close i{
    font-size:15px;
    color:#222;
}

#close.close:hover{
    transform:rotate(90deg);
}

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

#popUp h2{
    font-size:14px;
    line-height:1.6;
    color:#333;
    margin-bottom:12px;
    font-weight:600;
}

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

#popUp h2:nth-last-child(4),
#popUp h2:nth-last-child(3){
    display:inline-flex;

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

    padding:8px 14px;

    border-radius:50px;

    margin:4px;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,122,0,0.12),
            rgba(255,60,172,0.12)
        );
}

/* =========================================
   STICKY BUTTON AREA
========================================= */

#popUp .text-center{
    position:absolute;

    left:0;
    bottom:0;

    width:100%;

    padding:15px 18px;

    background:#fff;

    border-top:
        1px solid rgba(0,0,0,0.05);
}

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

#popUp .btn{
    width:100%;

    border:none;

    padding:14px 18px;

    border-radius:60px;

    background:
        linear-gradient(
            135deg,
            #ff7a00,
            #ff3cac
        ) !important;

    color:#fff !important;

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

    letter-spacing:0.3px;

    transition:0.4s ease;

    box-shadow:
        0 12px 25px rgba(255,122,0,0.25);
}

#popUp .btn:hover{
    transform:translateY(-4px);
}

/* =========================================
   ANIMATION
========================================= */

@keyframes popupEntrance{

    from{
        opacity:0;
        transform:
            translateY(80px)
            scale(.9);
    }

    to{
        opacity:1;
        transform:
            translateY(0)
            scale(1);
    }

}

@keyframes gradientMove{

    0%{
        background-position:0% 50%;
    }

    50%{
        background-position:100% 50%;
    }

    100%{
        background-position:0% 50%;
    }

}

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

@media(max-width:768px){

    #popUp{
        right:15px;
        left:15px;
        bottom:15px;

        width:auto;

        padding:20px 18px 80px;
    }

}


/* TITLE */
.popupTitle{
    font-size:28px;
    font-weight:800;
    color:#222;
    margin-bottom:10px;
    line-height:1.2;
}

/* SUB TITLE */
.popupSubTitle{
    font-size:18px;
    color:#444;
    margin-bottom:10px;
    font-weight:700;
}

/* SMALL TEXT */
.popupText{
    font-size:14px;
    color:#666;
    margin-bottom:18px;
    line-height:1.6;
}

/* POINTS */
.popupPoint{
    display:flex;
    align-items:center;

    font-size:14px;
    font-weight:600;

    color:#333;

    padding:10px 14px;

    margin-bottom:10px;

    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            rgba(255,122,0,0.08),
            rgba(255,60,172,0.08)
        );
}