.mainContainer {
  height: 25vh !important;
}
.mainContainer img:first-child {
  display: none;
}
#navbarNav > a > img {
  display: block !important;
}
.navbar-brand {
  color: black !important;
}
.welcomeText {
  display: none;
}
.loginCircle {
  background-color: #5479ee !important;
  color: white !important;
}
/* Header Section End */
.section1LeftSection {
  font-family: "Playfair Display";
  font-size: 48px;
  line-height: 120.3%;
}
.section1 {
  margin-top: 10%;
}

.section2 {
  margin-top: 5%;
  /* padding-top: 5%;
    padding-bottom: 5%; */
  padding: 100px;
  background: linear-gradient(126.3deg, #00e4d7 15.5%, #5479ee);
}

.section2-title {
  line-height: 120.3%;
  height: 40px;
  font-family: "Playfair Display";
  color: #fff;
  text-align: center;
  font-size: 24px;
}

.section2-img {
  text-align: center;
  height: 50px;
}

.section2-detail {
  text-align: center;
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
}
.section3 {
  margin-top: 10%;
}
.section3-img {
  border-radius: 50%;
  background: linear-gradient(146.97deg, #00e4d7, #5479ee 76.51%);
  height: 75px;
  width: 75px;
}
.section3-title {
  line-height: 120.3%;
  font-family: "Playfair Display";
  text-align: left;
  font-size: 24px;
  color: #000;
}
.section3-text {
  font-size: 14px;
  font-family: Montserrat;
}
.a-best-place {
  font-size: 48px;
  line-height: 120.3%;
  font-family: "Playfair Display";
  margin-top: -15px;
}

.welcome-to-the {
  font-size: 14px;
  text-align: justify;
}

.buildCircleBlue {
  letter-spacing: 0.16em;
  line-height: 139.8%;
  text-transform: uppercase;
  border-radius: 100px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #000 !important;
  text-align: center;
  background-color: #5479ee;
  /* border: 1px solid white; */
  color: white !important;
}

.image-3-icon {
  /* width: 254px; */
  height: 339px;
  object-fit: cover;
  margin-top: 30%;
}

.image-2-icon {
  /* width: 254px; */
  height: 339px;
  object-fit: cover;
  margin-bottom: 30%;
}

.whatWeOffer {
  background-color: #f7f7f7;
  margin-top: 10%;
}

.ourServices {
  margin-top: 10%;
  margin-bottom: 5px;
}

.what-we-offer {
  font-size: 48px;
  line-height: 120.3%;
  font-family: "Playfair Display";
}

.offer-box {
  background-color: #fff;
  height: 296px;
  /* border: 1px solid black; */

  padding: 30px;
}

.offer-box-title {
  font-size: 21px;
  line-height: 120.3%;
  font-family: "Playfair Display";
  margin-top: 10px;
  /* display: inline-block; */
}

.offer-box-detail {
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}

.offer-box-learn-more {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 12px;
}

.offer-box-last {
  background: linear-gradient(126.3deg, #00e4d7 15.5%, #5479ee);
}

.ready-to-take {
  font-size: 31px;
  line-height: 120.3%;
  font-family: "Playfair Display";
  color: #fff;
  white-space: break-spaces;
  padding: 10px;
}

.builderOfferCircle {
  background-color: #fff;
  border: 1px solid white;
  color: #3a9ce7 !important;

  letter-spacing: 0.16em;
  line-height: 139.8%;
  text-transform: uppercase;
  border-radius: 100px;
  font-size: 12px;
  padding: 15px;
  text-align: center;
}

.letsDiveText {
  color: #fff;
  text-align: center;
  /* margin-top: 25vh; */
}

.mainContainerLetsDive {
  /* height: 100vh; */
  height: 629px;
  width: 100vw;
  position: relative;
  /* background-color: #f7f7f7; */
}

.mainContainerLetsDive img {
  position: absolute;
  /* inset: 0; */
  width: 100%;
  /* height: 100%; */
  height: 629px;
  z-index: -1;
  object-fit: cover;
}

.lets-drive-success {
  font-size: 64px;
  line-height: 120.3%;
  font-family: "Playfair Display";
  color: #fff;
  display: inline-block;
}

.letsDriveCol {
  text-align: left;
  margin-top: 25vh;
}

.margin-top-color {
  height: 20vh;
  /* Adjust the height as needed */
  background-color: #f7f7f7;
  /* Specify the desired background color */
}

.bestIndustry {
  background-color: #fff;
  margin-top: 0px;
}

.mask-group-icon {
  /* position: absolute; */
  height: 562px;
  object-fit: cover;
  width: 100%;
}

.bestIndustryTitle {
  font-size: 48px;
  line-height: 120.3%;
  font-family: "Playfair Display";
  margin-top: 100px;
  /* margin-top: 25vh; */
}

.bestIndustryDetail {
  line-height: 139.8%;
  font-weight: 300;
  font-size: 14px;
}

.time-and-resource {
  font-size: 20px;
  line-height: 120.3%;
  font-weight: 500;
}

.time-resource-text {
  line-height: 139.8%;
  font-weight: 300;
  font-size: 12px;
}

.testominal {
  background-color: #f7f7f7;
  margin-top: 0%;
}

.testimonial-text {
  text-transform: uppercase;
  font-family: Montserrat;
  display: inline-block;
  color: #5479ee;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.3em;
  font-size: 14px;
}

.quote {
  font-size: 128px;
  color: #5479ee;
  font-family: "Playfair Display";
  margin-bottom: -60px;
}

.quote-text {
  line-height: 139.8%;
  font-size: 32px;
  font-family: "Playfair Display";
  text-align: center;
}

.customer-name {
  font-size: 20px;
  font-weight: 500;

  text-transform: uppercase;
  font-family: Montserrat;
  color: #5479ee;
}

.client-logo {
  background-color: #ffff;
  margin-top: 0%;
}

.logo-image {
  object-fit: contain;
  height: 106px;
}

.logo-div {
  margin-top: 5%;
  margin-bottom: 5px;
}
#submit {
  color: #fff;

  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 139.8%; /* 16.776px */
  letter-spacing: 1.92px;
  text-transform: uppercase;
  padding: 15px;
}
.lockImg{
    text-align: center;
}
.mainHead{
    color: #000;

text-align: center;
font-family: Playfair Display;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 120.3%; /* 57.744px */
}
.subHead{
    color: #000;

text-align: center;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 159.8%; /* 25.568px */
}

#login{
    color: #000;

text-align: center;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 139.8%; /* 16.776px */
letter-spacing: 1.92px;
text-transform: uppercase;
background: #FFF;
padding: 15px;
border-color: #000;
}

.error{
    font-size: 12px !important;
}

.inputTxt::placeholder{
    color: #000;

font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 159.8%; /* 25.568px */
}