@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*--Home pgae - Header style start---*/

.mobileBr {
  display: none;
}

.wrapper {
  overflow-x: hidden;
}

.header {
  background-image: url("/img/header/BGHEAD.png");
  min-height: 100vh;
  background-size: 100vw 100vh;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
}

.header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-size: 100vw 100vh;
  background-repeat: no-repeat;
  background-image: url("/img/websiteImages/header-buildings-min.png");
}

.airplaneAnim {
  position: absolute;
  right: calc(1px + (2000) * ((100vh) / (1440)));
  top: calc(1px + (420) * ((100vh) / (1440)));
  width: calc(1px + (0) * ((100vh) / (1440)));
  height: calc(1px + (0) * ((100vh) / (1440)));
  animation: airplane 15s infinite cubic-bezier(0.85, 0.25, 0.7, 0.4);
}

@keyframes airplane {
  0% {
    opacity: 0.2;
    right: calc(1px + (2000) * ((100vh) / (1440)));
    top: calc(1px + (420) * ((100vh) / (1440)));
    width: calc(1px + (20) * ((100vh) / (1440)));
    height: calc(1px + (20) * ((100vh) / (1440)));
  }
  15% {
    opacity: 0.7;
  }
  35% {
    opacity: 1;
  }
  100% {
    right: calc(1px - (600) * ((100vh) / (1440)));
    top: calc(1px + (690) * ((100vh) / (1440)));
    width: calc(1px + (160) * ((100vh) / (1440)));
    height: calc(1px + (160) * ((100vh) / (1440)));
  }
}

.headerRow {
  width: 85%;
  z-index: 999;
}

.headerLeft {
  margin: calc(1px - (240) * ((100vh) / (1440))) 0 0 0 !important;
}

.headerLeftText {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (70) * ((100vw) / (2560)));
  color: white;
  margin: 0;
}

.headerLeftParagraph {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: calc(1px + (22) * ((100vw) / (2560)));
  line-height: calc(1px + (28) * ((100vw) / (2560)));
  color: #ffffff;
}

#headerLeadForm {
  margin-top: calc(1px + (90) * ((100vw) / (2560)));
}

#leadsInput {
  background: #ffffff;
  border-radius: 5px 0px 0px 5px;
  color: black;
  font-family: Montserrat;
  border: 1px solid white;
  outline: none;
  transition: 0.2s ease-in;
  font-size: calc(1px + (18) * ((100vw) / (2560)));
  width: calc(1px + (400) * ((100vw) / (2560)));
  padding: calc(1px + (9) * ((100vh) / (1440)))
    calc(1px + (5) * ((100vw) / (2560)));
}

#leadsInput:focus {
  border-color: #f15037;
  border-style: solid;
  border-width: 1px 0 1px 1px;
}

#leadsInput:not(:focus) {
  border-color: white;
  border-style: solid;
  border-width: 1px 0 1px 1px;
}

#leadsInput:hover {
  border-color: #f15037;
  border-style: solid;
  border-width: 1px 0 1px 1px;
}

.headerLeadsBtnTxtMobile {
  display: none;
}

#headerLeadsBtn {
  background: #f15037;
  border-radius: 0px 5px 5px 0px;
  outline: none;
  color: white;
  border: 1px solid #f15037;
  font-size: calc(1px + (18) * ((100vw) / (2560)));
  font-family: Montserrat;
  cursor: pointer;
  padding: calc(1px + (9) * ((100vh) / (1440)))
    calc(1px + (50) * ((100vw) / (2560)));
}

#headerLeadsBtn:disabled,
#headerLeadsBtn[disabled] {
  border: 1px solid #cccccc;
  background-color: #cccccc;
  color: #666666;
  cursor: auto;
}

#HeaderEmailMessage {
  position: absolute;
  color: rgb(0, 0, 0);
  font-size: calc(1px + (22) * ((100vw) / (2560)));
  font-family: Montserrat;
  font-weight: normal;
}

/*--End header style--*/

/*---First section style / We belive in time well spent---*/

.firstSection {
  margin-top: calc(1px + (200) * ((100vw) / (2560)));
}

.aboveSecondaryTitle {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (18) * ((100vw) / (2560)));
  line-height: calc(1px + (60) * ((100vw) / (2560)));
  text-align: center;
  margin-bottom: 0;
  color: #000000;
}

.secondaryTitle {
  opacity: 0;
  transform: translateY(-20px);
  transition: 0.5s ease-in;
  margin-top: 0;
  margin-bottom: calc(1px + (90) * ((100vw) / (2560)));
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: calc(1px + (75) * ((100vw) / (2560)));
  text-align: center;
  color: #000000;
}

.rowWrapper {
  display: flex;
  justify-content: center;
}

.firstSectionSecondRow {
  width: 70%;
}

.firstSectionLeftCol {
  padding-top: calc(1px + (90) * ((100vw) / (2560)));
}

.firstSectionLeftCol h3,
.firstSectionLeftCol p,
.firstSectionLeftCol a {
  padding-left: calc(1px + (140) * ((100vw) / (2560)));
}

.firstSectionLeftTitle {
  transform: translateY(-10px);
  opacity: 0;
  transition: 0.5s ease-in;
  margin-top: 20px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: calc(1px + (48) * ((100vw) / (2560)));
  line-height: normal;
  color: #000000;
}

.firstSectionLeftParagraph {
  opacity: 0;
  transition: 0.5s ease-in;
  padding-left: 5px;
  margin: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: calc(1px + (21) * ((100vw) / (2560)));
  line-height: calc(1px + (45) * ((100vw) / (2560)));
  color: #000000;
}

.firstSectionLeftBtn {
  transform: translateY(-10px);
  opacity: 0;
  transition: 0.5s ease-in;
  padding-left: 5px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (21) * ((100vw) / (2560)));
  line-height: calc(1px + (140) * ((100vw) / (2560)));
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

.firstSectionLeftBtn span {
  padding-left: 3px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (21) * ((100vw) / (2560)));
  line-height: calc(1px + (45) * ((100vw) / (2560)));
  color: #ff5607;
  transition: 0.2s ease-in;
}

.firstSectionLeftBtn:hover span {
  padding-left: 10px;
}

.firstSectionRightImg {
  opacity: 0;
  transform: translateX(40px);
  transition: 1.2s ease-in;
  background-image: url("/img/websiteImages/Luminous6-04.jpg");
  height: calc(1px + (690) * ((100vw) / (2560)));
  width: calc(1px + (750) * ((100vw) / (2560)));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: 0.2s ease-in;
  border-radius: 10px;
}

.firstSectionRightImg::after {
  content: "";
  background-image: url("/img/websiteImages/pattern.png");
  position: absolute;
  width: calc(1px + (280) * ((100vw) / (2560)));
  height: calc(1px + (280) * ((100vw) / (2560)));
  bottom: calc(1px + (-80) * ((100vw) / (2560)));
  right: calc(1px - (80) * ((100vw) / (2560)));
  background-size: 100% 100%;
}

/*--- END! First section style / We belive in time well spent---*/

/*--- First section style sedond row (img right) ---*/

.firstSectionSecondRowSecondRow {
  margin-top: calc(1px + (0) * ((100vw) / (2560)));
}

.secondaryTitle {
  margin-top: 0;
  margin-bottom: calc(1px + (90) * ((100vw) / (2560)));
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: calc(1px + (75) * ((100vw) / (2560)));
  text-align: center;
  color: #000000;
}

.rowWrapper {
  display: flex;
  justify-content: center;
}

.firstSectionSecondRowSecondRow {
  width: 70%;
  padding-left: calc(1px + (200) * ((100vw) / (2560)));
}

.firstSectionSecondRowLeftCol {
  padding-top: calc(1px + (50) * ((100vw) / (2560)));
}

.firstSectionSecondRowLeftCol h3,
.firstSectionSecondRowLeftCol p,
.firstSectionSecondRowLeftCol a {
  padding-left: calc(1px + (100) * ((100vw) / (2560)));
}

.firstSectionSecondRowLeftTitle {
  transform: translateY(-10px);
  opacity: 0;
  transition: 0.5s ease-in;
  margin-top: 20px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (48) * ((100vw) / (2560)));
  line-height: normal;
  color: #000000;
}

.firstSectionSecondRowLeftParagraph {
  opacity: 0;
  transform: translateY(20px);
  transition: 0.5s ease-in;
  padding-left: 5px;
  margin: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: calc(1px + (21) * ((100vw) / (2560)));
  line-height: calc(1px + (45) * ((100vw) / (2560)));
  color: #000000;
}

.firstSectionSecondRowLeftBtn {
  padding-left: 5px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (21) * ((100vw) / (2560)));
  line-height: calc(1px + (140) * ((100vw) / (2560)));
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

.firstSectionSecondRowRightImg {
  opacity: 0;
  transform: translateX(-40px);
  transition: 1.2s ease-in;
  background-image: url("/img/websiteImages/fourthsection.jpg");
  height: calc(1px + (600) * ((100vw) / (2560)));
  width: calc(1px + (600) * ((100vw) / (2560)));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: 0.2s ease-in;
  border-radius: 10px;
}

.firstSectionSecondRowRightImg::after {
  content: "";
  background-image: url("/img/websiteImages/pattern.png");
  position: absolute;
  width: calc(1px + (280) * ((100vw) / (2560)));
  height: calc(1px + (280) * ((100vw) / (2560)));
  bottom: calc(1px + (-80) * ((100vw) / (2560)));
  left: calc(1px - (80) * ((100vw) / (2560)));
  background-size: 100% 100%;
}

/*--- End of first section second row style ---*/

/*Second section style*/

.secondSection {
  margin-top: 180px;
}

.secondSectionRow {
  width: 58%;
}

.aboveSecondaryTitleSecondSection {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (20) * ((100vw) / (2560)));
  line-height: calc(1px + (18) * ((100vw) / (2560)));
  margin-bottom: 0;
  color: #000000;
}

.secondSectionLeftTitle {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (55) * ((100vw) / (2560)));
  line-height: calc(1px + (75) * ((100vw) / (2560)));
  color: #000000;
}

/* .secondSectionLeftCol h4, .secondSectionLeftCol h2 {
    padding-left: calc(1px + (110)*((100vw)/(2560)));
} */

.secondSectionLeftCol {
  width: 50%;
}

.secondSectionRightCol {
  display: flex;
  justify-content: center;
  padding-top: calc(1px + (78) * ((100vw) / (2560)));
  width: 40%;
}

.secondSectionRightCol p {
  padding-left: 5px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: calc(1px + (21) * ((100vw) / (2560)));
  line-height: calc(1px + (45) * ((100vw) / (2560)));
  color: #000000;
}

/*END! Second section style*/

/*Third section style*/

.thirdSection {
  margin-top: calc(1px + (300) * ((100vw) / (2560)));
  background: linear-gradient(180deg, #ffffff 50%, #ff5607 50%);
}

.thirdSectionRow {
  width: 71%;
}

.thirdSectionSquare {
  transform: translateY(20px);
  opacity: 0;
  transition: 0.5s ease-in-out;
  background-color: white;
  height: calc(1px + (330) * ((100vw) / (2560)));
  padding-top: calc(1px + (240) * ((100vw) / (2560)));
  padding-left: calc(1px + (50) * ((100vw) / (2560)));
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

.thirdSectionSquare:hover {
  color: white;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
  background-color: #ffc100;
  transition: 0.3s ease-in-out;
}

.thirdSectionSquare:hover a,
.thirdSectionSquare:hover a span {
  color: white;
}

.thirdSectionSquare p {
  margin: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (38) * ((100vw) / (2560)));
  line-height: calc(1px + (45) * ((100vw) / (2560)));
  color: #000000;
}

.thirdSectionCol {
  margin: calc(1px + (25) * ((100vw) / (2560))) !important;
  width: calc(1px + (536) * ((100vw) / (2560))) !important;
}

.lernMoreBtn {
  position: absolute;
  bottom: calc(1px + (25) * ((100vw) / (2560)));
  padding-left: 0 !important;
}

/*END! third section style*/

/*Fourth section style*/

.fourthSection {
  padding-top: calc(1px + (200) * ((100vw) / (2560))) !important;
  background-color: #ff5607;
  margin-top: -1px;
}

.fourthSectionRow {
  margin-left: calc(1px + (55) * ((100vw) / (2560)));
  width: 70%;
}

.fourthSectionColLeft {
  padding-top: calc(1px + (150) * ((100vw) / (2560)));
}

.aboveSecondaryTitleFourthSection {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: calc(1px + (18) * ((100vw) / (2560)));
  line-height: calc(1px + (0) * ((100vw) / (2560)));
  margin-bottom: 0;
  color: white;
}

.fourthSectionLeftTitle {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (55) * ((100vw) / (2560)));
  line-height: calc(1px + (75) * ((100vw) / (2560)));
  color: white;
  padding-top: calc(1px + (45) * ((100vw) / (2560)));
}

.fourthSectionLeftBtn {
  padding-left: 5px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (21) * ((100vw) / (2560)));
  line-height: calc(1px + (60) * ((100vw) / (2560)));
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.fourthSectionLeftBtn span {
  padding-left: 3px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (21) * ((100vw) / (2560)));
  line-height: calc(1px + (45) * ((100vw) / (2560)));
  color: white;
  transition: 0.2s ease-in;
}

.fourthSectionLeftBtn:hover span {
  padding-left: 10px;
}

.fourthSectionrightImg {
  background-image: url("");
  background-image: url("/img/websiteImages/Luminous3-10.jpg");
  height: calc(1px + (620) * ((100vw) / (2560)));
  width: calc(1px + (640) * ((100vw) / (2560)));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: 0.2s ease-in;
  box-shadow: 10px 10px 0 0 #ffc100;
}

.fourthSectionrightImg::after {
  content: "";
  background-image: url("/img/websiteImages/patternWhite.png");
  position: absolute;
  width: calc(1px + (310) * ((100vw) / (2560)));
  height: calc(1px + (310) * ((100vw) / (2560)));
  bottom: calc(1px + (-90) * ((100vw) / (2560)));
  right: calc(1px + (120) * ((100vw) / (2560)));
  background-size: 100% 100%;
}

/*END! fourth section style*/

/*fifth section style*/

.fifthSection {
  padding-top: calc(1px + (200) * ((100vw) / (2560))) !important;
  padding-bottom: calc(1px + (200) * ((100vw) / (2560))) !important;
  background-color: #ff5607;
  margin-top: -1px;
}

.fifthSectionRow {
  margin-left: calc(1px + (55) * ((100vw) / (2560)));
  width: 70%;
}

.fifthSectionColLeft {
  padding-top: calc(1px + (150) * ((100vw) / (2560)));
  margin: 0 0 0 calc(1px + (230) * ((100vw) / (2560))) !important;
}

.aboveSecondaryTitleFifthSection {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: calc(1px + (18) * ((100vw) / (2560)));
  line-height: calc(1px + (0) * ((100vw) / (2560)));
  margin-bottom: 0;
  color: white;
}

.fifthSectionLeftTitle {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (55) * ((100vw) / (2560)));
  line-height: calc(1px + (75) * ((100vw) / (2560)));
  color: white;
  padding-top: calc(1px + (25) * ((100vw) / (2560)));
}

.fifthSectionLeftBtn {
  padding-left: 5px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (21) * ((100vw) / (2560)));
  line-height: calc(1px + (60) * ((100vw) / (2560)));
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.fifthSectionLeftBtn span {
  padding-left: 3px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (21) * ((100vw) / (2560)));
  line-height: calc(1px + (45) * ((100vw) / (2560)));
  color: white;
  transition: 0.2s ease-in;
}

.fifthSectionLeftBtn:hover span {
  padding-left: 10px;
}

.fifthSectionrightImg {
  background-image: url("");
  background-image: url("/img/websiteImages/mwangi-gatheca-qlKaN7eqay8-unsplash 1.png");
  height: calc(1px + (620) * ((100vw) / (2560)));
  width: calc(1px + (640) * ((100vw) / (2560)));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: 0.2s ease-in;
  box-shadow: 10px 10px 0 0 #ffc100;
}

.fifthSectionrightImg::after {
  content: "";
  background-image: url("/img/websiteImages/patternWhite.png");
  position: absolute;
  width: calc(1px + (310) * ((100vw) / (2560)));
  height: calc(1px + (310) * ((100vw) / (2560)));
  bottom: calc(1px + (-90) * ((100vw) / (2560)));
  left: calc(1px + (450) * ((100vw) / (2560)));
  background-size: 100% 100%;
}

/*END! fifth section style*/

/*Sixth section style - our services*/

.sixthSection {
  margin-top: calc(1px + (180) * ((100vw) / (2560))) !important;
}

.sixthSectionTitle {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: calc(1px + (75) * ((100vw) / (2560)));
  text-align: center;
  color: #000000;
}

.sixthSectionSecondaryTitle {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: calc(1px + (22) * ((100vw) / (2560)));
  line-height: calc(1px + (37) * ((100vw) / (2560)));
  color: #000000;
  text-align: center;
}

.sixthRowIcons {
  width: 80%;
  margin-top: calc(1px + (100) * ((100vw) / (2560)));
}

.iconsCol {
  width: 14%;
  float: left;
  margin: 0 1%;
  background-color: #fffbed;
  border-radius: 20px;
  padding-top: calc(1px + (60) * ((100vw) / (2560)));
  padding-right: calc(1px + (35) * ((100vw) / (2560)));
  padding-bottom: calc(1px + (90) * ((100vw) / (2560)));
  padding-left: calc(1px + (35) * ((100vw) / (2560)));
  transition: 0.2s ease-in;
}

#icon1 {
  background-image: url("/img/icons/Luminous_Icons-02.png");
}

#icon2 {
  background-image: url("/img/icons/Luminous_Icons-03.png");
}

#icon3 {
  background-image: url("/img/icons/Luminous_Icons-04.png");
}

#icon4 {
  background-image: url("/img/icons/Luminous_Icons-05.png");
}

#icon5 {
  background-image: url("/img/icons/Luminous_Icons-06.png");
}

#icon1,
#icon2,
#icon3,
#icon4,
#icon5 {
  height: calc(1px + (220) * ((100vw) / (2560)));
  width: calc(1px + (284) * ((100vw) / (2560)));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: 0.2s ease-in;
}

.iconsCol:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.3);
}

.icontTxt1,
.icontTxt2,
.icontTxt3,
.icontTxt4,
.icontTxt5 {
  position: absolute;
  bottom: calc(1px + (20) * ((100vw) / (2560)));
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: calc(1px + (22) * ((100vw) / (2560)));
  line-height: calc(1px + (18) * ((100vw) / (2560)));
  color: #000000;
  text-align: center;
  background-color: #ffc100;
}

.icontTxt1 {
  margin-left: calc(1px + (5) * ((100vw) / (2560)));
}

.icontTxt2 {
  margin-left: calc(1px + (50) * ((100vw) / (2560)));
}

.icontTxt3 {
  margin-left: calc(1px + (20) * ((100vw) / (2560)));
}

.icontTxt4 {
  margin-left: calc(1px + (50) * ((100vw) / (2560)));
}

.icontTxt5 {
  margin-left: calc(1px + (5) * ((100vw) / (2560)));
}

/*END! Sixth section style*/

/*Last section style*/

.lastSection {
  margin-top: -3px;
  padding-top: calc(1px + (150) * ((100vw) / (2560)));
  background-image: url("/img/websiteImages/cityFooter.png");
  background-position: bottom center;
  background-size: 100% 100%;
  background-color: #ff5607;
  height: calc(1px + (1875) * ((100vw) / (2560)));
}

.lastSectionRow {
  width: 78%;
  margin-top: calc(1px + (200) * ((100vw) / (2560)));
}

.lastSectionLeftCol {
  padding-top: calc(1px + (80) * ((100vw) / (2560)));
  width: 45%;
}

.lastSectionRightCol {
  width: 38%;
}

.lastSectionTitle {
  transform: translateY(15px);
  opacity: 0;
  transition: 0.5s ease-in;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: calc(1px + (85) * ((100vw) / (2560)));
  color: white;
}

.lastSectionSecondaryTitle {
  opacity: 0;
  transition: 0.5s ease-in;
  margin-top: calc(1px + (45) * ((100vw) / (2560)));
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: calc(1px + (22) * ((100vw) / (2560)));
  line-height: calc(1px + (40) * ((100vw) / (2560)));
  color: white;
}

.lastSectionSecondRow {
  width: 75%;
}

.lastSectionColLeft {
  z-index: 100;
  margin-top: calc(1px + (95) * ((100vw) / (2560)));
  padding: calc(1px + (100) * ((100vw) / (2560))) 0;
  width: 45%;
  float: left;
  background: #ef3416;
  transition: 0.2s ease-in;
}

.lastSectionColRight {
  padding: calc(1px + (340) * ((100vw) / (2560))) 0;
  width: 55%;
  float: left;
  background: #ffc100;
  transition: 0.2s ease-in;
}

.lastSectionColRight::before {
  content: "";
  z-index: -1;
  top: calc(1px + (46) * ((100vw) / (2560)));
  height: calc(1px + (673) * ((100vw) / (2560)));
  width: calc(1px + (200) * ((100vw) / (2560)));
  position: absolute;
  background-color: #343031;
  left: calc(1px + (805) * ((100vw) / (2560)));
}

.lastSectionColLeftTitle {
  margin-top: 0;
  margin-left: calc(1px + (40) * ((100vw) / (2560)));
  margin-bottom: calc(1px + (40) * ((100vw) / (2560)));
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: calc(1px + (60) * ((100vw) / (2560)));
  color: white;
}

.lastSectionColLeft h4 {
  padding: calc(1px + (25) * ((100vw) / (2560))) 0;
  margin-top: 0;
  margin-left: calc(1px + (50) * ((100vw) / (2560)));
  margin-bottom: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: calc(1px + (26) * ((100vw) / (2560)));
  color: white;
}

.lastSectionColLeft h4 a {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  text-decoration: none;
  font-size: calc(1px + (26) * ((100vw) / (2560)));
  color: white;
}

.lastSectionColRightTitle {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: calc(1px + (60) * ((100vw) / (2560)));
  color: white;
}

.formWrapper {
  opacity: 0;
  transition: 0.5s ease-in;
  background-color: white;
  padding: calc(1px + (20) * ((100vw) / (2560)))
    calc(1px + (40) * ((100vw) / (2560))) calc(1px + (25) * ((100vw) / (2560)))
    calc(1px + (30) * ((100vw) / (2560)));
  border-radius: 10px;
}

label {
  color: black;
  font-size: calc(1px + (22) * ((100vw) / (2560)));
  font-family: Montserrat;
  float: left;
}

#fullName,
#location,
#phone,
#email {
  margin-top: calc(1px + (10) * ((100vw) / (2560)));
  width: 100%;
  background-color: white;
  border: 1px solid #ff5d14;
  border-radius: 10px;
  color: black;
  font-size: calc(1px + (22) * ((100vw) / (2560)));
  padding: calc(1px + (15) * ((100vw) / (2560))) 0
    calc(1px + (15) * ((100vw) / (2560))) calc(1px + (10) * ((100vw) / (2560)));
  outline: none;
}

#confirmBtn {
  background-color: #ffc100;
  color: white;
  font-family: Montserrat;
  font-size: calc(1px + (22) * ((100vw) / (2560)));
  text-align: center;
  font-weight: 600;
  border: 0;
  border-radius: 16.5px;
  margin-top: calc(1px + (30) * ((100vw) / (2560)));
  width: 100%;
  padding: calc(1px + (20) * ((100vw) / (2560))) 0;
  outline: none;
  cursor: pointer;
}

.contactMessage {
  margin-top: calc(1px + (22) * ((100vw) / (2560)));
  color: white;
  font-family: Montserrat;
  font-size: calc(1px + (22) * ((100vw) / (2560)));
}

/*Validation Style*/

.valid::after {
  content: attr(valid);
  top: calc(1px + (19) * ((100vw) / (2560)));
  font-size: calc(1px + (22) * ((100vw) / (2560)));
  font-family: Montserrat;
  margin-right: 10px;
  float: left;
}

/*---LOADING SPINNER----*/

.lds-ring {
  display: inline-block;
  position: relative;
  width: calc(1px + (24) * ((100vw) / (2560)));
  height: calc(1px + (24) * ((100vw) / (2560)));
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: calc(1px + (24) * ((100vw) / (2560)));
  height: calc(1px + (24) * ((100vw) / (2560)));
  border: 2px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 991px) {
  /* start of medium tablet styles */
  .wrapper {
    overflow-x: hidden;
  }
  .desktopBr {
    display: none;
  }
  .mobileBr {
    display: block;
  }
  .header {
    background-image: url("/img/websiteImages/mainMobileHead.png");
  }
  .header::after {
    background-image: url("");
  }
  .headerLeft {
    margin: calc(1px - (100) * ((100vh) / (1440))) 0 0 0 !important;
  }
  .headerLeftText {
    font-size: calc(1px + (30) * ((100vw) / (520)));
    padding-right: calc(1px + (100) * ((100vw) / (520)));
  }
  .headerLeftParagraph {
    font-size: calc(1px + (15) * ((100vw) / (520)));
    line-height: calc(1px + (21) * ((100vw) / (520)));
    padding-right: calc(1px + (0) * ((100vw) / (520)));
  }
  #leadsInput {
    font-size: calc(1px + (15) * ((100vw) / (520)));
    width: calc(1px + (230) * ((100vw) / (520)));
    padding: 0 calc(1px + (3) * ((100vw) / (520)));
    height: calc(1px + (30) * ((100vw) / (520)));
  }
  .headerLeadsBtnTxt {
    display: none;
  }
  .headerLeadsBtnTxtMobile {
    display: block;
  }
  #headerLeadsBtn {
    font-size: calc(1px + (15) * ((100vw) / (520)));
    padding: 0 calc(1px + (25) * ((100vw) / (520)));
    height: calc(1px + (32) * ((100vw) / (520)));
  }
  #HeaderEmailMessage {
    font-size: calc(1px + (14) * ((100vw) / (520)));
  }
  /*first section style*/
  .firstSectionSecondRow {
    width: calc(1px + (430) * ((100vw) / (520)));
    display: flex;
    flex-direction: column-reverse;
    margin-top: calc(1px + (20) * ((100vw) / (520)));
  }
  .secondaryTitle {
    font-size: calc(1px + (27) * ((100vw) / (520)));
  }
  .firstSectionRightImg {
    background-image: url(/img/websiteImages/Luminous6-04.jpg);
    height: calc(1px + (400) * ((100vw) / (520)));
    width: calc(1px + (380) * ((100vw) / (520)));
  }
  .firstSectionRightImg::after {
    width: calc(1px + (170) * ((100vw) / (520)));
    height: calc(1px + (170) * ((100vw) / (520)));
    bottom: calc(1px - (50) * ((100vw) / (520)));
    right: calc(1px - (50) * ((100vw) / (520)));
  }
  .firstSectionLeftCol {
    padding-top: calc(1px + (50) * ((100vw) / (520)));
    width: 100%;
  }
  .firstSectionLeftCol h3,
  .firstSectionLeftCol p,
  .firstSectionLeftCol a,
  .firstSectionLeftCol .qImgLeft {
    padding-left: 0;
  }
  .qImgLeft {
    width: calc(1px + (25) * ((100vw) / (520)));
    height: calc(1px + (25) * ((100vw) / (520)));
  }
  .firstSectionLeftTitle {
    font-size: calc(1px + (23) * ((100vw) / (520)));
    font-weight: 500;
  }
  .firstSectionLeftParagraph {
    font-size: calc(1px + (18) * ((100vw) / (520)));
    line-height: calc(1px + (30) * ((100vw) / (520)));
  }
  .firstSectionLeftBtn {
    font-size: calc(1px + (18) * ((100vw) / (520)));
    line-height: calc(1px + (130) * ((100vw) / (520)));
  }
  .firstSectionLeftBtn span {
    font-size: calc(1px + (21) * ((100vw) / (520)));
    line-height: calc(1px + (130) * ((100vw) / (520)));
  }
  .firstSectionSecondRowSecondRow {
    width: 100%;
    padding-left: calc(1px + (100) * ((100vw) / (2560)));
  }
  .firstSectionSecondRowRightImg {
    height: calc(1px + (400) * ((100vw) / (520)));
    width: calc(1px + (380) * ((100vw) / (520)));
  }
  .firstSectionSecondRowLeftCol {
    width: 90%;
  }
  .firstSectionSecondRowLeftTitle {
    padding-left: 0 !important;
    font-size: calc(1px + (25) * ((100vw) / (520)));
  }
  .firstSectionSecondRowLeftParagraph {
    padding-left: 0 !important;
    font-size: calc(1px + (18) * ((100vw) / (520)));
    line-height: calc(1px + (30) * ((100vw) / (520)));
  }
  /*END first section*/
  /*second section style*/
  .secondSection {
    margin-top: calc(1px + (5) * ((100vw) / (520)));
  }
  .secondSectionRow {
    width: calc(1px + (430) * ((100vw) / (520)));
  }
  .aboveSecondaryTitleSecondSection {
    display: none;
  }
  .secondSectionLeftTitle {
    font-size: calc(1px + (32) * ((100vw) / (520)));
    line-height: calc(1px + (40) * ((100vw) / (520)));
  }
  /* .secondSectionLeftCol h4, .secondSectionLeftCol h2 {
        padding-left: calc(1px + (110)*((100vw)/(2560)));
    } */
  .secondSectionLeftCol {
    width: 100%;
  }
  .secondSectionRightCol {
    display: none;
  }
  /*End second section style*/
  /*Third section style*/
  .thirdSection {
    background: linear-gradient(180deg, #ffffff 7%, #ff5607 0%);
  }
  .thirdSectionRow {
    width: calc(1px + (410) * ((100vw) / (520)));
  }
  .thirdSectionSquare {
    background-color: white;
    height: calc(1px + (1250) * ((100vw) / (2560)));
    padding-top: calc(1px + (180) * ((100vw) / (520)));
    padding-left: calc(1px + (30) * ((100vw) / (520)));
    margin-bottom: calc(1px + (60) * ((100vw) / (520)));
  }
  .thirdSectionSquare p {
    font-size: calc(1px + (30) * ((100vw) / (520)));
    line-height: calc(1px + (35) * ((100vw) / (520)));
  }
  #thirdSectionSquareMobile {
    background-color: #ffc100;
  }
  #thirdSectionSquareMobile a,
  #thirdSectionSquareMobile a span {
    color: white;
  }
  .thirdSectionCol {
    margin: calc(1px + (25) * ((100vw) / (2560))) !important;
    width: calc(1px + (400) * ((100vw) / (520))) !important;
  }
  .lernMoreBtn {
    position: relative;
  }
  /*END! third section style*/
  /*Fourth section style*/
  .fourthSection {
    padding-top: 0 !important;
    background-color: #ff5607;
    margin-top: -1px;
  }
  .fourthSectionRow {
    margin-left: 0;
    width: calc(1px + (430) * ((100vw) / (520)));
  }
  .fourthSectionColLeft {
    padding-top: calc(1px + (150) * ((100vw) / (2560)));
    width: 100%;
  }
  /*optional- was in previous version, maybe we will use again*/
  .aboveSecondaryTitleFourthSection {
    font-size: calc(1px + (18) * ((100vw) / (2560)));
    line-height: calc(1px + (0) * ((100vw) / (2560)));
  }
  .fourthSectionLeftTitle {
    font-size: calc(1px + (30) * ((100vw) / (520)));
    line-height: calc(1px + (35) * ((100vw) / (520)));
    padding-top: 0;
  }
  /*optional- was in previous version, maybe we will use again*/
  .fourthSectionLeftBtn {
    font-size: calc(1px + (16) * ((100vw) / (520)));
    line-height: calc(1px + (20) * ((100vw) / (520)));
  }
  /*optional- was in previous version, maybe we will use again*/
  .fourthSectionLeftBtn span {
    font-size: calc(1px + (21) * ((100vw) / (2560)));
    line-height: calc(1px + (45) * ((100vw) / (2560)));
  }
  /*optional- was in previous version, maybe we will use again*/
  .fourthSectionLeftBtn:hover span {
    padding-left: 10px;
  }
  .fourthSectionrightImg {
    height: calc(1px + (360) * ((100vw) / (520)));
    width: calc(1px + (360) * ((100vw) / (520)));
  }
  .fourthSectionrightImg::after {
    width: calc(1px + (180) * ((100vw) / (520)));
    height: calc(1px + (180) * ((100vw) / (520)));
    bottom: calc(1px + (-50) * ((100vw) / (520)));
    right: calc(1px + (5) * ((100vw) / (520)));
  }
  /*END! fourth section style*/
  /*fifth section style*/
  .fifthSection {
    padding-top: calc(1px + (200) * ((100vw) / (2560))) !important;
    padding-bottom: calc(1px + (150) * ((100vw) / (520))) !important;
    background-color: #ff5607;
    margin-top: -1px;
  }
  .fifthSectionRow {
    margin-left: calc(1px + (55) * ((100vw) / (2560)));
    width: calc(1px + (430) * ((100vw) / (520)));
    display: flex;
    flex-direction: column-reverse;
  }
  .fifthSectionColLeft {
    padding-top: calc(1px + (70) * ((100vw) / (520)));
    margin: 0.5rem 2% !important;
    width: calc(1px + (370) * ((100vw) / (520)));
  }
  .fifthSectionLeftTitle {
    font-size: calc(1px + (30) * ((100vw) / (520)));
    line-height: calc(1px + (35) * ((100vw) / (520)));
    text-align: right;
  }
  .fifthSectionrightImg {
    height: calc(1px + (360) * ((100vw) / (520)));
    width: calc(1px + (360) * ((100vw) / (520)));
  }
  .fifthSectionrightImg::after {
    width: calc(1px + (180) * ((100vw) / (520)));
    height: calc(1px + (180) * ((100vw) / (520)));
    bottom: calc(1px + (-50) * ((100vw) / (520)));
    left: calc(1px + (240) * ((100vw) / (520)));
  }
  /*END! fifth section style*/
  /*Sixth section style - our services*/
  .sixthSectionTitle {
    font-size: calc(1px + (30) * ((100vw) / (520)));
  }
  .sixthSectionSecondaryTitle {
    font-size: calc(1px + (17) * ((100vw) / (520)));
    line-height: calc(1px + (23) * ((100vw) / (520)));
  }
  .sixthRowIcons {
    width: calc(1px + (430) * ((100vw) / (520)));
    margin-top: calc(1px + (100) * ((100vw) / (2560)));
  }
  .iconsCol {
    width: 44%;
    padding-top: calc(1px + (100) * ((100vw) / (2560)));
    padding-right: calc(1px + (35) * ((100vw) / (2560)));
    padding-bottom: calc(1px + (60) * ((100vw) / (520)));
    padding-left: calc(1px + (35) * ((100vw) / (2560)));
    margin: 2% 1%;
    display: flex;
    justify-content: center;
  }
  #iconCol5 {
    margin-left: calc(1px + (108) * ((100vw) / (520)));
  }
  #icon1 {
    background-image: url("/img/icons/Luminous_Icons-02.png");
  }
  #icon2 {
    background-image: url("/img/icons/Luminous_Icons-03.png");
  }
  #icon3 {
    background-image: url("/img/icons/Luminous_Icons-04.png");
  }
  #icon4 {
    background-image: url("/img/icons/Luminous_Icons-05.png");
  }
  #icon5 {
    background-image: url("/img/icons/Luminous_Icons-06.png");
  }
  #icon1,
  #icon2,
  #icon3,
  #icon4,
  #icon5 {
    height: calc(1px + (120) * ((100vw) / (520)));
    width: calc(1px + (158) * ((100vw) / (520)));
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: 0.2s ease-in;
  }
  .icontTxt1,
  .icontTxt2,
  .icontTxt3,
  .icontTxt4,
  .icontTxt5 {
    position: relative;
    width: fit-content;
    margin-top: calc(1px + (150) * ((100vw) / (520)));
    font-size: calc(1px + (11) * ((100vw) / (520)));
    line-height: calc(1px + (8) * ((100vw) / (520)));
    color: #000000;
    text-align: center;
    background-color: #ffc100;
  }
  .icontTxt1 {
    margin-left: calc(1px + (12) * ((100vw) / (520)));
  }
  .icontTxt2 {
    margin-left: calc(1px + (32) * ((100vw) / (520)));
  }
  .icontTxt3 {
    margin-left: calc(1px + (20) * ((100vw) / (520)));
  }
  .icontTxt4 {
    margin-left: calc(1px + (32) * ((100vw) / (520)));
  }
  .icontTxt5 {
    margin-left: calc(1px + (12) * ((100vw) / (520)));
  }
  /*END! Sixth section style*/
  /*Last section style*/
  .lastSection {
    background-image: url("/img/websiteImages/footerImageMobile.png");
    background-size: 100% 70%;
    height: calc(1px + (1000) * ((100vw) / (520)));
    background-repeat: no-repeat;
  }
  .lastSectionRow {
    width: calc(1px + (430) * ((100vw) / (520)));
    margin-top: calc(1px + (200) * ((100vw) / (2560)));
  }
  .lastSectionLeftCol {
    padding-top: calc(1px + (80) * ((100vw) / (2560)));
    width: calc(1px + (410) * ((100vw) / (520)));
  }
  .lastSectionRightCol {
    width: calc(1px + (410) * ((100vw) / (520)));
  }
  .lastSectionTitle {
    font-size: calc(1px + (28) * ((100vw) / (520)));
    text-align: center;
  }
  .lastSectionSecondaryTitle {
    margin-top: calc(1px + (30) * ((100vw) / (520)));
    font-size: calc(1px + (17) * ((100vw) / (520)));
    line-height: calc(1px + (22) * ((100vw) / (520)));
    text-align: center;
  }
  .formWrapper {
    padding: calc(1px + (8) * ((100vw) / (520)))
      calc(1px + (14) * ((100vw) / (520))) calc(1px + (15) * ((100vw) / (520)))
      calc(1px + (14) * ((100vw) / (520)));
  }
  label {
    font-size: calc(1px + (15) * ((100vw) / (520)));
  }
  .col-6-mobile-main {
    width: 46%;
  }
  #fullName,
  #location,
  #phone,
  #email {
    margin-top: calc(1px + (1) * ((100vw) / (520)));
    font-size: calc(1px + (18) * ((100vw) / (520)));
    padding: calc(1px + (5) * ((100vw) / (520))) 0
      calc(1px + (5) * ((100vw) / (520))) calc(1px + (1) * ((100vw) / (520)));
  }
  #confirmBtn {
    font-size: calc(1px + (15) * ((100vw) / (520)));
    margin-top: calc(1px + (25) * ((100vw) / (520)));
    padding: calc(1px + (15) * ((100vw) / (520))) 0;
  }
  .contactMessage {
    margin-top: calc(1px + (4) * ((100vw) / (520)));
    font-size: calc(1px + (14) * ((100vw) / (520)));
  }
  /*Validation Style*/
  .valid::after {
    top: calc(1px + (4) * ((100vw) / (520)));
    font-size: calc(1px + (14) * ((100vw) / (520)));
  }
}

@media screen and (max-width: 767px) {
  /* start of medium tablet styles */
  .wrapper {
    overflow-x: hidden;
  }
  .desktopBr {
    display: none;
  }
  .mobileBr {
    display: block;
  }
  .header {
    background-image: url("/img/websiteImages/mainMobileHead.png");
  }
  .header::after {
    background-image: url("");
  }
  .headerLeft {
    margin: calc(1px - (100) * ((100vh) / (1440))) 0 0 0 !important;
  }
  .headerLeftText {
    font-size: calc(1px + (30) * ((100vw) / (479)));
    padding-right: calc(1px + (100) * ((100vw) / (479)));
  }
  .headerLeftParagraph {
    font-size: calc(1px + (15) * ((100vw) / (479)));
    line-height: calc(1px + (21) * ((100vw) / (479)));
    padding-right: calc(1px + (0) * ((100vw) / (479)));
  }
  #leadsInput {
    font-size: calc(1px + (15) * ((100vw) / (479)));
    width: calc(1px + (230) * ((100vw) / (479)));
    padding: 0 calc(1px + (3) * ((100vw) / (479)));
    height: calc(1px + (30) * ((100vw) / (479)));
  }
  .headerLeadsBtnTxt {
    display: none;
  }
  .headerLeadsBtnTxtMobile {
    display: block;
  }
  #headerLeadsBtn {
    font-size: calc(1px + (15) * ((100vw) / (479)));
    padding: 0 calc(1px + (25) * ((100vw) / (479)));
    height: calc(1px + (32) * ((100vw) / (479)));
  }
  #HeaderEmailMessage {
    font-size: calc(1px + (14) * ((100vw) / (479)));
  }
  /*first section style*/
  .firstSectionSecondRow {
    width: calc(1px + (430) * ((100vw) / (479)));
    display: flex;
    flex-direction: column-reverse;
    margin-top: calc(1px + (20) * ((100vw) / (479)));
  }
  .secondaryTitle {
    font-size: calc(1px + (27) * ((100vw) / (479)));
  }
  .firstSectionRightImg {
    background-image: url(/img/websiteImages/Luminous6-04.jpg);
    height: calc(1px + (400) * ((100vw) / (479)));
    width: calc(1px + (380) * ((100vw) / (479)));
  }
  .firstSectionRightImg::after {
    width: calc(1px + (170) * ((100vw) / (479)));
    height: calc(1px + (170) * ((100vw) / (479)));
    bottom: calc(1px - (50) * ((100vw) / (479)));
    right: calc(1px - (50) * ((100vw) / (479)));
  }
  .firstSectionLeftCol {
    padding-top: calc(1px + (50) * ((100vw) / (479)));
    width: 100%;
  }
  .firstSectionLeftCol h3,
  .firstSectionLeftCol p,
  .firstSectionLeftCol a,
  .firstSectionLeftCol .qImgLeft {
    padding-left: 0;
  }
  .qImgLeft {
    width: calc(1px + (25) * ((100vw) / (479)));
    height: calc(1px + (25) * ((100vw) / (479)));
  }
  .firstSectionLeftTitle {
    font-size: calc(1px + (23) * ((100vw) / (479)));
    font-weight: 500;
  }
  .firstSectionLeftParagraph {
    font-size: calc(1px + (18) * ((100vw) / (479)));
    line-height: calc(1px + (30) * ((100vw) / (479)));
  }
  .firstSectionLeftBtn {
    font-size: calc(1px + (18) * ((100vw) / (479)));
    line-height: calc(1px + (130) * ((100vw) / (479)));
  }
  .firstSectionLeftBtn span {
    font-size: calc(1px + (21) * ((100vw) / (479)));
    line-height: calc(1px + (130) * ((100vw) / (479)));
  }
  .firstSectionSecondRowSecondRow {
    width: 100%;
    padding-left: calc(1px + (100) * ((100vw) / (2560)));
  }
  .firstSectionSecondRowRightImg {
    height: calc(1px + (400) * ((100vw) / (479)));
    width: calc(1px + (380) * ((100vw) / (479)));
  }
  .firstSectionSecondRowLeftCol {
    width: 90%;
  }
  .firstSectionSecondRowLeftTitle {
    padding-left: 0 !important;
    font-size: calc(1px + (25) * ((100vw) / (479)));
  }
  .firstSectionSecondRowLeftParagraph {
    padding-left: 0 !important;
    font-size: calc(1px + (18) * ((100vw) / (479)));
    line-height: calc(1px + (30) * ((100vw) / (479)));
  }
  /*END first section*/
  /*second section style*/
  .secondSection {
    margin-top: calc(1px + (5) * ((100vw) / (479)));
  }
  .secondSectionRow {
    width: calc(1px + (430) * ((100vw) / (479)));
  }
  .aboveSecondaryTitleSecondSection {
    display: none;
  }
  .secondSectionLeftTitle {
    font-size: calc(1px + (32) * ((100vw) / (479)));
    line-height: calc(1px + (40) * ((100vw) / (479)));
  }
  /* .secondSectionLeftCol h4, .secondSectionLeftCol h2 {
        padding-left: calc(1px + (110)*((100vw)/(2560)));
    } */
  .secondSectionLeftCol {
    width: 100%;
  }
  .secondSectionRightCol {
    display: none;
  }
  /*End second section style*/
  /*Third section style*/
  .thirdSection {
    background: linear-gradient(180deg, #ffffff 7%, #ff5607 0%);
  }
  .thirdSectionRow {
    width: calc(1px + (410) * ((100vw) / (479)));
  }
  .thirdSectionSquare {
    background-color: white;
    height: calc(1px + (1250) * ((100vw) / (2560)));
    padding-top: calc(1px + (180) * ((100vw) / (479)));
    padding-left: calc(1px + (30) * ((100vw) / (479)));
    margin-bottom: calc(1px + (60) * ((100vw) / (479)));
  }
  .thirdSectionSquare p {
    font-size: calc(1px + (30) * ((100vw) / (479)));
    line-height: calc(1px + (35) * ((100vw) / (479)));
  }
  #thirdSectionSquareMobile {
    background-color: #ffc100;
  }
  #thirdSectionSquareMobile a,
  #thirdSectionSquareMobile a span {
    color: white;
  }
  .thirdSectionCol {
    margin: calc(1px + (25) * ((100vw) / (2560))) !important;
    width: calc(1px + (400) * ((100vw) / (479))) !important;
  }
  .lernMoreBtn {
    position: relative;
  }
  /*END! third section style*/
  /*Fourth section style*/
  .fourthSection {
    padding-top: 0 !important;
    background-color: #ff5607;
    margin-top: -1px;
  }
  .fourthSectionRow {
    margin-left: 0;
    width: calc(1px + (430) * ((100vw) / (479)));
  }
  .fourthSectionColLeft {
    padding-top: calc(1px + (150) * ((100vw) / (2560)));
    width: 100%;
  }
  /*optional- was in previous version, maybe we will use again*/
  .aboveSecondaryTitleFourthSection {
    font-size: calc(1px + (18) * ((100vw) / (2560)));
    line-height: calc(1px + (0) * ((100vw) / (2560)));
  }
  .fourthSectionLeftTitle {
    font-size: calc(1px + (30) * ((100vw) / (479)));
    line-height: calc(1px + (35) * ((100vw) / (479)));
    padding-top: 0;
  }
  /*optional- was in previous version, maybe we will use again*/
  .fourthSectionLeftBtn {
    font-size: calc(1px + (16) * ((100vw) / (479)));
    line-height: calc(1px + (20) * ((100vw) / (479)));
  }
  /*optional- was in previous version, maybe we will use again*/
  .fourthSectionLeftBtn span {
    font-size: calc(1px + (21) * ((100vw) / (2560)));
    line-height: calc(1px + (45) * ((100vw) / (2560)));
  }
  /*optional- was in previous version, maybe we will use again*/
  .fourthSectionLeftBtn:hover span {
    padding-left: 10px;
  }
  .fourthSectionrightImg {
    height: calc(1px + (360) * ((100vw) / (479)));
    width: calc(1px + (360) * ((100vw) / (479)));
  }
  .fourthSectionrightImg::after {
    width: calc(1px + (180) * ((100vw) / (479)));
    height: calc(1px + (180) * ((100vw) / (479)));
    bottom: calc(1px + (-50) * ((100vw) / (479)));
    right: calc(1px + (5) * ((100vw) / (479)));
  }
  /*END! fourth section style*/
  /*fifth section style*/
  .fifthSection {
    padding-top: calc(1px + (200) * ((100vw) / (2560))) !important;
    padding-bottom: calc(1px + (150) * ((100vw) / (479))) !important;
    background-color: #ff5607;
    margin-top: -1px;
  }
  .fifthSectionRow {
    margin-left: calc(1px + (55) * ((100vw) / (2560)));
    width: calc(1px + (430) * ((100vw) / (479)));
    display: flex;
    flex-direction: column-reverse;
  }
  .fifthSectionColLeft {
    padding-top: calc(1px + (70) * ((100vw) / (479)));
    margin: 0.5rem 2% !important;
    width: calc(1px + (370) * ((100vw) / (479)));
  }
  .fifthSectionLeftTitle {
    font-size: calc(1px + (30) * ((100vw) / (479)));
    line-height: calc(1px + (35) * ((100vw) / (479)));
    text-align: right;
  }
  .fifthSectionrightImg {
    height: calc(1px + (360) * ((100vw) / (479)));
    width: calc(1px + (360) * ((100vw) / (479)));
  }
  .fifthSectionrightImg::after {
    width: calc(1px + (180) * ((100vw) / (479)));
    height: calc(1px + (180) * ((100vw) / (479)));
    bottom: calc(1px + (-50) * ((100vw) / (479)));
    left: calc(1px + (240) * ((100vw) / (479)));
  }
  /*END! fifth section style*/
  /*Sixth section style - our services*/
  .sixthSectionTitle {
    font-size: calc(1px + (30) * ((100vw) / (479)));
  }
  .sixthSectionSecondaryTitle {
    font-size: calc(1px + (17) * ((100vw) / (479)));
    line-height: calc(1px + (23) * ((100vw) / (479)));
  }
  .sixthRowIcons {
    width: calc(1px + (430) * ((100vw) / (479)));
    margin-top: calc(1px + (100) * ((100vw) / (2560)));
  }
  .iconsCol {
    width: 44%;
    padding-top: calc(1px + (100) * ((100vw) / (2560)));
    padding-right: calc(1px + (35) * ((100vw) / (2560)));
    padding-bottom: calc(1px + (60) * ((100vw) / (479)));
    padding-left: calc(1px + (35) * ((100vw) / (2560)));
    margin: 2% 1%;
    display: flex;
    justify-content: center;
  }
  #iconCol5 {
    margin-left: calc(1px + (108) * ((100vw) / (479)));
  }
  #icon1 {
    background-image: url("/img/icons/Luminous_Icons-02.png");
  }
  #icon2 {
    background-image: url("/img/icons/Luminous_Icons-03.png");
  }
  #icon3 {
    background-image: url("/img/icons/Luminous_Icons-04.png");
  }
  #icon4 {
    background-image: url("/img/icons/Luminous_Icons-05.png");
  }
  #icon5 {
    background-image: url("/img/icons/Luminous_Icons-06.png");
  }
  #icon1,
  #icon2,
  #icon3,
  #icon4,
  #icon5 {
    height: calc(1px + (120) * ((100vw) / (479)));
    width: calc(1px + (158) * ((100vw) / (479)));
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: 0.2s ease-in;
  }
  .icontTxt1,
  .icontTxt2,
  .icontTxt3,
  .icontTxt4,
  .icontTxt5 {
    position: relative;
    width: fit-content;
    margin-top: calc(1px + (150) * ((100vw) / (479)));
    font-size: calc(1px + (11) * ((100vw) / (479)));
    line-height: calc(1px + (8) * ((100vw) / (479)));
    color: #000000;
    text-align: center;
    background-color: #ffc100;
  }
  .icontTxt1 {
    margin-left: calc(1px + (12) * ((100vw) / (479)));
  }
  .icontTxt2 {
    margin-left: calc(1px + (32) * ((100vw) / (479)));
  }
  .icontTxt3 {
    margin-left: calc(1px + (20) * ((100vw) / (479)));
  }
  .icontTxt4 {
    margin-left: calc(1px + (32) * ((100vw) / (479)));
  }
  .icontTxt5 {
    margin-left: calc(1px + (12) * ((100vw) / (479)));
  }
  /*END! Sixth section style*/
  /*Last section style*/
  .lastSection {
    background-image: url("/img/websiteImages/footerImageMobile.png");
    background-size: 100% 70%;
    height: calc(1px + (1000) * ((100vw) / (479)));
    background-repeat: no-repeat;
  }
  .lastSectionRow {
    width: calc(1px + (430) * ((100vw) / (479)));
    margin-top: calc(1px + (200) * ((100vw) / (2560)));
  }
  .lastSectionLeftCol {
    padding-top: calc(1px + (80) * ((100vw) / (2560)));
    width: calc(1px + (410) * ((100vw) / (479)));
  }
  .lastSectionRightCol {
    width: calc(1px + (410) * ((100vw) / (479)));
  }
  .lastSectionTitle {
    font-size: calc(1px + (28) * ((100vw) / (479)));
    text-align: center;
  }
  .lastSectionSecondaryTitle {
    margin-top: calc(1px + (30) * ((100vw) / (479)));
    font-size: calc(1px + (17) * ((100vw) / (479)));
    line-height: calc(1px + (22) * ((100vw) / (479)));
    text-align: center;
  }
  .formWrapper {
    padding: calc(1px + (8) * ((100vw) / (479)))
      calc(1px + (14) * ((100vw) / (479))) calc(1px + (15) * ((100vw) / (479)))
      calc(1px + (14) * ((100vw) / (479)));
  }
  label {
    font-size: calc(1px + (15) * ((100vw) / (479)));
  }
  .col-6-mobile-main {
    width: 46%;
  }
  #fullName,
  #location,
  #phone,
  #email {
    margin-top: calc(1px + (1) * ((100vw) / (479)));
    font-size: calc(1px + (18) * ((100vw) / (479)));
    padding: calc(1px + (5) * ((100vw) / (479))) 0
      calc(1px + (5) * ((100vw) / (479))) calc(1px + (1) * ((100vw) / (479)));
  }
  #confirmBtn {
    font-size: calc(1px + (15) * ((100vw) / (479)));
    margin-top: calc(1px + (25) * ((100vw) / (479)));
    padding: calc(1px + (15) * ((100vw) / (479))) 0;
  }
  .contactMessage {
    margin-top: calc(1px + (4) * ((100vw) / (479)));
    font-size: calc(1px + (14) * ((100vw) / (479)));
  }
  /*Validation Style*/
  .valid::after {
    top: calc(1px + (4) * ((100vw) / (479)));
    font-size: calc(1px + (14) * ((100vw) / (479)));
  }
}

@media screen and (max-width: 479px) {
  /* start of phone styles */
  .wrapper {
    overflow-x: hidden;
  }
  .desktopBr {
    display: none;
  }
  .mobileBr {
    display: block;
  }
  .header {
    background-image: url("/img/websiteImages/mainMobileHead.png");
  }
  .header::after {
    background-image: url("");
  }
  .headerRow {
    margin-top: calc(1px + (10) * ((100vh) / (479)));
  }
  .headerLeft {
    margin: calc(1px - (260) * ((100vh) / (1440))) 0 0 0 !important;
  }
  .headerLeftText {
    font-size: calc(1px + (42) * ((100vw) / (479)));
    padding-right: calc(1px + (100) * ((100vw) / (479)));
  }
  .headerLeftParagraph {
    font-size: calc(1px + (19) * ((100vw) / (479)));
    line-height: calc(1px + (21) * ((100vw) / (479)));
    padding-right: 0;
  }
  #leadsInput {
    font-size: calc(1px + (15) * ((100vw) / (479)));
    width: calc(1px + (250) * ((100vw) / (479)));
    padding: 0 calc(1px + (3) * ((100vw) / (479)));
    height: calc(1px + (30) * ((100vw) / (479)));
  }
  .headerLeadsBtnTxt {
    display: none;
  }
  .headerLeadsBtnTxtMobile {
    display: block;
  }
  #headerLeadsBtn {
    font-size: calc(1px + (15) * ((100vw) / (479)));
    padding: 0 calc(1px + (25) * ((100vw) / (479)));
    height: calc(1px + (32) * ((100vw) / (479)));
  }
  #HeaderEmailMessage {
    font-size: calc(1px + (14) * ((100vw) / (479)));
  }
  /*first section style*/
  .firstSectionSecondRow {
    width: calc(1px + (430) * ((100vw) / (479)));
    display: flex;
    flex-direction: column-reverse;
    margin-top: calc(1px + (20) * ((100vw) / (479)));
  }
  .secondaryTitle {
    font-size: calc(1px + (33) * ((100vw) / (479)));
  }
  .firstSectionRightImg {
    background-image: url(/img/websiteImages/Luminous6-04.jpg);
    height: calc(1px + (400) * ((100vw) / (479)));
    width: calc(1px + (380) * ((100vw) / (479)));
  }
  .firstSectionRightImg::after {
    width: calc(1px + (170) * ((100vw) / (479)));
    height: calc(1px + (170) * ((100vw) / (479)));
    bottom: calc(1px - (50) * ((100vw) / (479)));
    right: calc(1px - (50) * ((100vw) / (479)));
  }
  .firstSectionLeftCol {
    padding-top: calc(1px + (50) * ((100vw) / (479)));
  }
  .firstSectionLeftCol h3,
  .firstSectionLeftCol p,
  .firstSectionLeftCol a,
  .firstSectionLeftCol .qImgLeft {
    padding-left: 0;
  }
  .qImgLeft {
    width: calc(1px + (25) * ((100vw) / (479)));
    height: calc(1px + (25) * ((100vw) / (479)));
  }
  .firstSectionLeftTitle {
    font-size: calc(1px + (23) * ((100vw) / (479)));
    font-weight: 500;
  }
  .firstSectionLeftParagraph {
    font-size: calc(1px + (18) * ((100vw) / (479)));
    line-height: calc(1px + (30) * ((100vw) / (479)));
  }
  .firstSectionLeftBtn {
    font-size: calc(1px + (18) * ((100vw) / (479)));
    line-height: calc(1px + (130) * ((100vw) / (479)));
  }
  .firstSectionLeftBtn span {
    font-size: calc(1px + (21) * ((100vw) / (479)));
    line-height: calc(1px + (130) * ((100vw) / (479)));
  }
  .firstSectionSecondRowRightImg {
    height: calc(1px + (400) * ((100vw) / (479)));
    width: calc(1px + (380) * ((100vw) / (479)));
  }
  .firstSectionSecondRowRightImg::after {
    width: calc(1px + (0) * ((100vw) / (479)));
    height: calc(1px + (0) * ((100vw) / (479)));
    bottom: calc(1px + (60) * ((100vw) / (479)));
    left: calc(1px + (280) * ((100vw) / (479)));
  }
  .firstSectionSecondRowSecondRow {
    width: 100%;
    padding-left: calc(1px + (90) * ((100vw) / (2560)));
  }
  .firstSectionSecondRowLeftCol h3,
  .firstSectionSecondRowLeftCol p,
  .firstSectionSecondRowLeftCol a {
    padding-left: calc(1px + (0) * ((100vw) / (2560)));
  }
  .firstSectionSecondRowLeftTitle {
    font-size: calc(1px + (25) * ((100vw) / (479)));
  }
  .firstSectionSecondRowLeftParagraph {
    font-size: calc(1px + (18) * ((100vw) / (479)));
    line-height: calc(1px + (30) * ((100vw) / (479)));
  }
  /*END first section*/
  /*second section style*/
  .secondSection {
    margin-top: calc(1px + (5) * ((100vw) / (479)));
  }
  .secondSectionRow {
    width: calc(1px + (430) * ((100vw) / (479)));
  }
  .aboveSecondaryTitleSecondSection {
    display: none;
  }
  .secondSectionLeftTitle {
    font-size: calc(1px + (32) * ((100vw) / (479)));
    line-height: calc(1px + (40) * ((100vw) / (479)));
  }
  /* .secondSectionLeftCol h4, .secondSectionLeftCol h2 {
        padding-left: calc(1px + (110)*((100vw)/(2560)));
    } */
  .secondSectionLeftCol {
    width: 100%;
  }
  .secondSectionRightCol {
    display: none;
  }
  /*End second section style*/
  /*Third section style*/
  .thirdSection {
    background: linear-gradient(180deg, #ffffff 7%, #ff5607 0%);
  }
  .thirdSectionRow {
    width: calc(1px + (410) * ((100vw) / (479)));
  }
  .thirdSectionSquare {
    background-color: white;
    height: calc(1px + (250) * ((100vw) / (479)));
    padding-top: calc(1px + (180) * ((100vw) / (479)));
    padding-left: calc(1px + (30) * ((100vw) / (479)));
    margin-bottom: calc(1px + (60) * ((100vw) / (479)));
  }
  .thirdSectionSquare p {
    font-size: calc(1px + (30) * ((100vw) / (479)));
    line-height: calc(1px + (35) * ((100vw) / (479)));
  }
  #thirdSectionSquareMobile {
    background-color: #ffc100;
  }
  #thirdSectionSquareMobile a,
  #thirdSectionSquareMobile a span {
    color: white;
  }
  .thirdSectionCol {
    margin: calc(1px + (25) * ((100vw) / (2560))) !important;
    width: calc(1px + (400) * ((100vw) / (479))) !important;
  }
  .lernMoreBtn {
    position: relative;
    bottom: calc(1px + (25) * ((100vw) / (2560)));
    padding-left: 0 !important;
  }
  /*END! third section style*/
  /*Fourth section style*/
  .fourthSection {
    padding-top: 0 !important;
    background-color: #ff5607;
    margin-top: -1px;
  }
  .fourthSectionRow {
    margin-left: 0;
    width: calc(1px + (430) * ((100vw) / (479)));
  }
  .fourthSectionColLeft {
    padding-top: calc(1px + (150) * ((100vw) / (2560)));
  }
  /*optional- was in previous version, maybe we will use again*/
  .aboveSecondaryTitleFourthSection {
    font-size: calc(1px + (18) * ((100vw) / (2560)));
    line-height: calc(1px + (0) * ((100vw) / (2560)));
  }
  .fourthSectionLeftTitle {
    font-size: calc(1px + (30) * ((100vw) / (479)));
    line-height: calc(1px + (35) * ((100vw) / (479)));
    padding-top: 0;
  }
  /*optional- was in previous version, maybe we will use again*/
  .fourthSectionLeftBtn {
    font-size: calc(1px + (16) * ((100vw) / (479)));
    line-height: calc(1px + (20) * ((100vw) / (479)));
  }
  /*optional- was in previous version, maybe we will use again*/
  .fourthSectionLeftBtn span {
    font-size: calc(1px + (21) * ((100vw) / (2560)));
    line-height: calc(1px + (45) * ((100vw) / (2560)));
  }
  /*optional- was in previous version, maybe we will use again*/
  .fourthSectionLeftBtn:hover span {
    padding-left: 10px;
  }
  .fourthSectionrightImg {
    height: calc(1px + (360) * ((100vw) / (479)));
    width: calc(1px + (360) * ((100vw) / (479)));
  }
  .fourthSectionrightImg::after {
    width: calc(1px + (180) * ((100vw) / (479)));
    height: calc(1px + (180) * ((100vw) / (479)));
    bottom: calc(1px + (-50) * ((100vw) / (479)));
    right: calc(1px + (5) * ((100vw) / (479)));
  }
  /*END! fourth section style*/
  /*fifth section style*/
  .fifthSection {
    padding-top: calc(1px + (200) * ((100vw) / (2560))) !important;
    padding-bottom: calc(1px + (150) * ((100vw) / (479))) !important;
    background-color: #ff5607;
    margin-top: -1px;
  }
  .fifthSectionRow {
    margin-left: calc(1px + (55) * ((100vw) / (2560)));
    width: calc(1px + (430) * ((100vw) / (479)));
    display: flex;
    flex-direction: column-reverse;
  }
  .fifthSectionColLeft {
    padding-top: calc(1px + (70) * ((100vw) / (479)));
    margin: 0.5rem 2% !important;
    width: calc(1px + (370) * ((100vw) / (479)));
  }
  .fifthSectionLeftTitle {
    font-size: calc(1px + (30) * ((100vw) / (479)));
    line-height: calc(1px + (35) * ((100vw) / (479)));
    text-align: right;
  }
  .fifthSectionrightImg {
    height: calc(1px + (360) * ((100vw) / (479)));
    width: calc(1px + (360) * ((100vw) / (479)));
  }
  .fifthSectionrightImg::after {
    width: calc(1px + (180) * ((100vw) / (479)));
    height: calc(1px + (180) * ((100vw) / (479)));
    bottom: calc(1px + (-50) * ((100vw) / (479)));
    left: calc(1px + (240) * ((100vw) / (479)));
  }
  /*END! fifth section style*/
  /*Sixth section style - our services*/
  .sixthSectionTitle {
    font-size: calc(1px + (30) * ((100vw) / (479)));
  }
  .sixthSectionSecondaryTitle {
    font-size: calc(1px + (17) * ((100vw) / (479)));
    line-height: calc(1px + (23) * ((100vw) / (479)));
  }
  .sixthRowIcons {
    width: calc(1px + (430) * ((100vw) / (479)));
    margin-top: calc(1px + (100) * ((100vw) / (2560)));
  }
  .iconsCol {
    width: 44%;
    padding-top: calc(1px + (100) * ((100vw) / (2560)));
    padding-right: calc(1px + (35) * ((100vw) / (2560)));
    padding-bottom: calc(1px + (60) * ((100vw) / (479)));
    padding-left: calc(1px + (35) * ((100vw) / (2560)));
    margin: 2% 1%;
    display: flex;
    justify-content: center;
  }
  #iconCol5 {
    margin-left: calc(1px + (108) * ((100vw) / (479)));
  }
  #icon1 {
    background-image: url("/img/icons/Luminous_Icons-02.png");
  }
  #icon2 {
    background-image: url("/img/icons/Luminous_Icons-03.png");
  }
  #icon3 {
    background-image: url("/img/icons/Luminous_Icons-04.png");
  }
  #icon4 {
    background-image: url("/img/icons/Luminous_Icons-05.png");
  }
  #icon5 {
    background-image: url("/img/icons/Luminous_Icons-06.png");
  }
  #icon1,
  #icon2,
  #icon3,
  #icon4,
  #icon5 {
    height: calc(1px + (120) * ((100vw) / (479)));
    width: calc(1px + (158) * ((100vw) / (479)));
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: 0.2s ease-in;
  }
  .icontTxt1,
  .icontTxt2,
  .icontTxt3,
  .icontTxt4,
  .icontTxt5 {
    position: relative;
    width: fit-content;
    margin-top: calc(1px + (150) * ((100vw) / (479)));
    font-size: calc(1px + (11) * ((100vw) / (479)));
    line-height: calc(1px + (8) * ((100vw) / (479)));
    color: #000000;
    text-align: center;
    background-color: #ffc100;
  }
  .icontTxt1 {
    margin-left: calc(1px + (12) * ((100vw) / (479)));
  }
  .icontTxt2 {
    margin-left: calc(1px + (32) * ((100vw) / (479)));
  }
  .icontTxt3 {
    margin-left: calc(1px + (20) * ((100vw) / (479)));
  }
  .icontTxt4 {
    margin-left: calc(1px + (32) * ((100vw) / (479)));
  }
  .icontTxt5 {
    margin-left: calc(1px + (12) * ((100vw) / (479)));
  }
  /*END! Sixth section style*/
  /*Last section style*/
  .lastSection {
    background-image: url("/img/websiteImages/footerImageMobile.png");
    background-size: 100% 70%;
    height: calc(1px + (1000) * ((100vw) / (479)));
    background-repeat: no-repeat;
  }
  .lastSectionRow {
    width: calc(1px + (430) * ((100vw) / (479)));
    margin-top: calc(1px + (200) * ((100vw) / (2560)));
  }
  .lastSectionLeftCol {
    padding-top: calc(1px + (80) * ((100vw) / (2560)));
    width: calc(1px + (410) * ((100vw) / (479)));
  }
  .lastSectionRightCol {
    width: calc(1px + (410) * ((100vw) / (479)));
  }
  .lastSectionTitle {
    font-size: calc(1px + (28) * ((100vw) / (479)));
    text-align: center;
  }
  .lastSectionSecondaryTitle {
    margin-top: calc(1px + (30) * ((100vw) / (479)));
    font-size: calc(1px + (17) * ((100vw) / (479)));
    line-height: calc(1px + (22) * ((100vw) / (479)));
    text-align: center;
  }
  .formWrapper {
    padding: calc(1px + (8) * ((100vw) / (479)))
      calc(1px + (14) * ((100vw) / (479))) calc(1px + (13) * ((100vw) / (479)))
      calc(1px + (14) * ((100vw) / (479)));
  }
  label {
    font-size: calc(1px + (15) * ((100vw) / (479)));
  }
  .col-6-mobile-main {
    width: 46%;
  }
  #fullName,
  #location,
  #phone,
  #email {
    margin-top: calc(1px + (1) * ((100vw) / (479)));
    font-size: calc(1px + (18) * ((100vw) / (479)));
    padding: calc(1px + (5) * ((100vw) / (479))) 0
      calc(1px + (5) * ((100vw) / (479))) calc(1px + (1) * ((100vw) / (479)));
  }
  #confirmBtn {
    font-size: calc(1px + (15) * ((100vw) / (479)));
    margin-top: calc(1px + (25) * ((100vw) / (479)));
    padding: calc(1px + (15) * ((100vw) / (479))) 0;
  }
  .contactMessage {
    margin-top: calc(1px + (4) * ((100vw) / (479)));
    font-size: calc(1px + (14) * ((100vw) / (479)));
  }
  /*Validation Style*/
  .valid::after {
    top: calc(1px + (4) * ((100vw) / (479)));
    font-size: calc(1px + (14) * ((100vw) / (479)));
  }
}