@import url("https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Macondo&display=swap");
.flex {
  display: flex;
}

.flex-start, .menu .menuContact .contactDetail, .menu .mainMenu ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-start-center {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.flex-start-between {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.flex-start-around {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}

.flex-start-end {
  display: flex;
  align-items: start;
  justify-content: flex-end;
}

.flex-center, .dt-container .dt-length, .services .serviceCard, .services, .projects .swiper-slide, .projects, .about, .hero, .progressLoader {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-start, .testimonials .testimonialCard .testimonialHeader, .navbar .navbar-brand, .menu .menuContact .contactDetail .social, .menu .menuContact .contactDetail .contactNumbers {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-center-between, footer .footerContent, .menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-center-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.flex-center-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-end-between {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.flex-end-center {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

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

.flex-between {
  display: flex;
  justify-content: space-between;
}

.border {
  border: 1px solid #dfdfdf;
}

.borderTop {
  border-top: 1px solid #dfdfdf;
}

.borderRight {
  border-right: 1px solid #dfdfdf;
}

.borderBottom {
  border-bottom: 1px solid #dfdfdf;
}

.borderLeft {
  border-left: 1px solid #dfdfdf;
}

.clipingText {
  background-clip: text !important;
  /* Firefox only */
  -webkit-background-clip: text !important;
  /* needed for chrome/Safari/opera */
  -webkit-text-fill-color: transparent !important;
  /*full support except IE, not on standard track */
  color: transparent;
}

.fitContent {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.m-t-1 {
  margin-top: 1px !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.m-t-3 {
  margin-top: 3px !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-6 {
  margin-top: 6px !important;
}

.m-t-7 {
  margin-top: 7px !important;
}

.m-t-8 {
  margin-top: 8px !important;
}

.m-t-9 {
  margin-top: 9px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-11 {
  margin-top: 11px !important;
}

.m-t-12 {
  margin-top: 12px !important;
}

.m-t-13 {
  margin-top: 13px !important;
}

.m-t-14 {
  margin-top: 14px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-16 {
  margin-top: 16px !important;
}

.m-t-17 {
  margin-top: 17px !important;
}

.m-t-18 {
  margin-top: 18px !important;
}

.m-t-19 {
  margin-top: 19px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-21 {
  margin-top: 21px !important;
}

.m-t-22 {
  margin-top: 22px !important;
}

.m-t-23 {
  margin-top: 23px !important;
}

.m-t-24 {
  margin-top: 24px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-t-26 {
  margin-top: 26px !important;
}

.m-t-27 {
  margin-top: 27px !important;
}

.m-t-28 {
  margin-top: 28px !important;
}

.m-t-29 {
  margin-top: 29px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-31 {
  margin-top: 31px !important;
}

.m-t-32 {
  margin-top: 32px !important;
}

.m-t-33 {
  margin-top: 33px !important;
}

.m-t-34 {
  margin-top: 34px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-t-36 {
  margin-top: 36px !important;
}

.m-t-37 {
  margin-top: 37px !important;
}

.m-t-38 {
  margin-top: 38px !important;
}

.m-t-39 {
  margin-top: 39px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-41 {
  margin-top: 41px !important;
}

.m-t-42 {
  margin-top: 42px !important;
}

.m-t-43 {
  margin-top: 43px !important;
}

.m-t-44 {
  margin-top: 44px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.m-t-46 {
  margin-top: 46px !important;
}

.m-t-47 {
  margin-top: 47px !important;
}

.m-t-48 {
  margin-top: 48px !important;
}

.m-t-49 {
  margin-top: 49px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-r-1 {
  margin-right: 1px !important;
}

.m-r-2 {
  margin-right: 2px !important;
}

.m-r-3 {
  margin-right: 3px !important;
}

.m-r-4 {
  margin-right: 4px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-6 {
  margin-right: 6px !important;
}

.m-r-7 {
  margin-right: 7px !important;
}

.m-r-8 {
  margin-right: 8px !important;
}

.m-r-9 {
  margin-right: 9px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-11 {
  margin-right: 11px !important;
}

.m-r-12 {
  margin-right: 12px !important;
}

.m-r-13 {
  margin-right: 13px !important;
}

.m-r-14 {
  margin-right: 14px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-16 {
  margin-right: 16px !important;
}

.m-r-17 {
  margin-right: 17px !important;
}

.m-r-18 {
  margin-right: 18px !important;
}

.m-r-19 {
  margin-right: 19px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-21 {
  margin-right: 21px !important;
}

.m-r-22 {
  margin-right: 22px !important;
}

.m-r-23 {
  margin-right: 23px !important;
}

.m-r-24 {
  margin-right: 24px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-r-26 {
  margin-right: 26px !important;
}

.m-r-27 {
  margin-right: 27px !important;
}

.m-r-28 {
  margin-right: 28px !important;
}

.m-r-29 {
  margin-right: 29px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r-31 {
  margin-right: 31px !important;
}

.m-r-32 {
  margin-right: 32px !important;
}

.m-r-33 {
  margin-right: 33px !important;
}

.m-r-34 {
  margin-right: 34px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.m-r-36 {
  margin-right: 36px !important;
}

.m-r-37 {
  margin-right: 37px !important;
}

.m-r-38 {
  margin-right: 38px !important;
}

.m-r-39 {
  margin-right: 39px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-r-41 {
  margin-right: 41px !important;
}

.m-r-42 {
  margin-right: 42px !important;
}

.m-r-43 {
  margin-right: 43px !important;
}

.m-r-44 {
  margin-right: 44px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.m-r-46 {
  margin-right: 46px !important;
}

.m-r-47 {
  margin-right: 47px !important;
}

.m-r-48 {
  margin-right: 48px !important;
}

.m-r-49 {
  margin-right: 49px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.m-b-1 {
  margin-bottom: 1px !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.m-b-3 {
  margin-bottom: 3px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-6 {
  margin-bottom: 6px !important;
}

.m-b-7 {
  margin-bottom: 7px !important;
}

.m-b-8 {
  margin-bottom: 8px !important;
}

.m-b-9 {
  margin-bottom: 9px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-11 {
  margin-bottom: 11px !important;
}

.m-b-12 {
  margin-bottom: 12px !important;
}

.m-b-13 {
  margin-bottom: 13px !important;
}

.m-b-14 {
  margin-bottom: 14px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-16 {
  margin-bottom: 16px !important;
}

.m-b-17 {
  margin-bottom: 17px !important;
}

.m-b-18 {
  margin-bottom: 18px !important;
}

.m-b-19 {
  margin-bottom: 19px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-21 {
  margin-bottom: 21px !important;
}

.m-b-22 {
  margin-bottom: 22px !important;
}

.m-b-23 {
  margin-bottom: 23px !important;
}

.m-b-24 {
  margin-bottom: 24px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-26 {
  margin-bottom: 26px !important;
}

.m-b-27 {
  margin-bottom: 27px !important;
}

.m-b-28 {
  margin-bottom: 28px !important;
}

.m-b-29 {
  margin-bottom: 29px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-31 {
  margin-bottom: 31px !important;
}

.m-b-32 {
  margin-bottom: 32px !important;
}

.m-b-33 {
  margin-bottom: 33px !important;
}

.m-b-34 {
  margin-bottom: 34px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-b-36 {
  margin-bottom: 36px !important;
}

.m-b-37 {
  margin-bottom: 37px !important;
}

.m-b-38 {
  margin-bottom: 38px !important;
}

.m-b-39 {
  margin-bottom: 39px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-41 {
  margin-bottom: 41px !important;
}

.m-b-42 {
  margin-bottom: 42px !important;
}

.m-b-43 {
  margin-bottom: 43px !important;
}

.m-b-44 {
  margin-bottom: 44px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.m-b-46 {
  margin-bottom: 46px !important;
}

.m-b-47 {
  margin-bottom: 47px !important;
}

.m-b-48 {
  margin-bottom: 48px !important;
}

.m-b-49 {
  margin-bottom: 49px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-l-1 {
  margin-left: 1px !important;
}

.m-l-2 {
  margin-left: 2px !important;
}

.m-l-3 {
  margin-left: 3px !important;
}

.m-l-4 {
  margin-left: 4px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-6 {
  margin-left: 6px !important;
}

.m-l-7 {
  margin-left: 7px !important;
}

.m-l-8 {
  margin-left: 8px !important;
}

.m-l-9 {
  margin-left: 9px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-11 {
  margin-left: 11px !important;
}

.m-l-12 {
  margin-left: 12px !important;
}

.m-l-13 {
  margin-left: 13px !important;
}

.m-l-14 {
  margin-left: 14px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-16 {
  margin-left: 16px !important;
}

.m-l-17 {
  margin-left: 17px !important;
}

.m-l-18 {
  margin-left: 18px !important;
}

.m-l-19 {
  margin-left: 19px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-21 {
  margin-left: 21px !important;
}

.m-l-22 {
  margin-left: 22px !important;
}

.m-l-23 {
  margin-left: 23px !important;
}

.m-l-24 {
  margin-left: 24px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-l-26 {
  margin-left: 26px !important;
}

.m-l-27 {
  margin-left: 27px !important;
}

.m-l-28 {
  margin-left: 28px !important;
}

.m-l-29 {
  margin-left: 29px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-l-31 {
  margin-left: 31px !important;
}

.m-l-32 {
  margin-left: 32px !important;
}

.m-l-33 {
  margin-left: 33px !important;
}

.m-l-34 {
  margin-left: 34px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.m-l-36 {
  margin-left: 36px !important;
}

.m-l-37 {
  margin-left: 37px !important;
}

.m-l-38 {
  margin-left: 38px !important;
}

.m-l-39 {
  margin-left: 39px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-l-41 {
  margin-left: 41px !important;
}

.m-l-42 {
  margin-left: 42px !important;
}

.m-l-43 {
  margin-left: 43px !important;
}

.m-l-44 {
  margin-left: 44px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.m-l-46 {
  margin-left: 46px !important;
}

.m-l-47 {
  margin-left: 47px !important;
}

.m-l-48 {
  margin-left: 48px !important;
}

.m-l-49 {
  margin-left: 49px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-t-1 {
  padding-top: 1px !important;
}

.p-t-2 {
  padding-top: 2px !important;
}

.p-t-3 {
  padding-top: 3px !important;
}

.p-t-4 {
  padding-top: 4px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-6 {
  padding-top: 6px !important;
}

.p-t-7 {
  padding-top: 7px !important;
}

.p-t-8 {
  padding-top: 8px !important;
}

.p-t-9 {
  padding-top: 9px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-11 {
  padding-top: 11px !important;
}

.p-t-12 {
  padding-top: 12px !important;
}

.p-t-13 {
  padding-top: 13px !important;
}

.p-t-14 {
  padding-top: 14px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-t-17 {
  padding-top: 17px !important;
}

.p-t-18 {
  padding-top: 18px !important;
}

.p-t-19 {
  padding-top: 19px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-21 {
  padding-top: 21px !important;
}

.p-t-22 {
  padding-top: 22px !important;
}

.p-t-23 {
  padding-top: 23px !important;
}

.p-t-24 {
  padding-top: 24px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-26 {
  padding-top: 26px !important;
}

.p-t-27 {
  padding-top: 27px !important;
}

.p-t-28 {
  padding-top: 28px !important;
}

.p-t-29 {
  padding-top: 29px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-31 {
  padding-top: 31px !important;
}

.p-t-32 {
  padding-top: 32px !important;
}

.p-t-33 {
  padding-top: 33px !important;
}

.p-t-34 {
  padding-top: 34px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.p-t-36 {
  padding-top: 36px !important;
}

.p-t-37 {
  padding-top: 37px !important;
}

.p-t-38 {
  padding-top: 38px !important;
}

.p-t-39 {
  padding-top: 39px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-t-41 {
  padding-top: 41px !important;
}

.p-t-42 {
  padding-top: 42px !important;
}

.p-t-43 {
  padding-top: 43px !important;
}

.p-t-44 {
  padding-top: 44px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.p-t-46 {
  padding-top: 46px !important;
}

.p-t-47 {
  padding-top: 47px !important;
}

.p-t-48 {
  padding-top: 48px !important;
}

.p-t-49 {
  padding-top: 49px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-r-1 {
  padding-right: 1px !important;
}

.p-r-2 {
  padding-right: 2px !important;
}

.p-r-3 {
  padding-right: 3px !important;
}

.p-r-4 {
  padding-right: 4px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-6 {
  padding-right: 6px !important;
}

.p-r-7 {
  padding-right: 7px !important;
}

.p-r-8 {
  padding-right: 8px !important;
}

.p-r-9 {
  padding-right: 9px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-r-11 {
  padding-right: 11px !important;
}

.p-r-12 {
  padding-right: 12px !important;
}

.p-r-13 {
  padding-right: 13px !important;
}

.p-r-14 {
  padding-right: 14px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-r-16 {
  padding-right: 16px !important;
}

.p-r-17 {
  padding-right: 17px !important;
}

.p-r-18 {
  padding-right: 18px !important;
}

.p-r-19 {
  padding-right: 19px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-r-21 {
  padding-right: 21px !important;
}

.p-r-22 {
  padding-right: 22px !important;
}

.p-r-23 {
  padding-right: 23px !important;
}

.p-r-24 {
  padding-right: 24px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-r-26 {
  padding-right: 26px !important;
}

.p-r-27 {
  padding-right: 27px !important;
}

.p-r-28 {
  padding-right: 28px !important;
}

.p-r-29 {
  padding-right: 29px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-r-31 {
  padding-right: 31px !important;
}

.p-r-32 {
  padding-right: 32px !important;
}

.p-r-33 {
  padding-right: 33px !important;
}

.p-r-34 {
  padding-right: 34px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.p-r-36 {
  padding-right: 36px !important;
}

.p-r-37 {
  padding-right: 37px !important;
}

.p-r-38 {
  padding-right: 38px !important;
}

.p-r-39 {
  padding-right: 39px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-r-41 {
  padding-right: 41px !important;
}

.p-r-42 {
  padding-right: 42px !important;
}

.p-r-43 {
  padding-right: 43px !important;
}

.p-r-44 {
  padding-right: 44px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.p-r-46 {
  padding-right: 46px !important;
}

.p-r-47 {
  padding-right: 47px !important;
}

.p-r-48 {
  padding-right: 48px !important;
}

.p-r-49 {
  padding-right: 49px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-b-1 {
  padding-bottom: 1px !important;
}

.p-b-2 {
  padding-bottom: 2px !important;
}

.p-b-3 {
  padding-bottom: 3px !important;
}

.p-b-4 {
  padding-bottom: 4px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-6 {
  padding-bottom: 6px !important;
}

.p-b-7 {
  padding-bottom: 7px !important;
}

.p-b-8 {
  padding-bottom: 8px !important;
}

.p-b-9 {
  padding-bottom: 9px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-11 {
  padding-bottom: 11px !important;
}

.p-b-12 {
  padding-bottom: 12px !important;
}

.p-b-13 {
  padding-bottom: 13px !important;
}

.p-b-14 {
  padding-bottom: 14px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-b-17 {
  padding-bottom: 17px !important;
}

.p-b-18 {
  padding-bottom: 18px !important;
}

.p-b-19 {
  padding-bottom: 19px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-21 {
  padding-bottom: 21px !important;
}

.p-b-22 {
  padding-bottom: 22px !important;
}

.p-b-23 {
  padding-bottom: 23px !important;
}

.p-b-24 {
  padding-bottom: 24px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-26 {
  padding-bottom: 26px !important;
}

.p-b-27 {
  padding-bottom: 27px !important;
}

.p-b-28 {
  padding-bottom: 28px !important;
}

.p-b-29 {
  padding-bottom: 29px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-31 {
  padding-bottom: 31px !important;
}

.p-b-32 {
  padding-bottom: 32px !important;
}

.p-b-33 {
  padding-bottom: 33px !important;
}

.p-b-34 {
  padding-bottom: 34px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.p-b-36 {
  padding-bottom: 36px !important;
}

.p-b-37 {
  padding-bottom: 37px !important;
}

.p-b-38 {
  padding-bottom: 38px !important;
}

.p-b-39 {
  padding-bottom: 39px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-b-41 {
  padding-bottom: 41px !important;
}

.p-b-42 {
  padding-bottom: 42px !important;
}

.p-b-43 {
  padding-bottom: 43px !important;
}

.p-b-44 {
  padding-bottom: 44px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.p-b-46 {
  padding-bottom: 46px !important;
}

.p-b-47 {
  padding-bottom: 47px !important;
}

.p-b-48 {
  padding-bottom: 48px !important;
}

.p-b-49 {
  padding-bottom: 49px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-l-1 {
  padding-left: 1px !important;
}

.p-l-2 {
  padding-left: 2px !important;
}

.p-l-3 {
  padding-left: 3px !important;
}

.p-l-4 {
  padding-left: 4px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-l-6 {
  padding-left: 6px !important;
}

.p-l-7 {
  padding-left: 7px !important;
}

.p-l-8 {
  padding-left: 8px !important;
}

.p-l-9 {
  padding-left: 9px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-11 {
  padding-left: 11px !important;
}

.p-l-12 {
  padding-left: 12px !important;
}

.p-l-13 {
  padding-left: 13px !important;
}

.p-l-14 {
  padding-left: 14px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-l-16 {
  padding-left: 16px !important;
}

.p-l-17 {
  padding-left: 17px !important;
}

.p-l-18 {
  padding-left: 18px !important;
}

.p-l-19 {
  padding-left: 19px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-l-21 {
  padding-left: 21px !important;
}

.p-l-22 {
  padding-left: 22px !important;
}

.p-l-23 {
  padding-left: 23px !important;
}

.p-l-24 {
  padding-left: 24px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-l-26 {
  padding-left: 26px !important;
}

.p-l-27 {
  padding-left: 27px !important;
}

.p-l-28 {
  padding-left: 28px !important;
}

.p-l-29 {
  padding-left: 29px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-l-31 {
  padding-left: 31px !important;
}

.p-l-32 {
  padding-left: 32px !important;
}

.p-l-33 {
  padding-left: 33px !important;
}

.p-l-34 {
  padding-left: 34px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.p-l-36 {
  padding-left: 36px !important;
}

.p-l-37 {
  padding-left: 37px !important;
}

.p-l-38 {
  padding-left: 38px !important;
}

.p-l-39 {
  padding-left: 39px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-l-41 {
  padding-left: 41px !important;
}

.p-l-42 {
  padding-left: 42px !important;
}

.p-l-43 {
  padding-left: 43px !important;
}

.p-l-44 {
  padding-left: 44px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.p-l-46 {
  padding-left: 46px !important;
}

.p-l-47 {
  padding-left: 47px !important;
}

.p-l-48 {
  padding-left: 48px !important;
}

.p-l-49 {
  padding-left: 49px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

* {
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
select,
option,
optgroup,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-family: "Macondo", cursive;
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

p {
  margin-bottom: 10px;
}

ol,
ul {
  list-style-type: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 7.5em;
}

@font-face {
  font-family: "rollandinemilieregular";
  src: url("../fonts/rollandinemilie-webfont.woff2") format("woff2"), url("../fonts/rollandinemilie-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Macondo", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125em;
  letter-spacing: 0.0375em;
  line-height: 1.9;
  color: #1c1d21;
  background-color: #ffffff;
  position: relative;
  overscroll-behavior-y: none;
  overflow-y: auto !important;
  overflow-x: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

a {
  font-size: inherit;
  text-decoration: none;
  color: #8fc73e;
  transition: ease 1s;
  cursor: pointer !important;
}

a:focus,
a:hover,
a:visited {
  text-decoration: none;
  outline: 0;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  text-transform: capitalize;
  line-height: 1.5;
  color: #1c1d21;
  position: relative;
}

h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

h1 {
  font-size: 2.5em;
  font-weight: 500;
}

h2 {
  font-size: 2.1875em;
}

h3 {
  font-size: 1.875em;
}

h4 {
  font-size: 1.5625em;
}

h5 {
  font-size: 1.375em;
}

h6 {
  font-size: 1em;
}

li {
  margin-bottom: 0.3125em;
}

img {
  max-width: 100% !important;
  image-rendering: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.btn {
  text-decoration: none !important;
  padding: 0.75rem 1.5em;
  border-radius: 0.5em;
  transition: ease-out 0.8s;
}
.btn.btn-primary, .btn.btn-secondary, .btn.btn-info, .btn.btn-success, .btn.btn-danger {
  color: #ffffff;
}
.btn.btn-primary:hover, .btn.btn-secondary:hover, .btn.btn-info:hover, .btn.btn-success:hover, .btn.btn-danger:hover {
  border-color: inherit !important;
}
.btn.btn-primary {
  background-color: #8fc73e;
  border-color: #8fc73e;
}
.btn.btn-primary:hover {
  background-color: #1c1d21;
  border-color: #1c1d21;
}
.btn.btn-secondary {
  background: #763EC7;
  border-color: rgba(223, 223, 223, 0.3);
}
.btn.btn-info {
  color: #39afd1 !important;
}
.btn.btn-success {
  background-color: #00a660;
  color: #ffffff !important;
}
.btn.btn-warning {
  background-color: #ffc35a;
  color: #1c1d21 !important;
}
.btn.btn-danger {
  background-color: #fa5c7c;
  color: #ffffff !important;
}
.btn.btn-light {
  background: #763EC7;
  color: #ffffff;
}
.btn.btn-light:hover {
  color: #ffffff;
  background-color: #1c1d21;
  border-color: #1c1d21;
}
.btn.btn-outline-primary {
  color: #8fc73e;
  background-color: transparent;
  border-color: #8fc73e;
}
.btn.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #1c1d21;
  border-color: #1c1d21;
}
.btn.btn-outline-info:hover, .btn.btn-outline-success:hover, .btn.btn-outline-warning:hover, .btn.btn-outline-danger:hover, .btn.btn-outline-light:hover {
  color: #ffffff !important;
}
.btn.btn-outline-info:hover {
  background-color: #39afd1;
}
.btn.btn-outline-success:hover {
  background-color: #00a660;
}
.btn.btn-outline-warning:hover {
  background-color: #ffc35a;
}
.btn.btn-outline-danger:hover {
  background-color: #fa5c7c;
}
.btn.btn-outline-light {
  border-color: #ffffff;
}
.btn.btn-outline-light:hover {
  background-color: #ffffff;
  color: #1c1d21;
}

section {
  padding: 6.25rem 1.25em;
}
section h2 {
  margin-bottom: 1em;
}

.progressLoader {
  min-width: 100vw;
  min-height: 100vh;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}
.progressLoader .progress {
  min-width: 12.5em;
  max-width: 12.5em;
  height: 0.25em;
  background-color: #898989;
  position: relative;
}
.progressLoader .progress::after {
  position: absolute;
  left: 0;
  content: "";
  height: 100%;
  min-width: 0;
  background-color: #8fc73e;
  animation: loadProgress 1s linear forwards;
}

@keyframes loadProgress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.menu {
  background-color: #1c1d21;
  flex-wrap: wrap;
  gap: 3.125em;
  position: relative;
  z-index: 2;
  padding: 3.125em;
  min-height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}
.menu .close-btn {
  position: fixed;
  top: 1.5em;
  right: 1.5em;
  z-index: 2;
  content: "";
  cursor: pointer;
  font-size: 25px;
  text-decoration: none;
  line-height: normal;
  color: #ffffff;
}
.menu .mainMenu,
.menu .menuContact {
  position: relative;
  z-index: 2;
}
.menu .mainMenu {
  flex-grow: 1;
}
.menu .mainMenu ul {
  list-style-type: none;
  flex-direction: column;
  gap: 1.25em;
  counter-reset: menuCounter;
}
.menu .mainMenu ul li {
  width: 100%;
}
.menu .mainMenu ul li a {
  font-size: 30px;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none;
  color: #c9c9c9;
  display: block;
  transform-origin: left top;
  transition: 500ms 0ms;
}
.menu .mainMenu ul li a::before {
  font-size: 14px;
  color: #ffffff;
  counter-increment: menuCounter;
  content: counters(menuCounter, ".", decimal-leading-zero) ". ";
}
.menu .mainMenu ul li a:hover {
  letter-spacing: 0.0375em;
  color: #8fc73e;
}
.menu .menuContact .contactDetail {
  flex-direction: column;
  margin-bottom: 1.25em;
  max-width: 28.125em;
}
.menu .menuContact .contactDetail:last-child {
  margin-bottom: 0;
}
.menu .menuContact .contactDetail span {
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 0.0313em;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0.625em;
}
.menu .menuContact .contactDetail address,
.menu .menuContact .contactDetail a {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.0313em;
  color: #808080;
}
.menu .menuContact .contactDetail a {
  text-decoration: none;
  cursor: pointer;
}
.menu .menuContact .contactDetail a:hover {
  color: #8fc73e;
}
.menu .menuContact .contactDetail .contactNumbers {
  gap: 0.625em;
}
.menu .menuContact .contactDetail .contactNumbers span {
  color: #c9c9c9;
  margin: 0;
}
.menu .menuContact .contactDetail .social {
  gap: 1.25em;
}
.menu .menuContact .contactDetail .social a {
  font-size: 22px;
  line-height: normal;
  color: #808080;
  padding: 0.25rem 0.5em;
  border: 0.0625rem solid #dfdfdf;
  border-radius: 0.25em;
  display: block;
  transition: ease-in-out 1s;
}
.menu .menuContact .contactDetail .social a:hover {
  color: #ffffff;
  background-color: #8fc73e;
}
.menu .menuText {
  font-size: 280px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.625em;
  color: #c9c9c9;
  opacity: 0.1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.modal .modal-body {
  padding: 0 !important;
}

.navbar {
  background-color: transparent !important;
  padding: 0.7em 0 !important;
}
.navbar .navbar-brand {
  gap: 0.6em;
}
.navbar .navbar-brand img {
  max-width: 3.125rem !important;
}
.navbar .navbar-toggler {
  background-color: #8fc73e;
  color: #1c1d21 !important;
  padding: 0.5em;
  border-radius: 0.4em;
  border: none;
}
.navbar .navbar-toggler:focus {
  outline: none;
  box-shadow: none !important;
}
.navbar.scrolled {
  background-color: #ffffff !important;
}

.hero {
  background-color: #ffffff;
  background-image: url(../images/bg.png);
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  background-attachment: fixed;
  flex-direction: column;
  min-height: calc(100vh - 4.375rem);
  max-height: calc(100vh - 4.375rem);
}
.hero h1 {
  font-family: "rollandinemilieregular";
  font-size: 8vw;
  text-align: center;
}

.about {
  flex-direction: column;
  padding-bottom: 20px;
  position: relative;
  z-index: 2;
  background-image: url(../images/city-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.about .imgContainer {
  height: 100%;
}
.about .imgContainer img {
  position: sticky;
  top: 9.375em;
  display: block;
  margin: auto;
}
.about .aboutContent {
  padding: 3em;
}
.about .aboutContent h2 {
  font-size: 3vw;
  font-weight: 600;
  margin: 0;
}
.about .aboutContent p {
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}

.projects {
  flex-direction: column;
  padding: 9.375rem 0 1.875em;
}
.projects .swiper-slide img {
  display: block;
  min-height: 60vh;
  max-height: 80vh;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
  border-radius: 2.5em;
}
.projects .swiper-3d .swiper-slide-shadow-left,
.projects .swiper-3d .swiper-slide-shadow-right {
  background-image: none !important;
}
.projects .swiper-3d .swiper-slide-shadow {
  background: rgba(255, 255, 255, 0.2);
}

.services {
  flex-direction: column;
  min-height: calc(100vh - 4.375rem);
  max-height: calc(100vh - 4.375rem);
}
.services .serviceCard {
  flex-direction: column;
  padding: 24px;
  border: 0.0625rem solid #dfdfdf;
  border-radius: 8px;
  height: 100%;
}
.services .serviceCard .iconContainer {
  margin-bottom: 0.5em;
  max-width: 4.375rem !important;
}
.services .serviceCard .iconContainer img {
  display: block;
}
.services .serviceCard h3 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  color: #1c1d21;
}
.services .serviceCard p {
  display: none;
}

.dt-container .dt-length {
  gap: 0.625em;
}

.testimonials {
  background-color: #1c1d21;
  padding: 1.875em;
}
.testimonials h2 {
  color: #ffffff;
}
.testimonials .testimonialCard {
  background-color: #1c1d21;
  border: 0.0625rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1.25em;
  height: 100%;
}
.testimonials .testimonialCard .testimonialHeader {
  gap: 0.625em;
  padding: 0.625rem 1.25em;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
}
.testimonials .testimonialCard .testimonialHeader .avatar {
  width: 3.75em;
  height: 3.75em;
  border-radius: 50%;
  overflow: hidden;
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
}
.testimonials .testimonialCard .testimonialHeader .userInfo h3 {
  font-size: 18px;
  line-height: normal;
  color: #ffffff;
  margin-bottom: 0;
}
.testimonials .testimonialCard .testimonialHeader .userInfo small {
  color: #ffffff;
}
.testimonials .testimonialCard .testimonialBody {
  color: #ffffff;
  position: relative;
  padding: 1.25em;
}
.testimonials .testimonialCard .testimonialBody .quoteIcon {
  position: absolute;
  bottom: 4%;
  right: 5%;
  content: "";
  z-index: -1;
  font-size: 8.125em;
  color: #ffffff;
  opacity: 0.2;
}

footer {
  background-color: #1c1d21;
  padding: 1.2em;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.1);
}
footer .footerContent {
  flex-wrap: wrap;
}
footer .footerContent p {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
}
footer .footerContent a {
  color: #8fc73e;
}

@media (max-width: 48rem) {
  .menu {
    padding: 1.5em;
  }
  .menu .mainMenu ul li a {
    font-size: 22px;
  }
  .menu .menuContact .contactDetail span {
    font-size: 22px !important;
  }
  .menu .menuContact a,
  .menu .menuContact address {
    font-size: 18px !important;
  }
  .menu .vr {
    display: none;
  }
  section:not(.hero, .services, .about) {
    padding: 3.125rem 0 !important;
  }
  section h2 {
    font-size: 8vw !important;
  }
  .navbar {
    background-color: #ffffff !important;
    padding: 0.625rem 0;
    border-bottom: 0.0625rem solid #dfdfdf;
  }
  .hero {
    background-size: cover;
    background-position: right;
    background-attachment: unset;
  }
  .hero h1 {
    font-size: 76px;
    -webkit-text-stroke-width: 0.5px !important;
  }
  .about {
    background-image: none !important;
  }
  .about .aboutContent {
    padding: 0;
  }
  .services {
    min-height: 100vh !important;
    max-height: none !important;
  }
  footer {
    padding: 0.625em;
  }
  footer .footerContent {
    justify-content: center;
  }
  footer .footerContent p {
    text-align: center;
  }
}/*# sourceMappingURL=styles.css.map */