.Contactcontact-1,
.Contactcontact-1 * {
  box-sizing: border-box;
 
}
.Contactcontact-1 {
  background: #ffffff;
  min-height: 100vh;
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: visible;
}
@media (max-width: 1280px) {
  .Contactcontact-1 {
    min-height: auto;
    padding-bottom: 60px;
  }
}

@media (max-width: 800px) {
  .Contactcontact-1 {
    min-height: auto;
    padding-bottom: 40px;
  }
}
@media (max-width: 400px) {
  .Contactcontact-1 {
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: auto;
  }
}


.Contactframe-67 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  padding: 30px;
  justify-content: center;
  /* width: 1776px; */
  width: 100vw;
  /* position: absolute;
  left: 50%;
  translate: -50% -50%;
  padding: 30px;
  top: 50%; */
}
@media (max-width: 800px) {
  .Contactframe-67 {
    padding: 10px;
  }
}

.hero .videoAssets {
  width: 95%;
  height: 95%;
  object-fit: cover;
}

.feature-card .videoAssets , .feature-card2 .videoAssets  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Contactframe-61 {
  background: rgba(25, 28, 31, 0.Contact05);
  border-radius: 24px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.Contactmaterial-symbols-support-agent-rounded {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.Contactalways-available {
  color: var(--blue-4, #244896);
  text-align: start;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.Contactframe-64 {
  display: flex;
  flex-direction: column;
  /* gap: 96px; */
  gap: 30px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.Contactframe-43 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  text-align: center;
}
.Contactfeatures {
  color: #191c1f;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  line-height: var(--lh-tight);
  font-weight: 700;
  margin-bottom: var(--space-2xl);
  position: relative;
}
.Contactframe-42 {
  flex-shrink: 0;
  width: 100%;
  max-width: 728px;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .Contactframe-43 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .Contactfeatures{
    font-size: var(--fs-7xl);
    line-height: var(--lh-tight);
    margin-bottom: var(--space-xl);
  }
}

@media (max-width: 768px) {
  .Contactfeatures {
    font-size: var(--fs-5xl);
    line-height: var(--lh-snug);
    margin-bottom: var(--space-lg);
  }
}

@media (max-width: 640px) {
  .Contactfeatures {
    font-size: var(--fs-4xl);
    line-height: var(--lh-snug);
  }
  .Contactframe-42{
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
    padding: 0 10px;
  }
  .Contactget-in-touch-with-us-easily-whether-you-have-questions-feedback-or-need-support-we-re-here-to-help-simply-fill-out-the-form-and-our-team-will-get-back-to-you-promptly-your-satisfaction-is-our-priority-and-we-re-ready-to-assist-you-with-whatever-you-need{
    width: 100%;
    max-width: 95%;
    font-size: var(--fs-xs, 0.75rem);
    margin: 0 auto;
    padding: 0 10px;
  }
}
.Contactget-in-touch-with-us-easily-whether-you-have-questions-feedback-or-need-support-we-re-here-to-help-simply-fill-out-the-form-and-our-team-will-get-back-to-you-promptly-your-satisfaction-is-our-priority-and-we-re-ready-to-assist-you-with-whatever-you-need {
  color: rgba(25, 28, 31, 0.85);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  line-height: var(--lh-relaxed, 1.625);
  font-weight: 600;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .Contactget-in-touch-with-us-easily-whether-you-have-questions-feedback-or-need-support-we-re-here-to-help-simply-fill-out-the-form-and-our-team-will-get-back-to-you-promptly-your-satisfaction-is-our-priority-and-we-re-ready-to-assist-you-with-whatever-you-need{
    width: 100%;
    max-width: 90%;
    font-size: var(--fs-sm, 0.875rem);
    margin: 0 auto;
  }
}
.Contactblock-with-illustration {
  background: #191c1f;
  border-radius: 24px;
  padding: 96px 0px 96px 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.Contactform {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  /* width: 664px; */
  width: 45%;
  position: relative;
}
@media (max-width: 1280px) {
  .Contactblock-with-illustration {
    flex-direction: column;
    padding: 20px;
  }
  .Contactform{
    width: 100%;
  }
}
.Contactradio-buttons {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.Contactradio-button {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.Contactradiobutton {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: static;
}
.Contactrectangle-75 {
  background: rgba(25, 28, 31, 0.Contact85);
  border-radius: 100px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.Contactellipse-27 {
  background: var(--blue-5, #31bce8);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  left: calc(50% - 52px);
  top: 50%;
  translate: 0 -50%;
}
.Contactindividual {
  color: rgba(255, 255, 255);
  text-align: start;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.Contactfields , .ContactfieldsCompany {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.Contactfield {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  padding-top: 9px;
}


.twofields{
  justify-content: center;
  display: flex;
  width: 100%;
}
.twofields > .Contactfield {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0; 
  padding-right: 2%;
  position: relative;
  width: 50%;
}


.Contactname {
  color: #ffffff;
  text-align: start;
  font-family: "poppins";
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.Contactinput-field {
  background: rgba(255, 255, 255, 0.Contact85);
  border-radius: 12px;
  border-color: #ffffff;
  border-style: solid;
  /* border-color: rgba(25, 28, 31, 0.Contact5); */
  border-width: 2px;
  /* padding: 20px; */
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.Contactenter-your-email {
  color: white;
  text-align: start;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 18px;
  width: 100px;
  padding: 15px;
  font-weight: 400;
  position: relative;
  outline: none;
  flex: 1;
}
.Contactemail {
  color: #ffffff;
  text-align: start;
  font-family: "poppins";
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.Contactmessage {
  color: #ffffff;
  text-align: start;
  font-family: "poppins";
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.Contactinput-field2 {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.Contact85);
  border-radius: 12px;
  border-style: solid;
  border-color: rgba(25, 28, 31, 0.Contact5);
  border-width: 2px;
  /* padding: 20px; */
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 200px;
  position: relative;
  overflow: hidden;
}
.Contactbutton {
  background: #ffffff;
  border-radius: 100px;
  border: 2px solid transparent;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 48px;
  overflow: hidden;
}
.Contactstate-layer {
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.Contactsign-in {
  color: #191c1f;
  text-align: start;
  font-family: "poppins";
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.Contactframe-35 {
  background: rgba(255, 255, 255, 0.Contact1);
  border-radius: 24px 0px 0px 24px;
  align-self: stretch;
  flex-shrink: 0;
  /* width: 728px; */
  width: 50%;
  position: relative;
  box-shadow: 0px 30px 60px -30px rgba(0, 0, 0, 0.Contact3),
    0px 50px 100px -10px rgba(255, 255, 255, 0.Contact1);
  overflow: hidden;
}
.Contactunsplash-376-kn-i-spl-e {
  width: 1200px;
  height: 800px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  object-fit: cover;
}
.Contactdiv {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: stretch;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100%;
  position: relative;
  padding: 0 24px;
}

/* Medium screens - 2 columns */
@media (max-width: 1024px) {
  .Contactdiv {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 16px;
  }
}

/* Medium-small screens font adjustments */
@media (max-width: 900px) {
  .Contactbusiness-location,
  .Contactemail-address,
  .Contactphone-number,
  .Contactsupport-line {
    font-size: 20px;
  }
  
  .Contactvilla-no-189-bois-des-cars-3-dely-ibrahim,
  .Contactcontact-slick-pay-com,
  .Contact_213-0-561-722-019,
  .Contact_213-0-20-31-81-78 {
    font-size: 15px;
  }
}

/* Mobile screens - 1 column */
@media (max-width: 640px) {
  .Contactdiv {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 0 12px;
  }
}
.Contactsection {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 16px;
  padding: 24px;
  height: 100%;
}
.Contactheader {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.Contactmaterial-symbols-location-on-rounded {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
}
@media (max-width: 800px) {
  .Contactmaterial-symbols-location-on-rounded {
    width: 24px;
    height: 24px;
  }
}

.Contactframe-63 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.Contactframe-642 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.Contacth-1 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.Contactbusiness-location {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  position: relative;
  flex: 1;
}
@media (max-width: 800px) {
  .Contactbusiness-location  {
    font-size: 14px;
  }
}
.Contactpseudo {
  background: var(--blue-4, #244896);
  flex-shrink: 0;
  width: 1px;
  height: 24px;
  position: absolute;
  left: -16px;
  top: 0px;
}
.Contactvilla-no-189-bois-des-cars-3-dely-ibrahim {
  color: rgba(25, 28, 31, 0.Contact85);
  text-align: start;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}

.Contactmaterial-symbols-stacked-email-rounded {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
}


.Contactemail-address {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  position: relative;
  flex: 1;
}

.Contactcontact-slick-pay-com {
  color: rgba(25, 28, 31, 0.Contact85);
  text-align: start;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.Contactmaterial-symbols-phone-enabled {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
}
.Contactphone-number {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  position: relative;
  flex: 1;
}
.Contact_213-0-561-722-019 {
  color: rgba(25, 28, 31, 0.Contact85);
  text-align: start;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}

.Contactmaterial-symbols-support-agent-rounded2 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
}
.Contactsupport-line {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  position: relative;
  flex: 1;
}
.Contact_213-0-20-31-81-78 {
  color: rgba(25, 28, 31, 0.Contact85);
  text-align: start;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}

@media (max-width: 800px) {
  .Contactsection {
    padding: 16px;
    gap: 12px;
  }
  
  /* Title styles - consistent with other sections */
  .Contactbusiness-location,
  .Contactemail-address,
  .Contactphone-number,
  .Contactsupport-line {
    font-size: 18px !important;
  }
  
  /* Content/description styles - larger than before */
  .Contactvilla-no-189-bois-des-cars-3-dely-ibrahim,
  .Contactcontact-slick-pay-com,
  .Contact_213-0-561-722-019,
  .Contact_213-0-20-31-81-78 {
    font-size: 14px !important;
  }
  
  /* Icon sizes */
  .Contactmaterial-symbols-location-on-rounded,
  .Contactmaterial-symbols-stacked-email-rounded,
  .Contactmaterial-symbols-phone-enabled,
  .Contactmaterial-symbols-support-agent-rounded2 {
    width: 24px;
    height: 24px;
  }
}
/* Removed absolute positioned decorative elements that were interfering with layout */