/* H1 */
/* H2 */
/* H3 */
/* H4 */
/* H5 */
/* H6 */
/* H1 */
/* H2 */
/* H3 */
/* H4 */
/* H5 */
/* H6 */
select,
textarea,
input,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=tel],
input[type=url] {
  position: relative;
}

/*** Common Forms Elements ***/
label {
  margin-bottom: 0;
  color: #344054;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: normal;
  width: 100%;
}
label:empty {
  display: block;
}

input.btn {
  padding: 10px 18px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 50px;
  min-height: 48px;
  background: linear-gradient(0deg, #344054, #344054), linear-gradient(0deg, #001E62, #001E62);
  color: #F2F4F7;
  text-align: center;
  transition: all 0.3s ease;
  outline: none;
  cursor: pointer;
  -ms-box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.0509803922);
  -o-box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.0509803922);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.0509803922);
  border: 1px solid #344054;
  text-decoration: none !important;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
  border-radius: 0;
}
input.btn.sendBtn {
  width: 100% !important;
  min-height: 48px;
  text-transform: capitalize;
  padding: 9px 20px;
  background: #001e62;
  font-size: 16px !important;
}
input.btn.sendBtn:hover {
  background: linear-gradient(0deg, #344054, #344054), linear-gradient(0deg, #001E62, #001E62);
}

.wpcf7-form-control-wrap {
  display: block;
  margin-top: 6px;
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 14px;
  margin-top: 3px;
}

.required {
  color: #dc3232;
  padding-left: 3px;
}

.form-control {
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background: var(--site_white_color);
  padding: 11px 16px;
  width: 100%;
  color: #667085;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
}
.form-control:hover {
  border-color: rgba(23, 105, 106, 0.4);
}
.form-control:focus {
  border-color: rgba(23, 105, 106, 0.4);
  box-shadow: 0px 4px 4px -4px rgba(30, 33, 44, 0.03), 0px 12px 10px -6px rgba(23, 105, 106, 0.04), 0px 30px 24px -10px rgba(23, 105, 106, 0.05), 0px 80px 80px -20px rgba(23, 105, 106, 0.08);
  outline: unset;
}
.form-control.form-textarea {
  height: 128px;
}

.form-control::-moz-placeholder {
  color: #667085 !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
}

.form-control::placeholder {
  color: #667085 !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
}

.form-control::-webkit-input-placeholder {
  font-family: Arial;
  color: #667085 !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
}

.form-control::-moz-placeholder {
  font-family: Arial;
  color: #667085;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
}

.form-control:-ms-input-placeholder {
  font-family: Arial;
  color: #667085;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
}

.form-control:-moz-placeholder {
  font-family: Arial;
  color: #667085;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
}

.form-group {
  margin-bottom: 24px;
  width: 100%;
}
.form-group .error-message {
  color: #dc3232;
}
.form-group p {
  margin: 0;
}

.wpcf7-form .d-col {
  margin-bottom: 0;
}

.form-control[disabled],
.form-control:disabled {
  color: none;
  cursor: no-drop;
}

.upperCase {
  text-transform: uppercase;
}

.textGradient {
  background: linear-gradient(91.36deg, #FFFFFF 0.92%, #FFFFFF 62.45%, #5985F5 97.82%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .textGradient {
    letter-spacing: -1.08px;
  }
}
.textGradient.blue {
  background: linear-gradient(89.93deg, #001E62 2.11%, #001E62 64.06%, #135CFF 97.89%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mainBanner-sec {
  background: url(../../images/du-hero-image.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 39%;
  padding-bottom: 102px;
}
@media only screen and (max-width: 992px) {
  .mainBanner-sec {
    padding-top: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .mainBanner-sec {
    padding-top: 474px;
    padding-bottom: 16px;
    background-position: 78% 50%;
  }
}
.mainBanner-sec .mainBanner-inner {
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 576px) {
  .mainBanner-sec .mainBanner-inner {
    margin-bottom: 20px !important;
  }
}
.mainBanner-sec .mainBanner-inner .d-col {
  justify-content: center;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.mainBanner-sec .mainBanner-inner .d-col .buttonImg {
  margin-left: 8px;
}
.mainBanner-sec .mainBanner-inner .d-col .main_heading {
  max-width: 890px;
  width: 100%;
}

.blueBox {
  position: relative;
  overflow: unset;
  background-color: #001e62;
}
.blueBox h1,
.blueBox h2,
.blueBox h3,
.blueBox h4,
.blueBox h5,
.blueBox p {
  color: #dce4ec;
}
.blueBox.welcome-sec h1,
.blueBox.welcome-sec h2,
.blueBox.welcome-sec h3,
.blueBox.welcome-sec h4,
.blueBox.welcome-sec h5,
.blueBox.welcome-sec p {
  text-align: center;
}
.blueBox .blueBlock {
  position: absolute;
  left: 0;
  right: 0;
  top: -95px;
  max-width: 905px;
  width: 100%;
  margin: 0 auto;
  padding: 46px 78px 36px;
  background: linear-gradient(92.08deg, #0c2564 17.76%, #204cba 92.38%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
}
@media only screen and (max-width: 767px) {
  .blueBox .blueBlock {
    position: relative;
    top: unset;
    padding: 96px 16px 74px;
  }
}
.blueBox .blueBlock h4 {
  margin: 0;
}
.blueBox .welcome-inner {
  padding: 176px 0 200px;
}
@media only screen and (max-width: 767px) {
  .blueBox .welcome-inner {
    padding: 0 0 96px;
  }
}
.blueBox .welcome-inner .welcomeBox {
  position: relative;
  padding-top: 62px;
}
@media only screen and (max-width: 767px) {
  .blueBox .welcome-inner .welcomeBox {
    padding-top: 55px;
  }
}
.blueBox .welcome-inner .welcomeBox .quoteImg {
  position: absolute;
  left: 35px;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .blueBox .welcome-inner .welcomeBox .quoteImg {
    left: 0;
  }
}
.blueBox .welcome-inner .welcomeBox .welcome {
  color: #EBECEE;
  letter-spacing: 3.2px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .blueBox .welcome-inner .welcomeBox .welcome {
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
    letter-spacing: 3.2px;
  }
}
.blueBox .welcome-inner .welcomeBox h2 {
  letter-spacing: -1.2px;
}

.imgText .imgTextinner {
  padding: 219px 0;
}
@media only screen and (max-width: 767px) {
  .imgText .imgTextinner {
    padding: 80px 0 136px;
  }
}
.imgText .imgTextinner .d-col-2 {
  max-width: 502px;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .imgText .imgTextinner .d-col-2 {
    width: 100%;
    padding: 0 16px;
  }
}
.imgText .imgTextinner .d-col-2 h5 {
  margin-bottom: 16px;
}
.imgText .imgTextinner .d-col-2 .textDesc {
  max-width: 446px;
  font-family: "Tenor Sans", Arial, Verdana, Tahoma, sans-serif;
}
.imgText .imgTextinner .d-col-2 .btn {
  border: 0.5px solid rgba(255, 255, 255, 0.4);
}

.diversity-sec {
  background: url(../../images/diversity.webp) #001e62;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 375px) {
  .diversity-sec {
    background: url(../../images/diversity_mob_img.png) #001e62;
    padding-top: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}

.manufacturing-sec {
  background: url(../../images/manufacturing.webp) #001e62;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 375px) {
  .manufacturing-sec {
    background: url(../../images/crafting_excellence.png) #001e62;
    padding-top: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
.manufacturing-sec h2 {
  max-width: 357px;
}

.crafting-sec {
  padding: 140px 0;
}
@media only screen and (max-width: 767px) {
  .crafting-sec {
    padding: 96px 0 76px;
  }
}
@media only screen and (max-width: 767px) {
  .crafting-sec .row .d-col-2 {
    margin-bottom: 20px;
  }
}
.crafting-sec .row .d-col-2:first-child {
  width: 48.577%;
}
@media only screen and (max-width: 767px) {
  .crafting-sec .row .d-col-2:first-child {
    width: 100%;
  }
}
.crafting-sec .row .d-col-2:last-child {
  width: 51.423%;
  padding-left: 1.245%;
}
@media only screen and (max-width: 767px) {
  .crafting-sec .row .d-col-2:last-child {
    width: 100%;
    padding-left: 10px;
  }
}
.crafting-sec .whiteBg {
  background-color: #fff;
}
.crafting-sec .whiteBg.craftingQuality-block {
  padding: 49px 38px;
  background: url(../../images/crafting-quality.webp) #fff;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}
@media only screen and (max-width: 767px) {
  .crafting-sec .whiteBg.craftingQuality-block {
    background: url(../../images/diamond_mob.png) #fff;
    padding: 40px 16px 251px;
    background-position: bottom center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
.crafting-sec .whiteBg h2 {
  margin-bottom: 20px;
}
.crafting-sec .whiteBg p {
  color: #001e62;
}
.crafting-sec .whiteBg.craftingBar {
  padding: 16.5px 34px;
}
@media only screen and (max-width: 767px) {
  .crafting-sec .whiteBg.craftingBar {
    padding: 20px 16px;
  }
}
.crafting-sec .right {
  align-items: flex-start;
}
.crafting-sec .right h3 {
  margin-bottom: 4px;
  color: #001e62;
  letter-spacing: -0.96px;
}
@media only screen and (max-width: 767px) {
  .crafting-sec .right h3 {
    font-size: 32px;
    line-height: 46px;
    font-weight: normal;
    letter-spacing: -0.72px;
  }
}
.crafting-sec .right p {
  margin: 0;
  max-width: 435px;
}
@media only screen and (max-width: 767px) {
  .crafting-sec .right p {
    max-width: 100%;
  }
}
.crafting-sec .right .craftingBar {
  margin-bottom: 24px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .crafting-sec .right .craftingBar {
    margin-bottom: 20px;
  }
}
.crafting-sec .right .craftingBar:last-child {
  margin-bottom: 0;
}

.fctc-sec {
  padding: 240px 0;
}
@media only screen and (max-width: 767px) {
  .fctc-sec {
    padding: 96px 0;
  }
}
.fctc-sec .h1,
.fctc-sec h3 {
  color: #001e62;
  margin-bottom: 20px;
}
.fctc-sec h3 {
  letter-spacing: -0.96px;
}
@media only screen and (max-width: 767px) {
  .fctc-sec h3 {
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    letter-spacing: -0.54px;
  }
}
@media only screen and (max-width: 767px) {
  .fctc-sec .h1 {
    font-size: 36px;
    line-height: 46px;
    font-weight: normal;
    letter-spacing: -1.2px;
  }
}

form p {
  margin: 0;
  position: relative;
}
form p .wpcf7-spinner {
  right: 13px;
  margin: auto;
  top: 0;
  bottom: 0;
  background: #dce4ec;
  position: absolute;
}
form p .wpcf7-spinner::before {
  background-color: #001e62;
}
form .row {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  form .row {
    margin-bottom: 0;
  }
}/*# sourceMappingURL=home_page.css.map */