:root {
  --bg-light:#fdf9f9;
  --bg-dark-red:#441313;
  --bg-dark-grey: #545454;
  --bg-light-grey: #b8b8b8;
  --primary:#692020;
  --text-light-red:#820b0f;
  --text-light-grey:#b8b8b8;
  --text-main: #251f18;
  --text-light:#fcf8f3;
  --text-light-red: #aa3b3b;
  --border-color: #e5c7c7;
  --overlay:#000000b0
}

body{
  color: var(--text-main);
}

h1,h2,h3,h4,h5,h6 {
  color: var(--primary);
}

.bg-light {
  background-color: var(--bg-light);
}

.bg-dark-red {
  background-color: var(--bg-dark-red);
}

.bg-dark-grey {
  background-color: var(--bg-dark-grey);
}

.bg-light-grey {
  background-color: var(--bg-light-grey);
}

.primary{
  color: var(--primary);
}

.text-light-red {
  color: var(--text-light-red);
}

.text-main {
  color: var(--text-main);
}

.text-light {
  color: var(--text-light);
}

.text-light-grey{
  color: var(--text-light-grey);
}

.text-light-red {
  color: var(--text-light-red);
}

.border-color {
  border-color: var(--border-color);
}

.form-check-input:focus {
  border-color: var(--text-light-red);
  outline: 0;
  box-shadow: none;
}

.text-right{
  text-align: right;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.header-margin {
  margin-top: 100px;
}

.sticky-top{
  top:100px
}

img.no-scale,
.no-scale{
  transform: none;
}

.border-none{
  border: none;;
}

.form-control:disabled,
input[type="file"]{
  color: var(--primary);
}

input[type="file"].form-control {
  height: 52px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  font-size: 1rem;
}

.bg-light{
  background-color: var(--bg-light)!important;
}

.bg-dark-red{
  background-color: var(--bg-dark-red) !important;
}

.primary{
  color: var(--primary) !important;
}

.text-main{
  color: var(--text-main) !important;
}

.text-light{
  color: var(--text-light) !important;
}

.text-light-red{
  color: var(--text-light-red)!important;
}

.border-color{
  border-color: var(--border-color)!important;
}

.btn-primary{
  background-color: var(--bg-dark-red)!important;
  color: var(--text-light)!important;
}

.btn-secondary{
  background-color: var(--bg-light)!important;
  color: var(--bg-dark-red)!important;
  
}

.form-control:focus{
  box-shadow: 0 0 0 .1rem var(--text-light-red);
}

.swiper-wrapper{
  height: auto;
}

.contact-content{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:3;
  text-align:center;
  color:var(--text-light);
  width:75%;
}

.icon{
  width: auto;
}

/* Center the title in the markets swiper slides */
#markets .swiper-slide .title {
  text-align: center;
  width: 100%;
  padding-top:10px
}

#markets .section-header p{
  max-width:1100px;
  margin: 0 auto;
}

#markets .swiper{
  padding-top:15px
}

.vision-mission-section {
  padding: 60px 0;
}

#vision-mission .vision-mission-col img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vision-mission-content{
  position: absolute;
}

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--overlay);
}

#references .icon img {
  width: 100%;
  height: auto;
}

textarea.form-control{
  height:auto
}

.form-check-input{
  background-color: var(--bg-dark-red);
}

#clients .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px; /* Set your desired fixed height */
}

#clients .swiper-slide img {
  max-height: 100px; /* Adjust as needed to fit inside the slide */
  width: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.page-services img:hover{
  transform: none;
}

.bg-light-grey .form-control{
  border: 1px solid var(--text-light-red) !important
}

.bg-light-grey .form-check-input{
  background-color: var(--text-light-red);
}

.bg-light-grey button[type=submit] {
  background-color: var(--text-light-red) !important;
  border: 2px solid var(--text-light-red);
}

#contact .form-control{
  background-color: var(--bg-light-grey) !important;
  border: 1px solid var(--bg-light-grey) !important;
}