/*
Theme Name: Indian Metals
Theme URI: https://www.indianmetalsexchange.in/
Author: Unnikrishnan
Author URI: https://www.rdwmedia.com/about-us/
Version: 1.0
License: GNU General Public License v2 or later
*/

@import 'assets/css/style.css';

.wsf-field {
  all: unset; /* or override specific properties */
}

/* .wsf-form {
  color: #fff !important;
} */


.error {
  font-size: 0.75rem;
  color: red;
  margin-bottom: 10px;
}

.align-centre {
  margin: 0 auto;
}

.content-width {
  max-width: 650px;
  margin: 0 auto;
  padding: 30px 0;
}

.media-width {
  max-width: 840px;
  margin: 0 auto;
  padding: 30px 0;
}

.curved-image {
  border-radius: 20px; /* Adjust the value for more/less curvature */
  border: 2px solid #333; /*Optional: Add a border */
  overflow: hidden;
  max-height: 300px;
}

.gallery-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gallery-item {
  flex: 1 1 calc(33.333% - 10px); /* 3 items per row with gap */
  box-sizing: border-box;
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.video-container {
  margin: 0 auto; /* Center the video */
}
.video-container iframe,
.video-container video {
  width: 100%;
  /* height: auto; */
}

/* Modal */
#applyModal .modal-backdrop.show { z-index: 10 !important; }
#applyModal .modal-dialog { margin: 1.75rem 0rem 1.75rem auto; }
#applyModal .modal-content { border: 0px; border-radius: 0px; }
#applyModal .modal-body { padding: 7% 15% 7% 7%; }
#applyModal .modal-body h5 { font-size: 25px; font-weight: 600; text-transform: uppercase; }
#applyModal .modal-body p { font-size: 25px; }
#applyModal .modal-body .contact .form-control { font-size: 15px; }
#applyModal .modal-body .contact .input-group-text .form-select, .modal-body .contact .input-group-text { font-size: 15px; }
#applyModal .modal-body .file { background: #F4F4F4 url("../images/upload.svg") no-repeat 98% center / 27px; padding: .375rem .75rem; position: relative; width: 100%; }
#applyModal .modal-body .file .form-label { color: #707070; font: 600 15px 'Montserrat', sans-serif; line-height: 36px; text-transform: uppercase; }
#applyModal .modal-body .file input[type="file"] { width: 100%; }
#applyModal .modal-body .btn-primary { width: 100%; }
    
@media only screen and (max-width: 767px) {    
    #applyModal .modal-body { padding: 5% 5%; }
    #applyModal .modal-body h5, #applyModal .modal-body p { font-size: 18px; }
 }
 
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #applyModal .modal-body h5, #applyModal .modal-body p { font-size: 18px; }
} 

.iti__flag-container {
  height: 45.6px !important;
}

.modal-body .iti__selected-dial-code {
  color: #000 !important;
}

.team .iti__selected-dial-code {
  color: #fff !important;
}