@font-face {
           font-family: 'Moulin';
           src: url('fonts/Moulin-Bold.woff2') format('woff2'),
             url('Moulin-Bold.woff') format('woff');
           font-weight: bold;
           font-style: italic;
           font-display: swap;
         }
    
         @font-face {
           font-family: 'Moulin';
           src: url('fonts/Moulin-Regular.woff2') format('woff2'),
             url('fonts/Moulin-Regular.woff') format('woff');
           font-weight: normal;
           font-style: italic;
           font-display: swap;
         }
     * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
     }
a{
      color: #a8a399 !important;
}
.country-code-group{
  flex: 0 0 120px;
}
     body {
        font-family:'Moulin', sans-serif;
      background: #fff ;
       color: #000000;
       line-height: 1.6;
       min-height: 100vh;
     }

     /* RTL Support for Arabic Language */
     [dir="rtl"] body {
       font-family: 'Cairo', 'Moulin', sans-serif;
     }

     [dir="rtl"] h1,
     [dir="rtl"] h2,
     [dir="rtl"] h3 {
       font-family: 'Cairo', serif;
     }

     [dir="rtl"] .subtitle,
     [dir="rtl"] p,
     [dir="rtl"] .form-group,
     [dir="rtl"] input,
     [dir="rtl"] select,
     [dir="rtl"] button {
       font-family: 'Cairo', sans-serif;
     }

     [dir="rtl"] .floating-label {
       left: auto;
       right: 0;
       transform-origin: right top;
     }

     [dir="rtl"] select {
       background-position: left 0 center;
       padding-left: 25px;
       padding-right: 0;
       background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
     }

     [dir="rtl"] select:focus {
       background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
     }

     [dir="rtl"] .event-item {
       flex-direction: row-reverse;
     }

     [dir="rtl"] .social-icons {
       flex-direction: row-reverse;
     }

     [dir="rtl"] .footer-links {
       flex-direction: row-reverse;
     }

     /* Radio button RTL support */
     [dir="rtl"] .radio-group {
       text-align: right;
     }

     [dir="rtl"] .radio-option {
       flex-direction: row-reverse;
     }

     [dir="rtl"] .radio-option input[type="radio"] {
       margin-left: 8px;
       margin-right: 0;
     }

     .container {
       max-width: 1200px;
       margin: 0 auto;
       padding: 40px 20px;
       display: flex;
       gap: 60px;
       align-items: flex-start;
     }

     .left-section {
       flex: 1;
       max-width: 400px;
     }

     .right-column {
       flex: 2;
       display: flex;
       flex-direction: column;
       align-items: center;
     }

     .right-section {
       background: white;
       padding: 60px;
       border-radius: 2px;
       box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
       width: 100%;
     }

     h1 {
      font-family: "ivypresto-display", serif;
       font-size: 38px;
       font-weight: 300;
       color: #000000;
       margin-bottom: 20px;

      line-height: 120%;
        letter-spacing: 0.02em;
        font-weight: 300;
     }

     .subtitle {
       font-size: 16px;
       color: #a8a399;
       margin-bottom: 40px;
       line-height: 1.5;
     }

     .form-container {
       opacity: 1;
       transition: opacity 0.5s ease;
     }

     .form-container.hidden {
       opacity: 0;
       pointer-events: none;
     }

     .form-row {
       display: flex;
       gap: 20px;
       margin-bottom: 8px;
     }

     .form-group {
       flex: 1;
       position: relative;
       margin-bottom: 24px;
     }

     .form-group.full-width {
       flex: 1 1 100%;
     }

     .input-wrapper {
       position: relative;
     }

     input,
     select {
       width: 100%;
       padding: 20px 0 8px 0;
       border: none;
       border-bottom: 1px solid #e0ddd8;
       background: transparent;
       font-size: 16px;
       color: #000000;
       outline: none;
       transition: all 0.3s ease;
     }

     select {
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
       background-repeat: no-repeat;
       background-position: right 0 center;
       background-size: 16px;
       padding-right: 25px;
       cursor: pointer;
     }

     select:focus {
       background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
     }

     input:focus,
     select:focus {
       border-bottom-color: #000000;
     }

     input::placeholder {
       color: transparent;
     }

     .floating-label {
       position: absolute;
       left: 0;
       top: 20px;
       color: #000000;
       font-size: 16px;
       font-weight: 300;
       transition: all 0.3s ease;
       pointer-events: none;
       transform-origin: left top;
     }

     .floating-label.active,
     input:focus+.floating-label,
     input:not(:placeholder-shown)+.floating-label,
     select:focus+.floating-label,
     select:valid+.floating-label {
       transform: translateY(-20px) scale(0.85);
       color: #000000;
       font-weight: 400;
     }

     input:focus+.floating-label {
       color: #000000;
     }

     select {
       appearance: none;
       background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
       background-position: right 0 center;
       background-repeat: no-repeat;
       background-size: 16px 12px;
       cursor: pointer;
     }

     select option {
       color: #000000;
       background: white;
     }

     .submit-btn {
       background: white;
       color: #000000;
       border: 2px solid #000000;
       padding: 16px 40px;
       font-size: 14px;
       letter-spacing: 1px;
       text-transform: uppercase;
       cursor: pointer;
       transition: all 0.3s ease;
       margin: 30px auto 0 auto;
       border-radius: 25px;
       font-weight: 500;
       display: block;
       width: fit-content;
     }

     .submit-btn:hover {
       background: #000000;
       color: white;
       transform: translateY(-1px);
       box-shadow: 0 4px 12px rgba(153, 142, 127, 0.3);
     }

     .submit-btn:active {
       transform: translateY(0);
     }

     .submit-btn:disabled {
       background: #f5f5f5;
       color: #ccc;
       border-color: #ddd;
       cursor: not-allowed;
       transform: none;
       box-shadow: none;
     }

     .submit-btn:disabled:hover {
       background: #f5f5f5;
       color: #ccc;
       border-color: #ddd;
       transform: none;
       box-shadow: none;
     }

     .recaptcha-wrapper {
       display: flex;
       justify-content: center;
       margin: 20px 0;
     }

     .recaptcha-wrapper .g-recaptcha {
       transform: scale(0.9);
       transform-origin: center;
     }

     .thank-you {
       display: block;
       text-align: center;
       padding: 60px 40px;
       padding-top: 0px;
       animation: fadeIn 0.8s ease;
          font-size: 15px;
     }

     .thank-you.show {
       display: block;
       animation: fadeIn 0.8s ease;
     }

     .thank-you h2 {
       font-size: 36px;
   
       color: #000000;
       margin-bottom: 20px;
        font-family: "ivypresto-display", serif;        
          line-height: 120%;
          letter-spacing: 0.02em;
          font-weight: 300;
     }

     .thank-you p {
       font-size: 16px;
       color: #a8a399;
       line-height: 1.6;
     }

     .error-message {
       background: #fee;
       border: 1px solid #fcc;
       color: #c33;
       padding: 15px 20px;
       border-radius: 6px;
       margin: 20px 0;
       font-size: 14px;
       text-align: center;
       animation: fadeIn 0.5s ease;
     }

     .contact-info {
       margin-top: 0px;
       padding-top: 40px;
       border-top: 1px solid #e0ddd8;
     }

     .event-details {
       margin-bottom: 30px;
     }

     .event-item {
       display: flex;
       align-items: flex-start;
       gap: 12px;
       margin-bottom: 20px;
     }

     .event-icon {
       font-size: 16px;
       margin-top: 2px;
       min-width: 20px;
     }

     .event-info {
       flex: 1;
     }

     .event-label {
       font-size: 12px;
       color: #000000;
       font-weight: 600;
       letter-spacing: 0.5px;
       margin-bottom: 4px;
     }

     .event-value {
       font-size: 13px;
       color: #a8a399;
       line-height: 1.4;
     }

     .company-name {
       font-size: 14px;
       font-weight: 600;
       color: #000000;
       
       letter-spacing: 0.5px;
     }

     .address {
       font-size: 13px;
       color: #a8a399;
       
     }

     .contact-details {
       margin-top: 20px;
     }

     .contact-label {
       font-size: 12px;
       color: #000000;
       font-weight: 600;
       letter-spacing: 0.5px;
          text-transform: uppercase;
            letter-spacing: 0.08em;
            font-style: normal;
            font-weight: normal;
     }

     .contact-value {
   
        font-size: 11px;
          line-height: 130%;
          letter-spacing: 0.02em;
     }

     .event-details {
       margin-bottom: 30px;
     }

     .event-item {
       display: flex;
       align-items: flex-start;
       gap: 12px;
       margin-bottom: 20px;
     }

     .event-icon {
       font-size: 16px;
       margin-top: 2px;
       min-width: 20px;
     }

     .event-info {
       flex: 1;
     }

     .event-label {
       font-size: 12px;
       color: #000000;
       font-weight: 600;
       letter-spacing: 0.5px;
       margin-bottom: 4px;
     }

     .event-value {
       font-size: 13px;
       color: #a8a399;
       line-height: 1.4;
     }

     .social-icons {
       margin-top: 24px;
       display: flex;
       gap: 16px;
     }

     .hh-logo-container {
       display: flex;
       justify-content: center;
       margin-top: 30px;
       width: 100%;
     }

     .hh-logo {
       max-width: 120px;
       height: auto;
       opacity: 0.7;
     }

     .event-icon img {
       width: 16px;
       height: 16px;
     }

         .extra-column{
              flex: 1;
                display: flex;
                flex-direction: column;
                align-items: start;
         }

     .social-icon {
       width: 32px;
       height: 32px;
       border: 1px solid #e0ddd8;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #000000;
       text-decoration: none;
       transition: all 0.3s ease;
       font-size: 14px;
     }
         .social-icon img{
          width: 16px;
         }
     .social-icon:hover {
       border-color: #000000;
       background: #ffffff;
       color: white;
       transform: translateY(-2px);
     }

     .footer-info {
       margin-top: 80px;
       padding-top: 20px;
       border-top: 1px solid #e0ddd8;
     }

     .footer-links {
       display: flex;
       gap: 20px;
       margin-bottom: 12px;
     }

     .footer-link {
       font-size: 12px;
       color: #a8a399;
       text-decoration: none;
       transition: color 0.3s ease;
     }

     .footer-link:hover {
       color: #000000;
     }

     .copyright {
       font-size: 11px;
       color: #c4c0bb;
     }

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

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

     .mobile-footer {
       display: none;
     }
.logo{
  width: 100%;
 
  margin-bottom: 0px;
}
.mobile-only{
  display: none;
}
.v2 .right-column {
  border-right: solid 1px #000000;
  border-left: solid 1px #000000;
}
.v2 .container{
  width: 100%;
  max-width: 100% !important;
  gap:10px;
}

.v2 .right-section{
  background: transparent;
  box-shadow :none;
}
.v2 .contact-info{
  border-top: none;
}


.v2 .event-icon{
  display: none;
}
.v2 .event-label,.v2 .event-info,.v2 .event-value,.v2 .contact-label,.v2 .contact-value{
      font-size: 11px;
        line-height: 130%;
        letter-spacing: 0.02em;
      
}
.v2 .logo {
  padding-top: 250px;
}
.v2 .contact-info {
  padding-top: 250px;
}
     @media (max-width: 768px) {
      .v2 .country-code-group{
        flex: 1;
      }
.v2 .right-column {
    border-right: none;
    border-left:  none;
  }
.v2 .logo {
    padding-top: 10px;
  }

  .v2 .contact-info {
    padding-top:10px;
  }


             .mobile-only{
         display: block;
       }

       .mobile-only .event-details {
         display: grid !important;
         grid-template-columns: 1fr 1fr;
         gap: 15px;
         grid-template-areas: 
           "venue venue"
           "date time";
       }

       .mobile-only .event-item {
         margin-bottom: 0 !important;
       }

       .mobile-only .event-item:first-child {
         grid-area: venue;
       }

       .mobile-only .event-item:nth-child(2) {
         grid-area: date;
       }

       .mobile-only .event-item:nth-child(3) {
         grid-area: time;
       }
      .logo{
        width: 100%;
        max-width: 200px;
        margin-bottom: 20px;
      }
      .thank-you{
        padding: 0;
      }
       .container {
         flex-direction: column;
         gap: 0;
         padding: 20px;
         align-items: center;
       }

       .left-section {
         text-align: center;
         max-width: none;
         order: 1;
         padding: 0;
         width: 100%;
       }

       .right-column {
         width: 100%;
         max-width: 500px;
         order: 2;
         margin: 20px 0 40px 0;
       }

       .right-section {
         width: 100%;
         padding: 30px 25px 40px 25px;
         border-radius: 8px;
         box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
         border-top: 1px solid #e0ddd8;
         border-bottom: 1px solid #e0ddd8;
       }

       .form-row {
         flex-direction: column;
         gap: 0;
       }

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

       h1 {
         font-size: 36px;
         margin-bottom: 10px;
         text-align: center;
       }

       .subtitle {
         margin-bottom: 30px;
         text-align: center;
       }

       .contact-info {
         display: none;
       }

       .mobile-footer {
         display: block;
         background: white;
         padding: 40px 20px;
         margin: 0;
         border-top: 1px solid #e0ddd8;
         width: 100%;
       }

       .mobile-footer .contact-info {
         display: block;
         margin-top: 0;
         padding-top: 0;
         border-top: none;
         text-align: center;
       }

       .social-icons {
         justify-content: center;
       }

       .hh-logo-container {
         margin: 20px auto;
         padding: 0 20px;
         order: 3;
       }

       .hh-logo {
         max-width: 100px;
       }

       .submit-btn {
         width: auto;
         min-width: 200px;
         padding: 18px 40px;
         margin: 20px auto 0 auto;
         display: block;
       }

       .recaptcha-wrapper .g-recaptcha {
         transform: scale(0.8);
         transform-origin: center;
       }
     }