/* Floating Right Social */
.social-floating-right {
  position: fixed !important;
  right: 8px !important;
  top: 70% !important;
  transform: translateY(-50%) !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.social-floating-right .social-icons {
  width: 48px !important;
  height: 48px !important;
  background: #fff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

.social-floating-right img {
  width: 25px !important;
  height: 25px !important;
  object-fit: contain !important;
}

/* Floating Left Icons */
.floating-iconss {
  position: fixed !important;
  left: 8px !important;
  top: 70% !important;
  transform: translateY(-50%) !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.floating-iconss .icons {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

.floating-iconss img {
  width: 25px !important;
  height: 25px !important;
  object-fit: contain !important;
}

.mail-icons {
  background: #fff !important;
}
.whatsapp-icons {
  background: #fff !important;
}
.call-icons {
  background: #fff !important;
}

/* Modal */
#emailModal .modal-dialog,
#whatsappModal .modal-dialog {
  max-width: 620px !important;
}

#emailModal .modal-content,
#whatsappModal .modal-content {
  border-radius: 16px !important;
  border: 0 !important;
  overflow: hidden !important;
}

#emailModal .modal-header,
#whatsappModal .modal-header {
  background: #036ad3 !important;
  padding: 18px 22px !important;
}

#emailModal .modal-title,
#whatsappModal .modal-title {
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

#emailModal .btn-close,
#whatsappModal .btn-close {
  filter: invert(1) !important;
}

#emailModal .modal-body,
#whatsappModal .modal-body {
  padding: 25px !important;
}

#emailModal .form-control,
#emailModal .form-select,
#whatsappModal .form-control {
  height: 54px !important;
  font-size: 16px !important;
  border-radius: 8px !important;
  padding: 10px 15px !important;
  box-shadow: none !important;
}

#emailModal textarea.form-control {
  height: 115px !important;
}

#emailModal .form-select option {
  font-size: 16px !important;
}

#emailModal .btn,
#whatsappModal .btn {
  height: 52px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
}

/* Responsive */
@media (max-width: 768px) {
  .social-floating-right {
    right: 8px !important;
    gap: 8px !important;
  }

  .floating-iconss {
    left: 8px !important;
    gap: 8px !important;
  }

  .social-floating-right .social-icons,
  .floating-iconss .icons {
    width: 42px !important;
    height: 42px !important;
  }

  .social-floating-right img,
  .floating-iconss img {
    width: 21px !important;
    height: 21px !important;
  }

  #emailModal .modal-dialog,
  #whatsappModal .modal-dialog {
    max-width: 95% !important;
    margin: 15px auto !important;
  }

  #emailModal .modal-title,
  #whatsappModal .modal-title {
    font-size: 20px !important;
  }

  #emailModal .modal-body,
  #whatsappModal .modal-body {
    padding: 18px !important;
  }

  #emailModal .form-control,
  #emailModal .form-select,
  #whatsappModal .form-control {
    height: 48px !important;
    font-size: 15px !important;
  }

  #emailModal textarea.form-control {
    height: 100px !important;
  }
}

@media (max-width: 480px) {
  .social-floating-right .social-icons,
  .floating-iconss .icons {
    width: 38px !important;
    height: 38px !important;
  }

  .social-floating-right img,
  .floating-iconss img {
    width: 19px !important;
    height: 19px !important;
  }

  #emailModal .modal-header,
  #whatsappModal .modal-header {
    padding: 13px 15px !important;
  }

  #emailModal .modal-body,
  #whatsappModal .modal-body {
    padding: 15px !important;
  }

  #emailModal .form-control,
  #emailModal .form-select,
  #whatsappModal .form-control {
    height: 45px !important;
    font-size: 14px !important;
  }

  #emailModal .btn,
  #whatsappModal .btn {
    height: 45px !important;
    font-size: 14px !important;
  }
}