/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://example.com/
 Description:  Child theme for Hello Elementor
 Author:       Your Name
 Author URI:   https://example.com/
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Add your custom CSS below */

.alramBox:not(.active){
    display:none;
}



/* Wrapper */
.custom-contact-form {
  background: #1e293b; /* dark navy */
  padding: 25px;
  border-radius: 20px;
  max-width: 600px;
  color: #fff;
  font-family: 'Inter', sans-serif;
}

.custom-contact-form h2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    font-family: Urbanist;
}
.custom-contact-form label {
    font-size: 14px;
    line-height: 24px;
    font-family: inter;
}
.custom-contact-form label + br {
    display: none;
}

/* Grid rows */
.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
}

.form-group {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}

.form-group.full-width {
  flex: 100%;
}
.form-row {
    margin: 0;
}


/* Inputs */
.custom-contact-form input, .custom-contact-form select, .custom-contact-form textarea {
    background: #334155;
    border: none !important;
    border-radius: 6px !important;
    /* padding: 10px 12px 10px 35px; */
    font-size: 14px;
    color: #fff;
    width: 100%;
    font-family: 'Inter';
}
.custom-contact-form input{
     padding: 10px 12px 10px 35px !important; 
}
.wpcf7-response-output {
    color: #fff;
}

.custom-contact-form input::placeholder,
.custom-contact-form select,
.custom-contact-form textarea::placeholder {
  color: #94a3b8;
}

/* Icons */
.input-icon {
    position: absolute;
    top: 38px;
    left: 10px;
    font-size: 14px;
    pointer-events: none;
    z-index: 2;
    display: flex;
}

/* Submit button */
.custom-contact-form input[type="submit"] {
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    border: none;
    padding: 10px 25px !important;
    border-radius: 8px !important;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    color: #fff;
    transition: all 0.3s ease;
    width: auto;
    margin: 0px;
    /* text-align: right; */
    /* align-self: end; */
    float: right;
}

.custom-contact-form input[type="submit"]:hover {
  background: linear-gradient(135deg, #1d4ed8, #2563eb);
}
@media screen and (max-width: 440px){
    .form-row  p{
    margin:0;
}
.form-row {
    margin: 0;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}
.custom-contact-form input[type="submit"] {
    width: 100%;
    margin-top: 20px;
}
.custom-contact-form input[type="submit"] + span {
    display: block;
    position: absolute;
    right: 0;
    top: 29px;
}

#slider-bri {
  display: flex;
  flex-wrap: nowrap;
  width: 340%;      /* total width for 4 items */
  overflow-x: auto; /* enable horizontal scroll */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; /* smooth on iOS */
}

#slider-bri::-webkit-scrollbar {
  display: none; /* hide scrollbar */
}


}

.custom-select {
  position: relative;
  width: 100%;
  font-family: sans-serif;
}

.select-selected {
    background: #334155;
    position: relative;
    border: none !important;
    border-radius: 6px !important;
    font-size: 14px;
    padding: 10px 12px 10px 35px !important;
    width: 100%;
    font-family: 'Inter';
    line-height: 100%;
    color: #D1D5DC;
}
.select-selected:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    rotate: 135deg;
    right: 15px;
}


.select-options {
  position: absolute;
  top: 110%;
  left: 0;
  right: 0;
  background: #334155;
  border-radius: 10px;
  margin-top: 6px; /* GAP between select and options */
  display: none;
  list-style: none;
 padding: 6px 8px;
  z-index: 999;
}

.select-options li {
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 8px;
}

.select-options li:hover {
    background: #4A5565;
}

.custom-select.open .select-options {
  display: block;
}