@font-face {
  font-family: TTNorms-Regular;
  src: url(../fonts/TTNorms-Regular.otf);
}
@font-face {
  font-family: TTNorms-Bold;
  src: url(../fonts/TTNorms-Bold.otf);
}
@font-face {
  font-family: TTNorms-Bold-Italic;
  src: url(../fonts/TTNorms-Bold.otf);
}
@font-face {
  font-family: TTNorms-Light;
  src: url(../fonts/TTNorms-Light.otf);
}
@font-face {
  font-family: TTNorms-Black;
  src: url(../fonts/TTNorms-Black.otf);
}
@font-face {
  font-family: TTNorms-Black-Italic;
  src: url(../fonts/TTNorms-BlackItalic.otf);
}
@font-face {
  font-family: TTNorms-BoldItalic;
  src: url(../fonts/TTNorms-BoldItalic.otf);
}
@font-face {
  font-family: TTNorms-ExtraBold;
  src: url(../fonts/TTNorms-ExtraBold.otf);
}
@font-face {
  font-family: TTNorms-ExtraBoldItalic;
  src: url(../fonts/TTNorms-ExtraBoldItalic.otf);
}
@font-face {
  font-family: TTNorms-ExtraLight;
  src: url(../fonts/TTNorms-ExtraLight.otf);
}
@font-face {
  font-family: TTNorms-ExtraLightItalic;
  src: url(../fonts/TTNorms-ExtraLightItalic.otf);
}
@font-face {
  font-family: TTNorms-Heavy;
  src: url(../fonts/TTNorms-Heavy.otf);
}
@font-face {
  font-family: TTNorms-HeavyItalic;
  src: url(../fonts/TTNorms-HeavyItalic.otf);
}
@font-face {
  font-family: TTNorms-Italic;
  src: url(../fonts/TTNorms-Italic.otf);
}
@font-face {
  font-family: TTNorms-Light-Italic;
  src: url(../fonts/TTNorms-LightItalic.otf);
}
@font-face {
  font-family: TTNorms-Medium;
  src: url(../fonts/TTNorms-Medium.otf);
}
@font-face {
  font-family: TTNorms-Medium-Italic;
  src: url(../fonts/TTNorms-MediumItalic.otf);
}
@font-face {
  font-family: TTNorms-Thin;
  src: url(../fonts/TTNorms-Thin.otf);
}
@font-face {
  font-family: TTNorms-Thin-Italic;
  src: url(../fonts/TTNorms-ThinItalic.otf);
}

* {
  font-family: TTNorms-Regular;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.landing {
  background-size: cover;
  height: 85vh;
}

.landing .carousel-item img{
  width: 100%;
  background-size: cover;
  height: 85vh;
}

.landing-overlay {
  background-size: cover;
  height: 85vh;
  position: absolute;
  top: 0;
}

.about-us-landing {
  background: url("../images/about_us_banner.png") no-repeat;
  background-size: cover;
  background-position-x: right;
  height: 70vh;
}

.our-products-landing,
.contact-us-landing {
  background: url("../images/product_banner.png") no-repeat center center;
  background-size: cover;
  height: 60vh;
}

.career-landing {
  background: url("../images/Careers/careers_banner.png") no-repeat center
    center;
  background-size: cover;
  height: 60vh;
}

.product-landing {
  background: url("../images/more_info_banner.png") no-repeat center center;
  background-size: cover;
  height: 65vh;
}

#product-laptop-column {
  display: block;
}
.our-success {
  background: url("../images/Group215.png") no-repeat center center;
  background-size: cover;
  height: 100vh;
}

.our-success .container:nth-child(1) {
  padding-left: 200px;
}
.our-success .container:nth-child(1) #inner-margin-text {
  margin-left: 150px;
}
.our-success .count p {
  color: #3350ac;
}

.success-paragraph {
  width: 50%;
}

.success-btn {
  width: 35%;
}

footer ul {
  list-style: none;
}

.product-list .container {
  background: url(../images/product_wave.png) no-repeat, #324faa;
  background-size: cover;
}

.form-container {
  width: 500px;
}
.our-projects {
  background-color: #3350ac;
  height: 100vh;
}
.our-projects button {
  width: 75%;
}

.vision-section {
  background: url("../images/about_us_vision.png") no-repeat center center;
  background-size: cover;
  height: 70vh;
}

#products-lap {
  display: flex;
}

.timeline-steps div {
  height: 5px;
  width: 2px;
  background-color: #324faa;
  margin-bottom: 3px;
}

#button-right-arrow {
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 0.66;
}

.vision-overlay {
  background: rgba(50, 79, 170, 0.7);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  margin-top: 0px;
}

.nav-menu-list li a {
  text-decoration: none;
  color: white;
}

.after-vision {
  top: 190vh;
}
@media screen and (max-width: 550px) {
  .success-paragraph {
    width: 100%;
  }
  .success-btn {
    width: 75%;
  }
  .our-success .container:nth-child(1) {
    padding-left: 0px;
  }
  .our-success .container:nth-child(1) #inner-margin-text {
    margin-left: 0px;
  }
  .our-projects button {
    width: auto;
  }

  .vision-overlay {
    margin-top: 120px;
  }
}
@media screen and (max-width: 1000px) {
  .success-paragraph {
    width: 75%;
  }
  #product-laptop-column {
    display: none;
  }
  .our-success .container:nth-child(1) {
    padding-left: 50px;
  }
  .our-success .container:nth-child(1) #inner-margin-text {
    margin-left: 100px;
  }
  .our-success {
    height: auto;
  }
  .our-projects {
    height: auto;
  }
  #products-lap {
    display: none;
  }
  .after-vision {
    top: 200vh;
  }
}
@media screen and (max-width: 768px) {
  .landing-overlay,
  .career-landing,
  .about-us-landing,
  .our-products-landing,
  .contact-us-landing,
  .product-landing {
    background: rgb(51, 80, 172);
    background: linear-gradient(
      180deg,
      rgba(51, 80, 172, 1) 48%,
      rgba(255, 97, 97, 1) 95%
    );
  }

  .after-vision {
    top: 230vh;
  }
}

.lh-edit {
  line-height: 1 !important;
  letter-spacing: -1px !important;
}

h1,
h3 {
  line-height: 1 !important;
  letter-spacing: -1px !important;
}

.card-title {
  line-height: 1 !important;
  letter-spacing: 0px !important;
  padding-bottom: 10px;
}

.footer-quote {
  font-size: 3rem !important;
  line-height: 1.1 !important;
}

.footer-logo img {
  width: 100px;
}

.form-control {
  border: 0px !important;
}

.form-select {
  border: 0px !important;
}

.btn-light {
  box-shadow: 0px 7px 10px -5px rgb(0 0 0 / 10%) !important;
  background-color: white !important;
}

.animated-bg-circle {
  background-color: rgba(255, 255, 255, 0.4);
  height: 60px;
  width: 60px;
  -webkit-transition: 0.5s;
}

#animated-bg-outer-circle {
  background-color: rgba(255, 255, 255, 0.2);
  height: 80px;
  width: 80px;
  -webkit-transition: 0.5s;
}
#animated-bg-outer-circle:hover {
  animation: blowing-outer 0.5s forwards;
}
.animated-bg-circle:hover {
  animation: blowing 0.5s forwards;
}

@keyframes blowing {
  0% {
    height: 60px;
    width: 60px;
  }
  100% {
    height: 75px;
    width: 75px;
  }
}
@keyframes blowing-outer {
  0% {
    height: 80px;
    width: 80px;
  }
  100% {
    height: 85px;
    width: 85px;
  }
}

.cr-box {
  box-shadow: rgb(91 91 91 / 10%) 0px 4px 12px;
  border-radius: 5px;
}

.bi-icons i{
  color: red;
  font-size: 22px;
}

.bi-icons .fw-bold{

  font-size: 22px;
}

.form-control{
    border: 1px solid #d8d8d8!important;
    padding: 10px!important;
}

.apply{
  cursor: pointer;
}

footer a{
  color: #fff!important;
  text-decoration: none!important;
}

.m-center{
  margin: 0px auto;
  float: none;
}