.ar-contact-section {
  background: #000;
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
  /* padding: 80px 0; */
}

.ar-contact-container {
  display: flex;
  width: 100%;
  max-width: 1400px;
  border-radius: 16px;
  overflow: hidden;
}

/* LEFT SIDE */
.ar-contact-left {
  width: 60%;
  display: flex;
  flex-direction: column;
  background: #ffffff10;
  padding: 50px;
}

.ar-contact-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ar-contact-tab {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0;
    cursor: pointer;
    transition: all 0.3s 
ease;
    margin: 4px 0;
    border-radius: 8px;
}

.ar-contact-tab-label {
  font-size: 22px;
  font-weight: 100;
  color: #ffffff20;
  transition: all 0.3s ease;
  font-family: 'alwaysdry-SansRegular', sans-serif!important;
  letter-spacing: 0.4px;
}

.ar-contact-tab.active .ar-contact-tab-label {
  color: #73e600;
  margin-bottom: 50px;
  text-decoration: underline;
  font-size: 32px;
}

/* Smooth Sliding Content */
.ar-contact-tab-content {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.ar-contact-tab.active .ar-contact-tab-content {
  max-height: 200px; /* Adjust as per content */
  opacity: 1;
  margin-top: 15px;
}

.ar-contact-tab-content p {
  font-size: 18px;
  color: #ffffff;
  line-height: 1.6;
  font-family: 'GeneralSans-Light', sans-serif!important;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}

/* RIGHT SIDE MAPS */
.ar-contact-right {
  width: 60%;
  position: relative;
  overflow: hidden;
}

.ar-contact-map {
  display: none;
  width: 100%;
  height: 100%;
  animation: arMapSlide 0.5s ease;
}

.ar-contact-map.active {
  display: block;
}

.ar-contact-map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

@keyframes arMapSlide {
  from {opacity: 0; transform: translateX(40px);}
  to {opacity: 1; transform: translateX(0);}
}

/* Hover Effect */
.ar-contact-tab:hover .ar-contact-tab-label {
  color: #fff;
}