@import url("https://fonts.googleapis.com/css2?family=Roboto&family=Ubuntu:wght@400;500&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

html,
body {
  overflow-x: hidden;
}

body {
  font-family: "Saira", sans-serif !important;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  background-color: #fff;
}
.Saira {
  font-family: "Saira", sans-serif !important;
}
.bg-col-grey {
  color: #4d4d4d;
}
.sticky {
  height: 60px;
  
  margin-top: 55px;
  z-index: 2;
  line-height: 60px;
  background-color: #fff;
}
.p-font {
  font-family: "Saira", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 42px;
}
.bold-font {
  font-size: 30px;
  font-weight: 700;
}
.bread-crumb-a {
  font-family: "Saira", sans-serif !important;
  text-transform: capitalize;
  text-decoration: none;
  color: #6b6b6b;
  font-weight: 300;
}
#navItem-company {
  color: #d42027;
}
/* middle css */
.main-space {
  margin-top: 50px !important;
}
.workwithus {
  font-family: "Saira", sans-serif;
  color: #4d4d4d;
}
.passion {
  font-family: "Saira", sans-serif;
}

.trust {
  font-family: "Saira", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #4d4d4d;
}

.form-control:focus {
  background-color: transparent !important;
}
.form-control::file-selector-button {
  padding: 1rem 0.75rem !important;
  /* margin: -30px -14px !; */
}
.form-error {
  color: red !important;
  font-size: 14px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide spinners in Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Hide spinners in Edge */
input[type="number"] {
  -ms-appearance: none;
}
#loader {
  display: none ;
}

/*  */
  .bg-100 {
    background-color: #fff;
  }
  .bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    will-change: transform, opacity, filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0;
  }
/*  */

.font {
  font-family: "Saira", sans-serif;
  color: #1B3954;
}
.font-red {
  color: #d42027;
}
.bg-col-red {
  background-color: #d42027;
  color: #d42027;
}
.breadcrumb-item+.breadcrumb-item::before {
  content: none !important;
}

/* Add custom image as separator */
.breadcrumb-item+.breadcrumb-item {
  position: relative;
}

.breadcrumb-item+.breadcrumb-item::after {
  content: url('../images/Vector\ 1447.png');
  position: absolute;
  left: -12px;
  /* Adjust as per image size */
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  /* Adjust size as needed */
  height: auto;
  padding: 0 10px;
}

.bread-crumb-a {
  font-family: "Saira", sans-serif !important;
  text-transform: capitalize;
  text-decoration: none;
  color: #6b6b6b;
  font-weight: 300;
  padding: 0 7px;
}
.button {
  width: 143px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  cursor: pointer;
  border: 0px solid rgba(210, 32, 39, 1);
  background-color: rgba(210, 32, 39, 1);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.137);
}

.text {
  width: 70%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  color: rgb(19, 17, 17);
  font-size: 15px;
  font-weight: bold;
}

.arrow path {
  fill: rgb(255, 255, 255);
}

.button:hover .arrow {
  animation: slide-in-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-left {
  0% {
    transform: translateX(-8px);
    opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

.button:active {
  transform: scale(0.97);
}