/* rem calculator */
/*====mixin for media query=====*/
@font-face {
  font-family: "Faro-BoldLucky";
  src: url("./fonts/Faro/Faro-BoldLucky.eot");
  src: url("./fonts/Faro/Faro-BoldLucky.eot?#iefix") format("embedded-opentype"), url("./fonts/Faro/Faro-BoldLucky.woff") format("woff"), url("./fonts/Faro/Faro-BoldLucky.woff2") format("woff2"), url("./fonts/Faro/Faro-BoldLucky.ttf") format("truetype"), url("./fonts/Faro/Faro-BoldLucky.svg#Faro-BoldLucky") format("svg");
}
@font-face {
  font-family: "Faro-BoldSad";
  src: url("./fonts/Faro/Faro-BoldSad.eot");
  src: url("./fonts/Faro/Faro-BoldSad.eot?#iefix") format("embedded-opentype"), url("./fonts/Faro/Faro-BoldSad.woff") format("woff"), url("./fonts/Faro/Faro-BoldSad.woff2") format("woff2"), url("./fonts/Faro/Faro-BoldSad.ttf") format("truetype"), url("./fonts/Faro/Faro-BoldSad.svg#Faro-BoldSad") format("svg");
}
@font-face {
  font-family: "Faro-DisplayLucky";
  src: url("./fonts/Faro/Faro-DisplayLucky.eot");
  src: url("./fonts/Faro/Faro-DisplayLucky.eot?#iefix") format("embedded-opentype"), url("./fonts/Faro/Faro-DisplayLucky.woff") format("woff"), url("./fonts/Faro/Faro-DisplayLucky.woff2") format("woff2"), url("./fonts/Faro/Faro-DisplayLucky.ttf") format("truetype"), url("./fonts/Faro/Faro-DisplayLucky.svg#Faro-DisplayLucky") format("svg");
}
@font-face {
  font-family: "Faro-DisplaySad";
  src: url("./fonts/Faro/Faro-DisplaySad.eot");
  src: url("./fonts/Faro/Faro-DisplaySad.eot?#iefix") format("embedded-opentype"), url("./fonts/Faro/Faro-DisplaySad.woff") format("woff"), url("./fonts/Faro/Faro-DisplaySad.woff2") format("woff2"), url("./fonts/Faro/Faro-DisplaySad.ttf") format("truetype"), url("./fonts/Faro/Faro-DisplaySad.svg#Faro-DisplaySad") format("svg");
}
@font-face {
  font-family: "Faro-LightLucky";
  src: url("./fonts/Faro/Faro-LightLucky.eot");
  src: url("./fonts/Faro/Faro-LightLucky.eot?#iefix") format("embedded-opentype"), url("./fonts/Faro/Faro-LightLucky.woff") format("woff"), url("./fonts/Faro/Faro-LightLucky.woff2") format("woff2"), url("./fonts/Faro/Faro-LightLucky.ttf") format("truetype"), url("./fonts/Faro/Faro-LightLucky.svg#Faro-LightLucky") format("svg");
}
@font-face {
  font-family: "Faro-LightSad";
  src: url("./fonts/Faro/Faro-LightSad.eot");
  src: url("./fonts/Faro/Faro-LightSad.eot?#iefix") format("embedded-opentype"), url("./fonts/Faro/Faro-LightSad.woff") format("woff"), url("./fonts/Faro/Faro-LightSad.woff2") format("woff2"), url("./fonts/Faro/Faro-LightSad.ttf") format("truetype"), url("./fonts/Faro/Faro-LightSad.svg#Faro-LightSad") format("svg");
}
@font-face {
  font-family: "Faro-RegularLucky";
  src: url("./fonts/Faro/Faro-RegularLucky.eot");
  src: url("./fonts/Faro/Faro-RegularLucky.eot?#iefix") format("embedded-opentype"), url("./fonts/Faro/Faro-RegularLucky.woff") format("woff"), url("./fonts/Faro/Faro-RegularLucky.woff2") format("woff2"), url("./fonts/Faro/Faro-RegularLucky.ttf") format("truetype"), url("./fonts/Faro/Faro-RegularLucky.svg#Faro-RegularLucky") format("svg");
}
@font-face {
  font-family: "Faro-RegularSad";
  src: url("./fonts/Faro/Faro-RegularSad.eot");
  src: url("./fonts/Faro/Faro-RegularSad.eot?#iefix") format("embedded-opentype"), url("./fonts/Faro/Faro-RegularSad.woff") format("woff"), url("./fonts/Faro/Faro-RegularSad.woff2") format("woff2"), url("./fonts/Faro/Faro-RegularSad.ttf") format("truetype"), url("./fonts/Faro/Faro-RegularSad.svg#Faro-RegularSad") format("svg");
}
@font-face {
  font-family: "Faro-SemiBoldLucky";
  src: url("./fonts/Faro/Faro-SemiBoldLucky.eot");
  src: url("./fonts/Faro/Faro-SemiBoldLucky.eot?#iefix") format("embedded-opentype"), url("./fonts/Faro/Faro-SemiBoldLucky.woff") format("woff"), url("./fonts/Faro/Faro-SemiBoldLucky.woff2") format("woff2"), url("./fonts/Faro/Faro-SemiBoldLucky.ttf") format("truetype"), url("./fonts/Faro/Faro-SemiBoldLucky.svg#Faro-SemiBoldLucky") format("svg");
}
@font-face {
  font-family: "Faro-SemiBoldSad";
  src: url("./fonts/Faro/Faro-SemiBoldSad.eot");
  src: url("./fonts/Faro/Faro-SemiBoldSad.eot?#iefix") format("embedded-opentype"), url("./fonts/Faro/Faro-SemiBoldSad.woff") format("woff"), url("./fonts/Faro/Faro-SemiBoldSad.woff2") format("woff2"), url("./fonts/Faro/Faro-SemiBoldSad.ttf") format("truetype"), url("./fonts/Faro/Faro-SemiBoldSad.svg#Faro-SemiBoldSad") format("svg");
}
@font-face {
  font-family: "dirham";
  src: url("../css/fonts/dirham.ttf");
}
@font-face {
  font-family: "ACaslonPro-Semibold";
  src: url("./fonts/adobeCaslonPro/ACaslonPro-Semibold.eot");
  src: url("./fonts/adobeCaslonPro/ACaslonPro-Semibold.eot?#iefix") format("embedded-opentype"), url("./fonts/adobeCaslonPro/ACaslonPro-Semibold.woff") format("woff"), url("./fonts/adobeCaslonPro/ACaslonPro-Semibold.woff2") format("woff2"), url("./fonts/adobeCaslonPro/ACaslonPro-Semibold.ttf") format("truetype"), url("./fonts/adobeCaslonPro/ACaslonPro-Semibold.svg#ACaslonPro-Semibold") format("svg");
}
@font-face {
  font-family: "ACaslonPro-Regular";
  src: url("./fonts/adobeCaslonProRegular/ACaslonPro-Regular.eot");
  src: url("./fonts/adobeCaslonProRegular/ACaslonPro-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/adobeCaslonProRegular/ACaslonPro-Regular.woff") format("woff"), url("./fonts/adobeCaslonProRegular/ACaslonPro-Regular.woff2") format("woff2"), url("./fonts/adobeCaslonProRegular/ACaslonPro-Regular.ttf") format("truetype"), url("./fonts/adobeCaslonProRegular/ACaslonPro-Regular.svg#ACaslonPro-Regular") format("svg");
}
@font-face {
  font-family: "Americana-Std-Roman";
  src: url("./fonts/americanaStdRoman/Americana-Std-Roman.eot");
  src: url("./fonts/americanaStdRoman/Americana-Std-Roman.eot?#iefix") format("embedded-opentype"), url("./fonts/americanaStdRoman/Americana-Std-Roman.woff") format("woff"), url("./fonts/americanaStdRoman/Americana-Std-Roman.woff2") format("woff2"), url("./fonts/americanaStdRoman/Americana-Std-Roman.ttf") format("truetype"), url("./fonts/americanaStdRoman/Americana-Std-Roman.svg#Americana-Std-Roman") format("svg");
}
@font-face {
  font-family: "Americana-Std-Bold";
  src: url("./fonts/americanaStdBold/Americana-Std-Bold.eot");
  src: url("./fonts/americanaStdBold/Americana-Std-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/americanaStdBold/Americana-Std-Bold.woff") format("woff"), url("./fonts/americanaStdBold/Americana-Std-Bold.woff2") format("woff2"), url("./fonts/americanaStdBold/Americana-Std-Bold.ttf") format("truetype"), url("./fonts/americanaStdBold/Americana-Std-Bold.svg#Americana-Std-Bold") format("svg");
}
@font-face {
  font-family: "Americana-Std-Extra-Bold";
  src: url("./fonts/americanaStdExtraBold/Americana-Std-Extra-Bold.eot");
  src: url("./fonts/americanaStdExtraBold/Americana-Std-Extra-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/americanaStdExtraBold/Americana-Std-Extra-Bold.woff") format("woff"), url("./fonts/americanaStdExtraBold/Americana-Std-Extra-Bold.woff2") format("woff2"), url("./fonts/americanaStdExtraBold/Americana-Std-Extra-Bold.ttf") format("truetype"), url("./fonts/americanaStdExtraBold/Americana-Std-Extra-Bold.svg#Americana-Std-Extra-Bold") format("svg");
}
@font-face {
  font-family: "RupeeForadian";
  src: url("./fonts/RupeeForadian/RupeeForadian.eot");
  src: url("./fonts/RupeeForadian/RupeeForadian.eot?#iefix") format("embedded-opentype"), url("./fonts/RupeeForadian/RupeeForadian.woff") format("woff"), url("./fonts/RupeeForadian/RupeeForadian.woff2") format("woff2"), url("./fonts/RupeeForadian/RupeeForadian.ttf") format("truetype"), url("./fonts/RupeeForadian/RupeeForadian.svg#RupeeForadian") format("svg");
}
.header {
  background: #2d2d2e;
  color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 15px 0;
  z-index: 999;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .header {
    padding: 17px 0;
  }
}
.header .logo {
  width: 200px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .header .logo {
    width: 227px;
  }
}
.header .nav-box ul {
  display: flex;
  gap: 24px;
  align-items: center;
}
.header .nav-box ul li {
  margin: 0;
}
.header .nav-box ul li a {
  font-family: "Faro-BoldLucky";
  padding: 9px 33px;
  display: block;
  min-width: 180px;
  text-align: center;
}
.header .nav-box ul li a.outlineBtn {
  background: none;
  text-decoration: none;
  border: 2px solid #ffffff;
  color: #ffffff;
}
.header .nav-box ul li a.fillBtn {
  background: #ffffff;
  text-decoration: none;
  border: 2px solid #ffffff;
  color: #171918;
}

body {
  padding: 69px 0 0 0;
  font-size: 1rem;
  position: relative;
  font-family: "Faro-RegularLucky";
  color: #171918;
  background: #fdfdfd;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  body {
    padding: 80px 0 0 0;
  }
}

* {
  scroll-behavior: smooth;
}

.container {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 100% !important;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .container {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 80rem) {
  .container {
    padding: 0 20px;
    max-width: 1352px !important;
  }
}

.whatsappBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border-radius: 40px;
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
  /*@media only screen (min-width:$point){@content;}*/
}
.whatsappBtn.scrolled {
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 48rem) {
  .whatsappBtn {
    bottom: 50px;
    right: 50px;
  }
  .whatsappBtn.scrolled {
    opacity: 1;
    visibility: visible;
  }
}
.whatsappBtn * {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.whatsappBtn .btn {
  font-size: 1.1em;
  padding: 11px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  margin: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.whatsappBtn .btn span {
  color: white;
  font-size: 0;
  font-family: "Faro-RegularLucky";
}
.whatsappBtn .btn:hover span {
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .whatsappBtn .btn:hover span {
    font-size: 0.875rem;
  }
}
.whatsappBtn .btn:hover .iconImage {
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .whatsappBtn .btn:hover .iconImage {
    margin-left: 12px;
  }
}
.whatsappBtn .btn:hover .span {
  visibility: visible;
}
.whatsappBtn .iconImage {
  transition: all 0.5s;
  width: 28px;
  height: 28px;
}

.formGroup {
  border: 1px solid #bfbfbf;
  position: relative;
}
.formGroup .formControl {
  padding: 16px;
  width: 100%;
  outline: none;
  font-size: 14px;
  /*@media only screen (min-width:$point){@content;}*/
}
.formGroup .formControl::placeholder {
  color: #171918;
}
@media only screen and (min-width: 64rem) {
  .formGroup .formControl {
    font-size: 16px;
    padding: 18px;
  }
}
.formGroup textarea.formControl {
  height: 66px;
  resize: none;
  width: 100%;
}
.formGroup .countryCode {
  display: flex;
  padding: 18px;
}
.formGroup .countryCode .codeBox {
  flex: 0 0 135px;
  max-width: 135px;
  border-right: 1px solid #bfbfbf;
  margin-bottom: 0;
}
.formGroup .countryCode .codeBox .countryDropdown {
  background: none;
}
.formGroup .countryCode .formControl {
  flex: 1;
  border: none;
  padding: 0;
  height: auto;
  padding-left: 15px;
}
.formGroup .customCountryCode {
  position: relative;
  margin-left: -10px;
}
.formGroup .customCountryCode .dropBtn {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 14px;
  height: 24px;
  overflow: hidden;
  cursor: pointer;
}
.formGroup .customCountryCode .dropBtn .flag {
  margin: 0;
}
.formGroup .customCountryCode .dropBtn .countryName {
  padding-left: 10px;
}
.formGroup .customCountryCode .dropBox {
  position: absolute;
  background: #fff;
  width: 250px;
  z-index: 999;
  border: 1px solid #bfbfbf;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  padding: 10px;
  height: 300px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.formGroup .customCountryCode .dropBox.active {
  opacity: 1;
  visibility: visible;
}
.formGroup .customCountryCode .dropBox .search-input {
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  padding: 5px;
  font-size: 0.875rem;
}
.formGroup .customCountryCode .dropBox .ps {
  height: 242px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.formGroup .customCountryCode .dropBox .item {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 14px;
  cursor: pointer;
}
.formGroup .customCountryCode .dropBox .item span {
  display: block;
}
.formGroup .customCountryCode .dropBox .item .flag {
  margin: 0;
}
.formGroup .customCountryCode .dropBox .item .countryName {
  padding-left: 10px;
}
.formGroup.error {
  border: 1px solid red;
}
.formGroup .errorMessage {
  padding: 0 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .formGroup .errorMessage {
    padding: 0 18px;
  }
}

.customRadio input[type=radio] {
  display: none;
}
.customRadio input[type=radio]:checked + label {
  background: #2d2d2e;
  color: #fff;
}
.customRadio input[type=radio] + label {
  background: #f3f3f3;
  color: #171918;
  padding: 8px 12px;
  text-align: center;
  width: 50px;
  height: 38px;
  display: block;
  cursor: pointer;
}

.bannerSection {
  position: relative;
}
.bannerSection .heroBannerWrapper {
  position: relative;
  height: calc(100vh - 80px);
  min-height: 700px;
}
.bannerSection .heroBannerWrapper:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.bannerSection .heroContainer {
  width: 100%;
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  color: #fff;
  padding: 0 28px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .bannerSection .heroContainer {
    top: 50%;
    left: 50%;
  }
}
.bannerSection .heroContainer .heroTitle .swiperItem {
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  font-family: "Americana-Std-Bold";
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .bannerSection .heroContainer .heroTitle .swiperItem {
    font-size: 40px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 80rem) {
  .bannerSection .heroContainer .heroTitle .swiperItem {
    font-size: 48px;
    line-height: 74px;
  }
}
.bannerSection .heroContainer .btn {
  border: 2px solid #ffffff;
  font-family: "Faro-BoldLucky";
  display: block;
  text-align: center;
  width: 229px;
  font-size: 14px;
  padding: 14px 20px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .bannerSection .heroContainer .btn {
    width: 240px;
    padding: 16px 20px;
    font-size: 16px;
  }
}
.bannerSection .heroContainer .btn.fillBtn {
  background: #ffffff;
  color: #171918;
}
.bannerSection .heroContainer .btn.outlineBtn {
  color: #ffffff;
}

.mainContainer {
  overflow: hidden;
}

.sectionWrapper {
  position: relative;
}
.sectionWrapper .headBox .textBox {
  display: flex;
  flex-direction: column;
  gap: 24px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .sectionWrapper .headBox .textBox {
    gap: 28px;
  }
}
@media only screen and (min-width: 80rem) {
  .sectionWrapper .headBox .textBox {
    gap: 32px;
  }
}
.sectionWrapper .headBox .textBox .titleText {
  font-family: "Americana-Std-Roman";
  font-size: 32px;
  line-height: 42px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .sectionWrapper .headBox .textBox .titleText {
    font-size: 40px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 80rem) {
  .sectionWrapper .headBox .textBox .titleText {
    font-size: 48px;
    line-height: 74px;
  }
}
.sectionWrapper .headBox .textBox .titleText span {
  color: #2d2d2e;
}
.sectionWrapper .headBox .textBox .text {
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .sectionWrapper .headBox .textBox .text {
    font-size: 16px;
    line-height: 28px;
  }
}
.sectionWrapper .headBox .textBox .btn {
  background: #2d2d2e;
  color: #fff;
  font-family: "Faro-BoldLucky";
  padding: 14px 20px;
  text-decoration: none;
  border: none;
  display: block;
  font-size: 14px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .sectionWrapper .headBox .textBox .btn {
    padding: 16px 42px;
    font-size: 16px;
    line-height: 30px;
  }
}
.sectionWrapper.commonSection {
  padding: 40px 0;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .sectionWrapper.commonSection {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 64rem) {
  .sectionWrapper.commonSection {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 80rem) {
  .sectionWrapper.commonSection {
    padding: 90px 0;
  }
}
.sectionWrapper .watermark,
.sectionWrapper .watermark-1,
.sectionWrapper .watermark-2 {
  display: none;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .sectionWrapper .watermark,
  .sectionWrapper .watermark-1,
  .sectionWrapper .watermark-2 {
    display: block;
    transform: scale(0.9);
  }
}
@media only screen and (min-width: 90rem) {
  .sectionWrapper .watermark,
  .sectionWrapper .watermark-1,
  .sectionWrapper .watermark-2 {
    transform: scale(0.9);
  }
}

.formSection {
  padding: 80px 0 40px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .formSection {
    padding: 80px 0 60px;
  }
}
@media only screen and (min-width: 64rem) {
  .formSection {
    padding: 90px 0 60px;
  }
}
@media only screen and (min-width: 80rem) {
  .formSection {
    padding: 120px 0 90px;
  }
}
.formSection .formBoxWrapper {
  flex: 0 0 100%;
  max-width: 100%;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .formSection .formBoxWrapper {
    flex: 0 0 490px;
    max-width: 490px;
  }
}
@media only screen and (min-width: 80rem) {
  .formSection .formBoxWrapper {
    flex: 0 0 515px;
    max-width: 515px;
  }
}
.formSection .formBox {
  background: #fff;
  padding: 24px 16px;
  border: 1px solid #bbbbbc;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .formSection .formBox {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 80rem) {
  .formSection .formBox {
    padding: 48px 40px;
  }
}
.formSection .watermark {
  position: absolute;
  bottom: -30%;
  right: -5%;
  z-index: -1;
}
.formSection .successBox {
  text-align: center;
}
.formSection .successBox .iconBox {
  width: 128px;
  margin: 60px auto 48px;
}
.formSection .successBox .titleText {
  font-family: "Americana-Std-Roman";
  font-size: 3rem;
  line-height: 74px;
}
.formSection .successBox .text {
  font-size: 1rem;
  line-height: 28px;
  margin-bottom: 16px;
}
.formSection .successBox .text .link {
  text-decoration: none;
  color: #2d2d2e;
}
.formSection .successBox .text.mb-48 {
  margin-bottom: 48px;
}
.formSection .successBox .button {
  border: 2px solid #2d2d2e;
  font-family: "Faro-BoldLucky";
  font-size: 1.125rem;
  line-height: 18px;
  text-align: center;
  padding: 22px;
  background: none;
  color: #2d2d2e;
  width: 100%;
}

.pointsBoxWrapper .pointBox .iconBox {
  background: #e0e0e0;
  height: 64px;
  width: 64px;
  padding: 16px;
  margin-bottom: 32px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .pointsBoxWrapper .pointBox .iconBox {
    height: 81px;
    width: 81px;
  }
}
.pointsBoxWrapper .pointBox .titleText {
  font-family: "Americana-Std-Bold";
  font-size: 18px;
  line-height: 18px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .pointsBoxWrapper .pointBox .titleText {
    font-size: 24px;
    line-height: 28px;
  }
}
.pointsBoxWrapper .pointBox .text {
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .pointsBoxWrapper .pointBox .text {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .pointsBoxWrapper.pointSlider {
    overflow: hidden;
    margin: 0 -20px;
    padding: 0 10px 0 10px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .pointsBoxWrapper.pointSlider .slick-list {
    margin: 0 -10px;
  }
}
.pointsBoxWrapper.pointSlider .slick-track {
  display: flex;
  padding: 0 10px;
}
.pointsBoxWrapper.pointSlider .slick-track .slick-slide {
  height: auto !important;
  padding: 0 10px;
}
.resultSection {
  position: relative;
}
.resultSection .watermark-1 {
  position: absolute;
  top: -26%;
  right: -5%;
  z-index: -1;
}
.resultSection .watermark-2 {
  position: absolute;
  bottom: -30%;
  right: -5%;
  z-index: -1;
}
.resultSection .boxGrid .box {
  background: #e0e0e0;
  padding: 16px;
}
.resultSection .boxGrid .box .titleText {
  font-family: "Americana-Std-Bold";
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 6px;
  color: #2d2d2e;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .resultSection .boxGrid .box .titleText {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 11px;
  }
}
.resultSection .boxGrid .box .text {
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .resultSection .boxGrid .box .text {
    font-size: 16px;
    line-height: 28px;
  }
}

.divisionsSection {
  position: relative;
}
.divisionsSection .watermark-1 {
  position: absolute;
  top: -6%;
  right: -5%;
  z-index: -1;
}
.divisionsSection .watermark-2 {
  position: absolute;
  bottom: -24%;
  right: -5%;
  z-index: -1;
}
.divisionsSection .boxGrid .box {
  background: #e0e0e0;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .divisionsSection .boxGrid .box {
    gap: 24px 0;
    padding: 30px;
  }
}
.divisionsSection .boxGrid .box .logoBox {
  height: 36px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .divisionsSection .boxGrid .box .logoBox {
    height: 48px;
  }
}
.divisionsSection .boxGrid .box .logoBox img {
  max-width: 100%;
  max-height: 100%;
}
.divisionsSection .boxGrid .box .titleText {
  font-family: "Americana-Std-Bold";
  font-size: 18px;
  line-height: 21px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .divisionsSection .boxGrid .box .titleText {
    font-size: 24px;
    line-height: 28px;
  }
}
.divisionsSection .boxGrid .box .text {
  text-align: justify;
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .divisionsSection .boxGrid .box .text {
    font-size: 16px;
    line-height: 28px;
  }
}
.divisionsSection .splBox {
  background: #e0e0e0;
  padding: 24px 16px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .divisionsSection .splBox {
    padding: 24px;
  }
}
@media only screen and (min-width: 80rem) {
  .divisionsSection .splBox {
    padding: 32px;
  }
}
.divisionsSection .splBox .videoBox {
  flex: 1;
  overflow: hidden;
}
.divisionsSection .splBox .videoBox .videoFrame {
  position: relative;
  padding-top: 71.83%;
}
.divisionsSection .splBox .videoBox .videoFrame .video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.divisionsSection .splBox .videoBox .bannerVideo {
  height: 100%;
  width: 100%;
}
.divisionsSection .splBox .textBox {
  display: flex;
  flex-direction: column;
  gap: 16px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .divisionsSection .splBox .textBox {
    gap: 20x;
  }
}
@media only screen and (min-width: 80rem) {
  .divisionsSection .splBox .textBox {
    gap: 24px;
  }
}
.divisionsSection .splBox .textBox .logoBox {
  height: 36px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .divisionsSection .splBox .textBox .logoBox {
    height: 48px;
  }
}
.divisionsSection .splBox .textBox .logoBox img {
  max-width: 100%;
  max-height: 100%;
}
.divisionsSection .splBox .textBox .titleText {
  font-family: "Americana-Std-Bold";
  font-size: 18px;
  line-height: 21px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .divisionsSection .splBox .textBox .titleText {
    font-size: 24px;
    line-height: 28px;
  }
}
.divisionsSection .splBox .textBox .text {
  text-align: justify;
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .divisionsSection .splBox .textBox .text {
    font-size: 16px;
    line-height: 28px;
  }
}
.divisionsSection .splBox .textBox .btn {
  background: #2d2d2e;
  color: #fff;
  font-family: "Faro-BoldLucky";
  padding: 14px 20px;
  text-decoration: none;
  border: none;
  display: block;
  font-size: 14px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .divisionsSection .splBox .textBox .btn {
    padding: 16px 42px;
    font-size: 16px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .divisionsSection .divisionSlider {
    overflow: hidden;
    margin: 0 -20px;
    padding: 0 10px 0 10px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .divisionsSection .divisionSlider .slick-list {
    margin: 0 -10px;
  }
}
.divisionsSection .divisionSlider .slick-track {
  display: flex;
  padding: 0 10px;
}
.divisionsSection .divisionSlider .slick-track .slick-slide {
  height: auto !important;
  padding: 0 10px;
}
.divisionsSection .divisionSlider .box {
  height: 100%;
}

.serviceSection {
  position: relative;
}
.serviceSection .watermark {
  position: absolute;
  bottom: -24%;
  right: -5%;
  z-index: -1;
}
.serviceSection .serviceBoxWrapper .serviceBox {
  background: #e0e0e0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .serviceSection .serviceBoxWrapper .serviceBox {
    padding: 24px;
  }
}
@media only screen and (min-width: 80rem) {
  .serviceSection .serviceBoxWrapper .serviceBox {
    padding: 32px 24px;
  }
}
.serviceSection .serviceBoxWrapper .serviceBox .iconBox {
  height: 48px;
}
.serviceSection .serviceBoxWrapper .serviceBox .iconBox img {
  max-width: 100%;
  max-height: 100%;
}
.serviceSection .serviceBoxWrapper .serviceBox .titleText {
  font-family: "Americana-Std-Bold";
  font-size: 18px;
  line-height: 21px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .serviceSection .serviceBoxWrapper .serviceBox .titleText {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 80rem) {
  .serviceSection .serviceBoxWrapper .serviceBox .titleText {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 85.375rem) {
  .serviceSection .serviceBoxWrapper .serviceBox .titleText {
    font-size: 23px;
    line-height: 34px;
  }
}
.serviceSection .serviceBoxWrapper .serviceBox .text {
  text-align: justify;
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .serviceSection .serviceBoxWrapper .serviceBox .text {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 80rem) {
  .serviceSection .serviceBoxWrapper .serviceBox .text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 85.375rem) {
  .serviceSection .serviceBoxWrapper .serviceBox .text {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .serviceSection .serviceSlider {
    overflow: hidden;
    margin: 0 -20px;
    padding: 0 10px 0 10px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .serviceSection .serviceSlider .slick-list {
    margin: 0 -10px;
  }
}
.serviceSection .serviceSlider .slick-track {
  display: flex;
  padding: 0 10px;
}
.serviceSection .serviceSlider .slick-track .slick-slide {
  height: auto !important;
  padding: 0 10px;
}
.serviceSection .serviceSlider .serviceBox {
  height: 100%;
}

.testimonialsSection .slick-list {
  overflow: visible !important;
}
.testimonialsSection .carousel__item {
  position: relative;
  width: 283px;
  padding: 0 8px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .testimonialsSection .carousel__item {
    width: 700px;
    height: auto;
    padding: 0 16px;
  }
}
@media only screen and (min-width: 64rem) {
  .testimonialsSection .carousel__item {
    width: 860px;
    padding: 0 24px;
  }
}
.testimonialsSection .carousel__item .reviewBox {
  background: #f4f2ef;
  padding: 12px;
  text-align: left;
  width: 100%;
  margin-top: 4px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .testimonialsSection .carousel__item .reviewBox {
    padding: 24px;
    width: 421px;
    position: absolute;
    left: 108px;
    top: 74%;
    margin-top: 0;
  }
}
.testimonialsSection .testimonials-slider {
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .testimonialsSection .testimonials-slider {
    margin-bottom: 92px !important;
  }
}
.testimonialsSection .testimonials-slider .imageBanner {
  height: 222px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .testimonialsSection .testimonials-slider .imageBanner {
    height: auto;
  }
}
.testimonialsSection .testimonials-slider .imageBanner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.testimonialsSection .customSliderAction {
  position: relative;
  z-index: 99;
  display: flex;
  gap: 16px;
}
.testimonialsSection .customSliderAction .btn {
  background: #2d2d2e;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reviewBox {
  background: #f4f2ef;
  padding: 24px;
  width: 421px;
  text-align: left;
}
.reviewBox .avatar {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 14px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .reviewBox .avatar {
    margin-bottom: 24px;
  }
}
.reviewBox .avatar .imageBox {
  flex: 0 0 67px;
  max-width: 67px;
  height: 64px;
}
.reviewBox .avatar .imageBox img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.reviewBox .avatar .textBox {
  flex: 1;
  text-align: left;
}
.reviewBox .avatar .textBox .name {
  margin-bottom: 10px;
  font-family: "Americana-Std-Bold";
  font-size: 1rem;
  line-height: normal;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .reviewBox .avatar .textBox .name {
    font-size: 1.125rem;
  }
}
.reviewBox .avatar .textBox .details {
  font-size: 0.75rem;
  margin-bottom: 0;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .reviewBox .avatar .textBox .details {
    font-size: 0.875rem;
  }
}
.reviewBox .text {
  font-size: 0.875rem;
  line-height: 24px;
  margin-bottom: 8px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .reviewBox .text {
    font-size: 1rem;
    line-height: 28px;
    margin-bottom: 21px;
  }
}
.reviewBox .rating {
  display: flex;
  align-items: center;
  gap: 4px;
}
.reviewBox .rating span {
  font-size: 0.75rem;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .reviewBox .rating span {
    font-size: 0.875rem;
  }
}

.conciergeSection {
  position: relative;
}
.conciergeSection .watermark {
  position: absolute;
  top: 18%;
  right: -5%;
  z-index: -1;
}
.conciergeSection .serviceBoxes .box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 24px;
  padding: 0px 0;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .conciergeSection .serviceBoxes .box {
    flex-direction: row;
  }
}
@media only screen and (min-width: 80rem) {
  .conciergeSection .serviceBoxes .box {
    gap: 24px;
    padding: 24px 0;
  }
}
.conciergeSection .serviceBoxes .box .iconBox {
  background: #e0e0e0;
  height: 64px;
  width: 64px;
  padding: 14px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .conciergeSection .serviceBoxes .box .iconBox {
    height: 92px;
    width: 92px;
    padding: 22px;
  }
}
.conciergeSection .serviceBoxes .box .iconBox img {
  max-width: 100%;
  max-height: 100%;
}
.conciergeSection .serviceBoxes .box .textBox {
  flex: 1;
}
.conciergeSection .serviceBoxes .box .titleText {
  font-family: "Americana-Std-Bold";
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 8px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .conciergeSection .serviceBoxes .box .titleText {
    font-size: 23px;
    line-height: 28px;
  }
}
.conciergeSection .serviceBoxes .box .text {
  text-align: justify;
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .conciergeSection .serviceBoxes .box .text {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .conciergeSection .serviceBoxes.conciergeSlider {
    overflow: hidden;
    margin: 0 -20px;
    padding: 0 10px 0 10px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .conciergeSection .serviceBoxes.conciergeSlider .slick-list {
    margin: 0 -10px;
  }
}
.conciergeSection .serviceBoxes.conciergeSlider .slick-track {
  display: flex;
  padding: 0 10px;
}
.conciergeSection .serviceBoxes.conciergeSlider .slick-track .slick-slide {
  height: auto !important;
  padding: 0 10px;
}
.conciergeSection .videoBox {
  max-height: 440px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .conciergeSection .videoBox {
    max-height: 590px;
  }
}

.splServiceSection {
  position: relative;
}
.splServiceSection .watermark {
  position: absolute;
  bottom: -22%;
  right: -5%;
  z-index: -1;
}
.splServiceSection .topBox {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 48px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .splServiceSection .topBox {
    margin-bottom: 70px;
    gap: 32px;
  }
}
@media only screen and (min-width: 64rem) {
  .splServiceSection .topBox {
    flex-direction: row;
    align-items: center;
    gap: 48px;
    margin-bottom: 106px;
  }
}
.splServiceSection .topBox .imageBox {
  flex: 0 0 162px;
  max-width: 162px;
  height: 162px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .splServiceSection .topBox .imageBox {
    flex: 0 0 200px;
    max-width: 200px;
    height: 200px;
  }
}
@media only screen and (min-width: 64rem) {
  .splServiceSection .topBox .imageBox {
    flex: 0 0 304px;
    max-width: 304px;
    height: 310px;
  }
}
.splServiceSection .topBox .imageBox img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.splServiceSection .splBoxWrapper .servBox {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.splServiceSection .splBoxWrapper .servBox .iconBox {
  background: #e0e0e0;
  height: 60px;
  width: 60px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.splServiceSection .splBoxWrapper .servBox .iconBox span {
  font-family: "Americana-Std-Bold";
  font-size: 20px;
  padding-top: 5px;
}
.splServiceSection .splBoxWrapper .servBox .titleText {
  font-family: "Americana-Std-Bold";
  font-size: 24px;
  line-height: 28px;
}
.splServiceSection .splBoxWrapper .servBox .text {
  font-size: 16px;
  line-height: 28px;
}
.splServiceSection .splBoxWrapper .splBox {
  padding: 48px 32px;
  background: linear-gradient(0deg, #fdfdfd 0%, #e0e0e0 100%);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.splServiceSection .splBoxWrapper .splBox .titleText {
  font-family: "Americana-Std-Bold";
  font-size: 24px;
  line-height: 28px;
}
.splServiceSection .splBoxWrapper .splBox .text {
  font-size: 16px;
  line-height: 28px;
}
.splServiceSection .splBoxWrapper .splBox .btn {
  background: #2d2d2e;
  color: #fff;
  font-family: "Faro-BoldLucky";
  padding: 14px 20px;
  text-decoration: none;
  border: none;
  display: block;
  font-size: 14px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .splServiceSection .splBoxWrapper .splBox .btn {
    padding: 16px 42px;
    font-size: 16px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .splServiceSection .splBoxWrapper.splBoxSlider {
    overflow: hidden;
    margin: 0 -20px;
    padding: 0 10px 0 10px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .splServiceSection .splBoxWrapper.splBoxSlider .slick-list {
    margin: 0 -10px;
  }
}
.splServiceSection .splBoxWrapper.splBoxSlider .slick-track {
  display: flex;
  padding: 0 10px;
}
.splServiceSection .splBoxWrapper.splBoxSlider .slick-track .slick-slide {
  height: auto !important;
  padding: 0 10px;
}
.visionSection {
  position: relative;
}
.visionSection .watermark {
  position: absolute;
  top: -24%;
  right: -5%;
  z-index: -1;
}
.visionSection .contetBox {
  display: flex;
  flex-direction: column;
  gap: 24px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .visionSection .contetBox {
    gap: 28px;
  }
}
@media only screen and (min-width: 80rem) {
  .visionSection .contetBox {
    gap: 32px;
  }
}
.visionSection .contetBox .titleText {
  font-family: "Americana-Std-Roman";
  font-size: 32px;
  line-height: 42px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .visionSection .contetBox .titleText {
    font-size: 40px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 80rem) {
  .visionSection .contetBox .titleText {
    font-size: 47px;
    line-height: 74px;
  }
}
.visionSection .contetBox .titleText span {
  color: #2d2d2e;
}
.visionSection .contetBox .text {
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .visionSection .contetBox .text {
    font-size: 16px;
    line-height: 28px;
  }
}
.visionSection .contetBox .btn {
  background: #2d2d2e;
  color: #fff;
  font-family: "Faro-BoldLucky";
  padding: 14px 20px;
  text-decoration: none;
  border: none;
  display: block;
  font-size: 14px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .visionSection .contetBox .btn {
    padding: 16px 42px;
    font-size: 16px;
    line-height: 30px;
  }
}

.videoSliderSection {
  position: relative;
}
.videoSliderSection .videoSlider .slick-track {
  display: flex;
  align-items: center;
}
.videoSliderSection .videoSlider .slick-list {
  overflow: visible;
}
.videoSliderSection .videoSlider .item {
  width: 283px;
  height: 483px;
  opacity: 0.6;
  transition: 0.5s;
  padding: 0 16px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .videoSliderSection .videoSlider .item {
    width: 274px;
    height: 447px;
    padding: 0 24px;
  }
}
.videoSliderSection .videoSlider .item.slick-active {
  transform: scale(1.15);
  opacity: 1;
  transform: scale(1.15);
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .videoSliderSection .videoSlider .item.slick-active {
    transform: scale(1.25);
  }
}
.videoSliderSection .customSliderAction {
  padding: 0 20px;
  width: 630px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  gap: 16px;
  display: none;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .videoSliderSection .customSliderAction {
    display: flex;
    justify-content: space-between;
  }
}
.videoSliderSection .customSliderAction .btn {
  background: #171918;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.largeBadgeWrapper {
  margin: 40px 0 0 0;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .largeBadgeWrapper {
    margin: 0;
  }
}
.largeBadgeWrapper .badgeBox {
  background: #e0e0e0;
  border-radius: 32px;
  padding: 24px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 32px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .largeBadgeWrapper .badgeBox {
    padding: 32px;
    gap: 38px;
  }
}
@media only screen and (min-width: 64rem) {
  .largeBadgeWrapper .badgeBox {
    padding: 48px;
    border-radius: 42px;
    flex-direction: row;
    gap: 44px;
  }
}
.largeBadgeWrapper .badgeBox .content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  order: 2;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .largeBadgeWrapper .badgeBox .content {
    order: 1;
  }
}
.largeBadgeWrapper .badgeBox .content .headtext {
  font-family: "Americana-Std-Roman";
  font-size: 2rem;
  line-height: 50px;
  margin-bottom: 0;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .largeBadgeWrapper .badgeBox .content .headtext {
    font-size: 47px;
    line-height: 74px;
  }
}
.largeBadgeWrapper .badgeBox .content .text {
  font-family: "Faro-RegularLucky";
  font-size: 1rem;
  line-height: 28px;
  margin-bottom: 0;
  max-width: 703px;
}
.largeBadgeWrapper .badgeBox .content .linkBtn {
  background: #2d2d2e;
  color: #fff;
  font-family: "Faro-BoldLucky";
  padding: 14px 20px;
  text-decoration: none;
  border: none;
  display: block;
  font-size: 14px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .largeBadgeWrapper .badgeBox .content .linkBtn {
    padding: 16px 42px;
    font-size: 16px;
    line-height: 30px;
  }
}
.largeBadgeWrapper .badgeBox .badgeImageWrapper {
  display: flex;
  align-items: flex-end;
  gap: 32px;
  order: 1;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .largeBadgeWrapper .badgeBox .badgeImageWrapper {
    order: 2;
    flex-direction: row;
  }
}
@media only screen and (min-width: 80rem) {
  .largeBadgeWrapper .badgeBox .badgeImageWrapper {
    flex: 0 0 445px;
    max-width: 445px;
  }
}
.largeBadgeWrapper .badgeBox .badgeImageWrapper .badge-image {
  width: 67px;
  order: 2;
  border-radius: 125px;
  overflow: hidden;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .largeBadgeWrapper .badgeBox .badgeImageWrapper .badge-image {
    width: 90px;
  }
}
@media only screen and (min-width: 64rem) {
  .largeBadgeWrapper .badgeBox .badgeImageWrapper .badge-image {
    width: 110px;
    order: 1;
  }
}
@media only screen and (min-width: 80rem) {
  .largeBadgeWrapper .badgeBox .badgeImageWrapper .badge-image {
    width: 145px;
  }
}
.largeBadgeWrapper .badgeBox .badgeImageWrapper .badge-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.largeBadgeWrapper .badgeBox .badgeImageWrapper .block-image {
  width: 176px;
  order: 1;
  border-radius: 125px;
  overflow: hidden;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .largeBadgeWrapper .badgeBox .badgeImageWrapper .block-image {
    width: 210px;
    order: 2;
  }
}
@media only screen and (min-width: 80rem) {
  .largeBadgeWrapper .badgeBox .badgeImageWrapper .block-image {
    width: 268px;
  }
}

.studioSection {
  position: relative;
}
.studioSection .watermark {
  position: absolute;
  top: 5%;
  right: -5%;
  z-index: -1;
}

@media only screen and (max-width: 47.9375rem) {
  .socialPostSection .postLightSlider {
    margin-left: -20px;
  }
  .socialPostSection .postLightSlider .lSSlideWrapper {
    padding-left: 20px;
  }
}
.socialPostSection .postItem .instagram-media {
  width: 100%;
}
.socialPostSection .customSliderAction {
  position: relative;
  z-index: 99;
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 47.9375rem) {
  .socialPostSection .customSliderAction {
    display: none;
  }
}
.socialPostSection .customSliderAction .btn {
  background: #2d2d2e;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.socialPostSection .lightSlider {
  height: auto !important;
}

.teamSection {
  position: relative;
}
.teamSection .watermark {
  position: absolute;
  top: -30%;
  right: -5%;
  z-index: -1;
}
@media only screen and (max-width: 47.9375rem) {
  .teamSection .teamSlider {
    overflow: hidden;
    margin: 0 -20px;
    padding: 0 10px 0 10px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .teamSection .teamSlider .slick-list {
    margin: 0 -10px;
  }
}
.teamSection .teamSlider .slick-track {
  display: flex;
  padding: 0 10px;
}
.teamSection .teamSlider .slick-track .slick-slide {
  height: auto !important;
  padding: 0 10px;
}
.teamSection .teamSlider .item {
  height: 100%;
}

.reviewSection {
  position: relative;
}
@media only screen and (max-width: 47.9375rem) {
  .reviewSection .reviewWrapper {
    overflow: hidden;
  }
}
.reviewSection .reviewWrapper .slick-track {
  display: flex;
}
.reviewSection .reviewWrapper .slick-track .slick-slide {
  height: auto !important;
}
.reviewSection .reviewWrapper .titleBox {
  order: 2;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .reviewSection .reviewWrapper .titleBox {
    order: 1;
  }
}
.reviewSection .reviewWrapper .titleBox .titleText {
  font-family: "Americana-Std-Bold";
  color: #2d2d2e;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 24px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .reviewSection .reviewWrapper .titleBox .titleText {
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 80rem) {
  .reviewSection .reviewWrapper .titleBox .titleText {
    font-size: 48px;
    line-height: 74px;
    margin-bottom: 32px;
  }
}
.reviewSection .reviewWrapper .titleBox .name {
  font-family: "Americana-Std-Bold";
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 8px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .reviewSection .reviewWrapper .titleBox .name {
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 16px;
  }
}
.reviewSection .reviewWrapper .titleBox .aboutText {
  color: #666;
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .reviewSection .reviewWrapper .titleBox .aboutText {
    font-size: 16px;
    line-height: 28px;
  }
}
.reviewSection .reviewWrapper .videoBox {
  order: 1;
  position: relative;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (max-width: 47.9375rem) {
  .reviewSection .reviewWrapper .videoBox {
    padding-top: 85.59%;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .reviewSection .reviewWrapper .videoBox .medaiItem {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (min-width: 48rem) {
  .reviewSection .reviewWrapper .videoBox {
    height: 538px;
    order: 2;
  }
}
@media only screen and (min-width: 64rem) {
  .reviewSection .reviewWrapper .videoBox {
    height: 438px;
  }
}
@media only screen and (min-width: 80rem) {
  .reviewSection .reviewWrapper .videoBox {
    height: 538px;
  }
}
.reviewSection .reviewWrapper .detailsBox {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-end;
  order: 3;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .reviewSection .reviewWrapper .detailsBox {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 64rem) {
  .reviewSection .reviewWrapper .detailsBox {
    padding: 0;
    justify-content: space-between;
  }
}
.reviewSection .reviewWrapper .detailsBox .text {
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .reviewSection .reviewWrapper .detailsBox .text {
    font-size: 16px;
    line-height: 28px;
  }
}
.reviewSection .customSliderAction {
  position: absolute;
  bottom: 0px;
  z-index: 99;
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 47.9375rem) {
  .reviewSection .customSliderAction {
    display: none;
  }
}
.reviewSection .customSliderAction .btn {
  background: #2d2d2e;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.errorMessage {
  font-size: 12px;
  color: red;
}

.footerSection {
  position: relative;
  padding: 40px 0 120px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .footerSection {
    padding: 50px 0 32px;
  }
}
@media only screen and (min-width: 64rem) {
  .footerSection {
    padding: 120px 0 32px;
  }
}
.footerSection .footer-vector {
  position: absolute;
  top: -132px;
  left: 70px;
  display: none;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 64rem) {
  .footerSection .footer-vector {
    display: block;
  }
}
.footerSection .footerBox {
  background: #2d2d2e;
  padding: 48px 30px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 48px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .footerSection .footerBox {
    gap: 40px;
    padding: 48px 30px;
    border-radius: 28px;
    flex-direction: row;
  }
}
@media only screen and (min-width: 64rem) {
  .footerSection .footerBox {
    gap: 130px;
    padding: 56px 50px;
    border-radius: 36px;
  }
}
@media only screen and (min-width: 80rem) {
  .footerSection .footerBox {
    gap: 230px;
    padding: 64px 70px;
    border-radius: 42px;
  }
}
.footerSection .footerBox .contentBox {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 272px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .footerSection .footerBox .contentBox {
    flex: 0 0 272px;
  }
}
@media only screen and (min-width: 80rem) {
  .footerSection .footerBox .contentBox {
    font-size: 16px;
    line-height: 28px;
    gap: 32px;
  }
}
.footerSection .footerBox .contentBox .footerLogo {
  width: 181px;
  margin: 0 auto;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .footerSection .footerBox .contentBox .footerLogo {
    width: auto;
    margin: 0;
  }
}
.footerSection .footerBox .contentBox .btn {
  color: #171918;
  background: #ffffff;
  font-family: "Faro-BoldLucky";
  padding: 14px 20px;
  text-decoration: none;
  border: none;
  display: block;
  font-size: 14px;
  text-align: center;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 80rem) {
  .footerSection .footerBox .contentBox .btn {
    padding: 16px 42px;
    font-size: 16px;
    line-height: 30px;
  }
}
.footerSection .footerBox .linksBox {
  text-align: center;
  flex: 1;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .footerSection .footerBox .linksBox {
    text-align: left;
  }
}
.footerSection .footerBox .linksBox .item .titleText {
  color: #c3c2bf;
  font-size: 14px;
  margin-bottom: 21px;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .footerSection .footerBox .linksBox .item .titleText {
    margin-bottom: 24px;
  }
}
.footerSection .footerBox .linksBox .item .list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #fff;
  line-height: 24px;
  font-size: 14px;
  /*@media only screen (min-width:$point){@content;}*/
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .footerSection .footerBox .linksBox .item .list {
    max-width: 254px;
    gap: 18px;
  }
}
@media only screen and (min-width: 80rem) {
  .footerSection .footerBox .linksBox .item .list {
    font-size: 16px;
    line-height: 28px;
  }
}
.footerSection .footerBox .linksBox .item .list a {
  color: #fff;
}

.mobileBottomNav {
  background: #fff;
  box-shadow: 0px -4px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 24px;
  display: flex;
  gap: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  /*@media only screen (min-width:$point){@content;}*/
}
@media only screen and (min-width: 48rem) {
  .mobileBottomNav {
    display: none;
  }
}
.mobileBottomNav .btn {
  flex: 1;
  color: #fff;
  background: #2d2d2e;
  font-family: "Faro-SemiBoldLucky";
  padding: 14px 20px;
  text-decoration: none;
  border: none;
  display: block;
  font-size: 14px;
  text-align: center;
}
.mobileBottomNav .whatsappLink {
  flex: 0 0 48px;
  max-width: 48px;
}
.mobileBottomNav .whatsappLink a {
  display: block;
  background: #33d46a;
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}