body {
     font-family: "Catamaran", sans-serif;
     font-size: 16px;
 }
 html {
  scroll-behavior: smooth;
}

 @media (min-width: 1400px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1420px !important;
     }
 }
.modal {
  z-index: 99999;
}

 section{
    padding: 80px 0;
 }
  @media (max-width:767px){
section{
    padding: 50px 0;
 }
  }

 .hero-section {
     position: relative;
     background: url('../img/hero_img.jpg') center/cover no-repeat;
     /* min-height: 100vh; */
     display: flex;
     align-items: center;
     color: #fff;
     padding: 0 10px;
 }

 .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgb(56 56 56 / 61%));
 }

 .hero-content {
     position: relative;
     z-index: 2;
     padding: 155px 0;
 }

 .slider_title {
     font-size: 73px;
     font-weight: 700;
     color: #fff;
     font-family: 'Poppins', sans-serif;
 }

 .highlight {
     color: #ffc107;
 }

 .slider_txt {
     font-size: 18px;
     color: rgb(255 255 255 / 90%);
     font-family: 'Poppins', sans-serif;
     margin-top: 20px;
     margin-bottom: 30px;
 }

 .badge-custom {
     background: #fff;
     backdrop-filter: blur(6px);
     border-radius: 20px;
     padding: 8px 12px;
     font-size: 15px;
     font-weight: 600;
     display: inline-block;
     color: #f45c25;
 }

 .feature-pill {
     /* background: rgba(255, 255, 255, 0.15); */
     padding: 6px 0px;
     font-size: 15px;
     display: flex;
     color: rgb(255 255 255 / 90%);
     align-items: center;
     font-weight: 600;
 }

 .feature-pill .icon_wrp {
     margin-right: 5px;
     background: rgba(255, 255, 255, 0.15);
     border-radius: 100px;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .feature-pill .icon_wrp.bg1 {
     background: rgb(223 128 87 / 34%);
 }

 .feature-pill .icon_wrp.bg2 {
     background: rgb(34 195 182 / 20%);
 }

 .feature-pill .icon_wrp.bg3 {
     background: rgb(249 195 31 / 20%);
 }

 .feature-pill .icon_wrp.bg4 {
     background: rgb(230 76 153 / 30%);
 }

 .feature-pill .icon_wrp.bg5 {
     background: rgb(66 182 240 / 20%);
 }

 .form-card {
     background: rgb(255 255 255 / 95%);
     border-radius: 24px;
     padding: 35px;
     box-shadow: 0 8px 30px -5px hsl(16 90% 55% / .25);
 }

 .form-title {
     font-weight: 600;
 }

 .btn-gradient {
     background: linear-gradient(90deg, #ff6a00, #ff3cac);
     border: none;
     color: #fff;
     border-radius: 30px;
     padding: 12px;
     font-weight: 500;
     box-shadow: 0 1px 21px rgb(254 90 33 / 56%);
     transition: .2s ease-in-out 0s;
 }

 .btn-gradient:hover {
    transform: scale(1.1);
   color: #fff;
 }

 .top-nav {
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 10;
     padding: 15px 0;
 }

 .top-nav a {
     color: #fff;
     margin-left: 20px;
     text-decoration: none;
     font-weight: 500;
 }

 .cta-btn {
     background: #ff3cac;
     padding: 8px 16px;
     border-radius: 20px;
     color: #fff !important;
 }

 /* form styles */
 .form-header {
     margin-bottom: 20px;
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .form-header .icon_area {
     background-color: rgb(244 92 37 / 10%);
     width: 48px;
     height: 48px;
     border-radius: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }

 .form-header h3 {
     color: #262f40;
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 2px;
 }

 .form-header p {
     color: #626d84;
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 0;
 }

 .progress-container {
     margin-bottom: 40px;
 }
/*
 .progress-bar {
     background: #31c9ea;
     height: 6px;
     border-radius: 8px;
     overflow: hidden;
     margin-bottom: 16px;
 } */

 .progress-bar {
  width: 100%;
  height: 6px;
  background: #31c9ea;
  border-radius: 10px;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #ff6a00, #ff3cac);
  transition: width 0.3s ease;
}

 /* .progress-fill {
     background: linear-gradient(90deg, #ea66e0, #f45c25);
     height: 100%;
     width: 33.33%;
     transition: width 0.3s ease;
 } */
.form_two .progress-fill{
    width: 50%;
}
 .step-indicators {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .step-indicator {
     display: flex;
     align-items: center;
     color: #626d84;
     font-size: 16px;
     font-weight: 400;
     margin-top: 10px;
 }

 .step-indicator.active {
     color: #f45c25;
 }

 .step-indicator.completed {
     color: #f45c25;
 }

 /* .step-number {
     width: 24px;
     height: 24px;
     border-radius: 50%;
     background: #e2e8f0;
     color: #64748b;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
     font-weight: 600;
     margin-right: 8px;
 } */

 @media (max-width: 450px) {

     .step-indicator {
         flex-direction: column;
     }
 }


 .step-indicator.active .step-number {
     background: #667eea;
     color: white;
 }

 .step-indicator.completed .step-number {
     background: #10b981;
     color: white;
 }

 .form-step {
     display: none;
     animation: fadeIn 0.3s ease-in;
 }

 .form-step.active {
     display: block;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(10px);
     }

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

 .form-group {
     margin-bottom: 24px;
 }

 .form-group label {
     display: block;
     margin-bottom: 8px;
     color: #374151;
     font-weight: 500;
     font-size: 16px;
 }

 .form-control,
 .form-select {
     width: 100%;
     padding: 10px 10px;
     border: 1px solid #e8e4d9;
     border-radius: 12px;
     font-size: 16px;
     transition: all 0.2s ease;
     background: white;
     appearance: auto;
     font-weight: 400;
     color: #4c4c4c;
 }

 .form-select {
     background-position: 0 15px !important;
     background-size: 12px;
 }


 .form-control:focus {
     outline: none;
     border-color: #667eea;
     box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
 }

 /* .form-control:invalid {
     border-color: #ef4444;
 } */

 .form-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 16px;
 }

 .btn {
     padding: 16px 32px;
     border: none;
     border-radius: 45px;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.2s ease;
     text-transform: none;
 }

 .text-small {
     font-size: 14px;
     color: #3e4658;
     font-weight: 400;
 }

 .btn-primary {
     background: linear-gradient(135deg, hsl(16 90% 55%) 0%, hsl(330 75% 60%) 50%, hsl(280 70% 60%) 100%);
     color: white;
 }

 .btn-primary:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 25px rgba(241, 129, 37, 0.3);
 }

 .btn-secondary {
     background: #f1f5f9;
     color: #ef4444;
     border: solid 2px #ef4444;
 }

 .btn-secondary:hover {
     background: #e2e8f0;
 }

 .btn-actions {
     display: flex;
     gap: 16px;
     margin-top: 10px;
 }

 .btn-actions .btn {
     flex: 1;
 }

 .checkbox-group {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-top: 24px;
 }

 .checkbox-group input[type="checkbox"] {
     width: 18px;
     height: 18px;
     margin-top: 2px;
     accent-color: #667eea;
 }

 .checkbox-group label {
     margin: 0;
     font-size: 14px;
     line-height: 1.5;
     color: #64748b;
 }

 .success-animation {
     text-align: center;
     padding: 40px 20px;
 }

 .checkmark {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     background: linear-gradient(135deg, #10b981, #059669);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 24px;
     animation: scaleIn 0.5s ease-out;
 }

 .checkmark svg {
     width: 40px;
     height: 40px;
     stroke: white;
     stroke-width: 3;
     fill: none;
     stroke-dasharray: 100;
     stroke-dashoffset: 100;
     animation: drawCheck 0.5s ease-out 0.2s forwards;
 }

 @keyframes scaleIn {
     from {
         transform: scale(0);
     }

     to {
         transform: scale(1);
     }
 }

 @keyframes drawCheck {
     to {
         stroke-dashoffset: 0;
     }
 }

 .plan-selection {
     display: grid;
     gap: 16px;
     margin: 24px 0;
 }

 .plan-option {
     border: 2px solid #e2e8f0;
     border-radius: 12px;
     padding: 20px;
     cursor: pointer;
     transition: all 0.2s ease;
     background: white;
 }

 .plan-option:hover {
     border-color: #667eea;
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(102, 126, 234, 0.1);
 }

 .plan-option.selected {
     border-color: #667eea;
     background: linear-gradient(135deg, rgba(102, 126, 234, 0.05), rgba(118, 75, 162, 0.05));
 }

 .plan-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 8px;
 }

 .plan-name {
     font-weight: 600;
     color: #1a1a2e;
 }

 .plan-price {
     font-weight: 700;
     color: #667eea;
 }

 .plan-description {
     color: #64748b;
     font-size: 14px;
 }

 @media (max-width: 640px) {


     .form-row {
         grid-template-columns: 1fr;
     }

     .btn-actions {
         flex-direction: column;
     }

     /* .step-indicators {
         display: none;
     } */
 }

 /* Main Navbar */
 .custom-navbar {
     transition: all 0.3s ease;
     padding: 15px 0;
     background: transparent;
 }

 /* Scroll state */
 .custom-navbar.scrolled {
     background: #fff;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
     padding: 10px 0;
 }

 /* Text colors */
 .custom-navbar .nav-link {
     color: #fff;
     font-weight: 500;
 }

 .custom-navbar.scrolled .nav-link {
     color: #333;
 }

 /* Brand color */
 .navbar-brand {
     color: #fff;
 }

 .custom-navbar.scrolled .navbar-brand {
     color: #222;
 }

 /* Gradient Button */
 /* .btn-gradient {
     background: linear-gradient(90deg, #ff6a00, #ff3cac);
     color: #fff;
     border-radius: 25px;
     padding: 8px 18px;
     border: none;
 } */

 /* Mobile menu background */
 @media (max-width: 991px) {
     .navbar-collapse {
         background: #fff;
         padding: 20px;
         border-radius: 12px;
         margin-top: 10px;
     }

     .navbar-collapse .nav-link {
         color: #333;
         padding: 10px 0;
     }
 }

 .navbar-toggler {
     border: none;
 }

 .navbar-toggler:focus {
     outline: none;
     box-shadow: none;
 }

 .navbar-toggler-icon {
     filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(245deg) brightness(100%) contrast(101%);
     background-image: url(../img/close.png);
     background-repeat: no-repeat;
     background-size: contain;
     transition: all 0.3s ease;
 }

 .navbar-toggler.collapsed .navbar-toggler-icon {
     background-image: url(../img/menu.png);
 }

 .scrolled .navbar-toggler-icon {
     filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(245deg) brightness(100%) contrast(101%);
 }


 /* Why Schools & Teachers Love Us */
 .text-orange {
     color: #ff5a1f;
 }

 .section_bg {
     background-color: #fdfbf7;
 }
 .section_bg2{
    background-color: #f1eee4;
}
.section_bg3{
    background-color: #fcfbf7;
}

 .subTitle_badge {
     background-color: rgb(34 195 182 / 10%);
     padding: 10px 20px;
     border-radius: 25px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 5px;
 }

 .subTitle_badge span {
     color: #22c3b6;
     font-weight: 600;
 }
  .subTitle_badge2 {
     background-color: rgba(249, 194, 31, 0.18);
     padding: 6px 20px;
     border-radius: 25px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 5px;
 }

 .subTitle_badge2 span {
     color: #f9c31f;
     font-weight: 600;
 }

 .section-title {
     font-size: 50px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif
 }
 @media (max-width:767px){
    .section-title{
        font-size: 35px;
    }
 }

 /* Card */
 .feature-card {
     position: relative;
     background: #fff;
     border-radius: 25px;
     padding: 35px;
     text-align: left;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
     transition: all 0.35s ease;
     overflow: hidden;
 }

 /* 🔴 Top-right soft circle */
 .feature-card::before {
     content: "";
     position: absolute;
     top: -60px;
     right: -60px;
     width: 200px;
     height: 200px;
     border-radius: 50%;
     transition: all 0.5s ease;
     z-index: 0;
 }


 /* Bottom line animation */
 .feature-card::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     height: 4px;
     width: 0%;
     transition: width 0.4s ease;
 }

 /* Hover effect */
 .feature-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);

 }

 /* Bottom line grow */
 .feature-card:hover::after {
     width: 100%;
 }

 .feature-card h5 {
     font-family: 'Poppins', sans-serif;
     color: #262f40;
     font-weight: 600;
 }

 .feature-card:hover h5 {
     color: #ff6a00;
 }



 .feature-card.card1::before {
     background: radial-gradient(circle, rgba(255, 90, 31, 0.15), transparent 70%);
 }

 /* 🟢 Hover effect */
 .feature-card.card1:hover::before {
     background: radial-gradient(circle, rgba(255, 90, 31, 0.25), transparent 70%);
 }

 .feature-card.card1::after {
     background: #ff6a00;
 }

 .feature-card.card1:hover {
     background-color: #fef7f7;
 }

 /* Card 2 */
 .feature-card.card2::before {
     background: radial-gradient(circle, rgba(125, 250, 223, 0.288), transparent 70%);
 }

 /* 🟢 Hover effect */
 .feature-card.card2:hover::before {
     background: radial-gradient(circle, rgba(125, 250, 223, 0.40), transparent 70%);
 }

 .feature-card.card2::after {
     background: #22c3b6;
 }

 .feature-card.card2:hover {
     background-color: #f5fcfc;
 }

 /* Card 3 */
 .feature-card.card3::before {
     background: radial-gradient(circle, rgba(250, 125, 239, 0.18), transparent 70%);
 }

 /* 🟢 Hover effect */
 .feature-card.card3:hover::before {
     background: radial-gradient(circle, rgba(250, 125, 239, 0.40), transparent 70%);
 }

 .feature-card.card3::after {
     background: #e64d99;
 }

 .feature-card.card3:hover {
     background-color: #fdf6fc;
 }

  /* Card 4 */
 .feature-card.card4::before {
     background: radial-gradient(circle, rgba(177, 82, 224, 0.15), transparent 70%);
 }

 /* 🟢 Hover effect */
 .feature-card.card4:hover::before {
     background: radial-gradient(circle, rgba(177, 82, 224, 0.30), transparent 70%);
 }

 .feature-card.card4::after {
     background:#b152e0;
 }

 .feature-card.card4:hover {
     background-color: #fbf4ff;
 }

 /* Card 5 */
 .feature-card.card5::before {
     background: radial-gradient(circle, rgba(249, 194, 31, 0.15), transparent 70%);
 }

 /* 🟢 Hover effect */
 .feature-card.card5:hover::before {
     background: radial-gradient(circle, rgba(249, 194, 31, 0.30), transparent 70%);
 }

 .feature-card.card5::after {
     background:#f9c31f;
 }

 .feature-card.card5:hover {
     background-color: #fffcf2;
 }

 /* Card 6 */
 .feature-card.card6::before {
     background: radial-gradient(circle, rgb(66, 182, 240, 0.15), transparent 70%);
 }

 /* 🟢 Hover effect */
 .feature-card.card6:hover::before {
     background: radial-gradient(circle, rgb(66, 182, 240, 0.30), transparent 70%);
 }

 .feature-card.card6::after {
     background:#42b6f0;
 }

 .feature-card.card6:hover {
     background-color: #eef9ff;
 }


 /* Active card (middle one) */
 .active-card::after {
     width: 100%;
 }

 /* Icons */
 .icon {
     width: 63px;
     height: 63px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     color: #fff;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 }

 .bg-orange {
     background: #ff6a00;
 }

 .bg-teal {
     background: #00bfa6;
 }

 .bg-pink {
     background: #ff4da6;
 }
  .bg-purple {
     background: #b152e0;
 }
 .bg-yellow {
     background: #f9c31f;
 }

  .bg-sky {
     background: #42b6f0;
 }

 /* Responsive spacing */
 @media (max-width: 768px) {
     .feature-card {
         text-align: center;
     }
 }
 .stats-box {
  padding: 30px 20px;
  border-radius: 20px;
  background: #fff;

  position: relative;
  z-index: 1;
}

/* Gradient border trick */
.stats-box::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px; /* border thickness */
  border-radius: 20px;
  background: linear-gradient(90deg, #ff6a00, #ffcc00);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

/* Text styling */
.stat-number {
  color: #ff5a1f;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
      font-size: 35px;
}

.stat-text {
  color: #626d84;
  font-size: 18px;
  margin-bottom: 0;
}

/* Responsive spacing */
@media (max-width: 576px) {
  .stat-number {
    font-size: 22px;
  }
}


.subTitle_tag2{
        background-color: rgb(244 92 37 / 10%);
    padding: 10px 20px;
    border-radius: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #f45c25;
    font-weight: 700;
}
.text-secondary2{
    color: #22c3b6;
}
.package-card {
  position: relative;
  background: #fff;
  border-radius: 25px;
  padding: 30px 25px;
  text-align: left;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  transition: all 0.35s ease;
  height: 100%;
}
.package-card p{
    font-size: 16px;
}
.package-card h4{
   font-family: 'Poppins', sans-serif;
}

/* 🔥 Hover Zoom */
.package-card:hover {
  transform: scale(1.05);
  box-shadow: 0 25px 60px rgba(0,0,0,0.15);
}

/* Icons */
.icon_package {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
}

.bg-teal2 { background: linear-gradient(135deg, hsl(175 70% 45%) 0%, hsl(200 85% 60%) 100%); }
.bg-pink2 { background: linear-gradient(135deg, hsl(16 90% 55%) 0%, hsl(330 75% 60%) 50%, hsl(280 70% 60%) 100%); }
.bg-orange2 { background: linear-gradient(135deg, hsl(45 95% 55%) 0%, hsl(16 90% 55%) 100%); }

/* Buttons */
.btn-orange {
  background: #ff5a1f;
  color: #fff;
  border-radius: 30px;
  padding: 12px;
  border: none;
}

.btn-orange:hover {
  background: #e94e1b;
}

.btn-gradient {
  background: linear-gradient(90deg, #ff5a1f, #a855f7);
  color: #fff;
  border-radius: 30px;
  padding: 12px;
  border: none;
}

/* Popular Badge */
.popular-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #ff5a1f, #a855f7);
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}

/* List style */
.package-card ul li {
  margin-bottom: 8px;
  color: #555;
}



.testimonial-card {
  position: relative;
  background: #fff;
  border-radius: 25px;
  padding: 25px;
  height: 100%;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  transition: all 0.35s ease;
  overflow: hidden;
}

/* 🔥 Top gradient line */
.testimonial-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #ff6a00, #ffcc00);
  border-radius: 10px;
}
.testimonial-card h6{
    color: #262f40;
}
/* ⭐ Stars */
.stars {
  color: #f5b301;
  font-size: 25px;
}

/* Quote icon */
.quote {
  font-size: 40px;
  color: rgba(255, 90, 31, 0.2);
  line-height: 1;
}

/* Text */
.testimonial-text {
  font-size: 16px;
  color: #626d84;
  margin-top: 10px;
}

/* Hover */
.testimonial-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.12);
}

.facility-features p{
    color: #262f40;
    font-size: 18px;
}
.accordion-item{
    border: 0;
    border-radius: 45px;
    box-shadow: 0 4px 20px -2px hsl(220 25% 20% / .1);
}
.accordion-button{
     border-radius: 45px;
     font-weight: 600;
     padding: 20px;
     font-size: 20px;
}
.accordion-item:first-of-type>.accordion-header .accordion-button{
 border-radius: 45px;
}
.accordion-item:first-of-type,
.accordion-item:last-of-type{
     border-radius: 30px;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
     border-radius: 45px;
}
.accordion-button:not(.collapsed){
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-body{
    text-align: start;
}

/* Background */
.footer-section {
  background: #2d3b50;
  color: #cbd5e1;
}

/* Logo */
.logo-icon {
  background: linear-gradient(135deg, #ff5a1f, #a855f7);
  color: #fff;
  padding: 8px;
  border-radius: 50%;
  font-size: 14px;
}

/* Text */
.footer-text {
  font-size: 18px;
  line-height: 1.6;
}

/* Links */
.footer-links li {
  margin-bottom: 10px;
  font-size: 16px;
}

.footer-links a {
  color: #cbd5e1;
  text-decoration: none;
  transition: 0.3s;
}

.footer-links a:hover {
  color: #fff;
}

/* Social Icons */
.social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #3b4a61;
  border-radius: 50%;
  margin-right: 10px;
  color: #fff;
  transition: 0.3s;
  flex-shrink: 0;
}

.social-icons a:hover {
  background: linear-gradient(135deg, #ff5a1f, #a855f7);
}

/* Divider */
.footer-divider {
  border-color: rgba(255, 255, 255, 0.5);
}

/* Bottom text */
.footer-bottom {
  font-size: 14px;
  color: #94a3b8;
}

.popup_form-header{
    background: linear-gradient(135deg, #ff5a1f, #a855f7);
    padding: 20px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
}
.popup_form-header .icon_area{
    background-color: #ffffff2f;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    width: 55px;
    height: 55px;
}
.popup_form-header .btn-close{
        position: absolute;
    right: 18px;
    top: 13px;
    font-size: 13px;
}