.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-411 .elementor-element.elementor-element-002c99d .elementor-repeater-item-89e5793 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://www.planethike.org/wp-content/uploads/2025/11/ste-1.jpg);background-size:cover;}.elementor-411 .elementor-element.elementor-element-002c99d .swiper-slide{transition-duration:calc(5000ms*1.2);height:673px;}.elementor-411 .elementor-element.elementor-element-002c99d .swiper-slide-contents{max-width:66%;}.elementor-411 .elementor-element.elementor-element-002c99d .swiper-slide-inner{text-align:center;}.elementor-411 .elementor-element.elementor-element-002c99d .elementor-slide-heading{font-family:"Cormorant Garamond", Sans-serif;font-size:109px;font-weight:600;}.elementor-411 .elementor-element.elementor-element-002c99d .elementor-slide-description{font-family:"Roboto Slab", Sans-serif;font-size:32px;font-weight:400;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-411 .elementor-element.elementor-element-002c99d .swiper-slide{height:295px;}}@media(max-width:767px){.elementor-411 .elementor-element.elementor-element-002c99d .swiper-slide{height:207px;}.elementor-411 .elementor-element.elementor-element-002c99d .elementor-slide-heading{font-size:85px;}.elementor-411 .elementor-element.elementor-element-002c99d .elementor-slide-description{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-efbaeaf */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    background: #000;
    color: #fff;
    overflow-x: hidden;
    line-height: 1.6;
}

/* ==============================
   🌟 Hero Section
   ============================== */
.register-hero {
    position: relative;
    min-height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    padding: 100px 20px 60px;
}

.register-hero::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: 
        radial-gradient(circle at 30% 20%, rgba(78,205,196,0.3) 0%, transparent 50%),
        radial-gradient(circle at 70% 80%, rgba(15,95,80,0.4) 0%, transparent 60%);
    z-index: 0;
}

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 1000px;
    margin: 0 auto;
    animation: fadeInUp 1s ease;
}

.register-hero h1 {
    font-size: 32px; /* Headings = 32px */
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 25px;
    background: linear-gradient(135deg, #fff, #4ECDC4, #fff);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.register-hero .subtitle {
    font-size: 20px; /* Subtitle = 20px */
    color: #EAF7EB;
    margin-bottom: 30px;
    font-weight: 600;
}

.scroll-indicator {
    margin-top: 40px;
}

.scroll-indicator svg {
    width: 40px;
    height: 40px;
    fill: #4ECDC4;
}

/* ==============================
   🌟 Info Section
   ============================== */
.info-section {
    padding: 0 20px;
    position: relative;
    overflow: hidden;
}

.info-container {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.info-text {
    padding: 20px;
}

.info-text h2 {
    font-size: 32px; /* Headings = 32px */
    margin-bottom: 25px;
    color: #fff;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.3;
}

.info-text p {
    font-size: 16px; /* Body = 16px */
    color: #EAF7EB;
    line-height: 1.9;
    margin-bottom: 25px;
}

.pricing-list {
    margin-top: 35px;
}

.pricing-title {
    font-size: 20px; /* Subtitle = 20px */
    color: #4ECDC4;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: normal;
}

.pricing-item {
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(15px);
    padding: 20px 25px;
    border-radius: 15px;
    border-left: 4px solid #4ECDC4;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.pricing-item strong {
    color: #4ECDC4;
    font-size: 16px;
}

.pricing-item p {
    margin: 5px 0 0 0;
    font-size: 16px;
}

.info-image {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

.info-image::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 25px;
    padding: 3px;
    border: 2px solid rgba(78,205,196,0.4);
    z-index: 1;
}

.info-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 25px;
}

/* ==============================
   🌟 Animations
   ============================== */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ==============================
   🌟 Responsive
   ============================== */
@media (max-width: 768px) {
    .info-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .register-hero h1 {
        font-size: 28px;
    }

    .register-hero .subtitle {
        font-size: 18px;
    }

    .info-text h2 {
        font-size: 28px;
    }

    .pricing-title {
        font-size: 18px;
    }

    .pricing-item p,
    .pricing-item strong {
        font-size: 16px;
    }
}

       /* ==============================
   🌟 Stats Banner
   ============================== */
.stats-banner {
    padding: 40px 20px;
    text-align: center;
    position: relative;
}

.stats-banner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0F5F50, #4ECDC4);
}

.stats-content {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.stats-text {
    font-size: 16px; /* Body text */
    color: #EAF7EB;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.stats-text::before {
    content: '🌍';
    font-size: 20px; /* Subtitle size */
}

/* ==============================
   🌟 Form Section
   ============================== */
.form-section {
    padding: 40px 20px 120px;
    position: relative;
    overflow: hidden;
}

.form-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(15,95,80,0.1), transparent 70%);
    z-index: 0;
}

.form-container {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.form-header {
    text-align: center;
    margin-bottom: 50px;
}

.form-header h2 {
    font-size: 32px; /* Heading */
    margin-bottom: 20px;
    color: #fff;
    text-transform: none;
    letter-spacing: normal;
}

.form-header p {
    font-size: 20px; /* Subtitle */
    color: #EAF7EB;
    line-height: 1.8;
}

/* Form Wrapper */
.form-wrapper {
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(25px);
    border: 3px solid rgba(15,95,80,0.5);
    border-radius: 30px;
    padding: 60px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 80px rgba(0,0,0,0.6);
}

.form-wrapper::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 30px;
    padding: 3px;
    background: linear-gradient(45deg, #0F5F50, #4ECDC4, #2d8a7a, #0F5F50);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: gradientRotate 6s linear infinite;
    z-index: -1;
}

/* Form Placeholder (for demo or empty state) */
.form-placeholder {
    padding: 50px;
    text-align: center;
    border: 3px dashed rgba(78,205,196,0.3);
    border-radius: 20px;
    background: rgba(78,205,196,0.05);
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.form-placeholder-icon {
    font-size: 80px;
    margin-bottom: 25px;
    animation: float 3s ease-in-out infinite;
}

.form-placeholder h3 {
    font-size: 32px; /* Heading */
    color: #4ECDC4;
    margin-bottom: 20px;
    text-transform: none;
}

.form-placeholder p {
    font-size: 16px; /* Body */
    color: #EAF7EB;
    line-height: 1.8;
    max-width: 500px;
}

/* ==============================
   🌟 Animations
   ============================== */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

@keyframes gradientRotate {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ==============================
   🌟 Responsive
   ============================== */
@media (max-width: 768px) {
    .form-wrapper {
        padding: 40px;
    }

    .form-header h2,
    .form-placeholder h3 {
        font-size: 28px;
    }

    .form-header p,
    .stats-text,
    .form-placeholder p {
        font-size: 16px;
    }
}


        /* Animations */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

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

        @keyframes pulseBackground {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.6; }
        }

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

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

        @keyframes gradientRotate {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        @keyframes shimmer {
            0% { background-position: -100% 0; }
            100% { background-position: 200% 0; }
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.7; transform: scale(1.05); }
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .info-container {
                grid-template-columns: 1fr;
                gap: 50px;
            }
        }

        @media (max-width: 768px) {
            .register-hero {
                min-height: 60vh;
                padding: 80px 20px 40px;
            }

            .register-hero h1 {
                font-size: 3rem;
            }

            .register-hero .subtitle {
                font-size: 1.4rem;
            }

            .info-text h2 {
                font-size: 2.2rem;
            }

            .info-text p {
                font-size: 1.1rem;
            }

            .stats-text {
                font-size: 1.3rem;
            }

            .form-header h2 {
                font-size: 2.5rem;
            }

            .form-header p {
                font-size: 1.1rem;
            }

            .form-wrapper {
                padding: 40px 25px;
            }

            .form-placeholder {
                padding: 35px 20px;
            }

            .form-placeholder h3 {
                font-size: 1.6rem;
            }

            .form-placeholder p {
                font-size: 1.05rem;
            }
        }

        @media (max-width: 480px) {
            .register-hero h1 {
                font-size: 2.2rem;
            }

            .register-hero .subtitle {
                font-size: 1.2rem;
            }

            .info-text h2 {
                font-size: 1.8rem;
            }

            .pricing-item {
                padding: 15px 20px;
            }

            .form-header h2 {
                font-size: 2rem;
            }

            .form-wrapper {
                padding: 30px 20px;
            }

            .form-placeholder {
                padding: 25px 15px;
                min-height: 300px;
            }

            .form-placeholder-icon {
                font-size: 3.5rem;
            }

            .form-placeholder h3 {
                font-size: 1.4rem;
            }
        }
        
        /* ==============================
   🌟 Transparent Floating Form Theme
   ============================== */

/* General Form Styling */
.forminator-custom-form {
  font-family: 'Poppins', sans-serif !important;
  background: rgba(255, 255, 255, 0) !important; /* transparent */
  color: #EAF7EB !important; /* light text */
  padding: 25px !important;
  border-radius: 12px !important;
  border: 2px solid #0F5F50 !important; /* dark green border */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important; /* lifted shadow */
  transform: translateY(-5px); /* slightly lifted */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover lift effect */
.forminator-custom-form:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
}

/* Hide pagination dots but keep step content */
.forminator-custom-form .forminator-pagination-steps li {
  display: none !important;
}

/* Labels */
.forminator-custom-form .forminator-field .forminator-label {
  color: #EAF7EB !important;
  font-weight: 500 !important;
  margin-bottom: 6px !important;
  display: block;
}

/* Inputs, Selects, Textareas */
.forminator-custom-form .forminator-field .forminator-input,
.forminator-custom-form .forminator-field .forminator-select,
.forminator-custom-form .forminator-field .forminator-textarea {
  background: rgba(15, 95, 80, 0.05) !important; /* subtle transparent fill */
  color: #EAF7EB !important;
  border: 2px solid #0F5F50 !important; /* dark green border */
  border-radius: 8px !important;
  padding: 12px !important;
  font-size: 1rem !important;
  transition: all 0.3s ease;
}

.forminator-custom-form .forminator-field .forminator-input:focus,
.forminator-custom-form .forminator-field .forminator-select:focus,
.forminator-custom-form .forminator-field .forminator-textarea:focus {
  border-color: #4CAF50 !important; /* brighter green on focus */
  box-shadow: 0 0 8px rgba(15, 95, 80, 0.6) !important;
  outline: none !important;
}

/* Radio & Checkbox Options */
.forminator-custom-form .forminator-field .forminator-radio span,
.forminator-custom-form .forminator-field .forminator-checkbox span {
  color: #EAF7EB !important;
  font-weight: 400 !important;
}

.forminator-custom-form .forminator-field .forminator-radio input:checked + span,
.forminator-custom-form .forminator-field .forminator-checkbox input:checked + span {
  color: #0F5F50 !important;
  font-weight: 600 !important;
}

/* Submit Button */
.forminator-custom-form .forminator-button-submit {
  background: #0F5F50 !important;
  color: #EAF7EB !important;
  font-weight: 600 !important;
  padding: 12px 25px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.3s ease, transform 0.2s ease !important;
}

.forminator-custom-form .forminator-button-submit:hover {
  background: #1a7a68 !important;
  transform: translateY(-2px) !important;
}

/* Progress Bar */
.forminator-custom-form .forminator-progress-bar {
  background: #9b2fcc !important; /* purple accent */
  height: 4px !important;
  border-radius: 4px !important;
  transition: width 0.4s ease !important;
}

/* Error Messages */
.forminator-custom-form .forminator-error {
  color: #ff6b6b !important;
  font-weight: 600 !important;
  margin-top: -10px !important;
  margin-bottom: 15px !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .forminator-custom-form {
    padding: 20px !important;
  }

  .forminator-custom-form .forminator-field .forminator-input,
  .forminator-custom-form .forminator-field .forminator-select,
  .forminator-custom-form .forminator-field .forminator-textarea {
    padding: 10px !important;
  }

  .forminator-custom-form .forminator-button-submit {
    padding: 10px 20px !important;
  }
}/* End custom CSS */