@import url("https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
:root {
  --gt-body: #fff;
  --gt-black: #000;
  --gt-white: #fff;
  --gt-theme: #E8C157;
  --gt-theme-2: #E8C157;
  --gt-theme-3: #E8C157;
  --gt-header: #1C1C1C;
  --gt-border: #FCFCFC;
  --gt-bg: #D9D9D9;
  --gt-bg2: #F8F8F8;
  --gt-bg3: #F7F3EE;
  --gt-bg4: #F4F4F4;
  --gt-bg5: #F0F0F0;
  --gt-bg6: #7903E0;
  --gt-bg7: #495FEA;
  --gt-bg8: #E21E1E;
  --gt-bg9: #F4F4F2;
  --gt-bg10: #282828;
  --gt-bg11: #E9E9E9;
  --gt-bg12: #F2EDEA;
  --gt-bg13: #F9EFF1;
  --gt-box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
  --gt-text: #434343;
  --gt-text-1: #8E8E8E;
  --gt-text-2: #6D6D6D;
  --gt-text-3: #1E1E1E;
  --gt-text-4: #9E9EA3;
  --gt-text-5: #555;
  --gt-text-6: #121212;
  --gt-border-1: rgba(0, 0, 0, 0.20);
  --gt-border-2: rgba(0, 0, 0, 0.07);
  --gt-border-3: rgba(255, 255, 255, 0.20);
  --gt-border-4: rgba(255, 255, 255, 0.30);
  --gt-border-5: rgba(0, 0, 0, 0.10);
  --gt-border-6: rgba(0, 0, 0, 0.30);
  --gt-border-7: rgba(18, 18, 18, 0.20);
}

.gt-hover-btn-wrapper {
  display: inline-block;
}
.gt-hover-btn-wrapper .gt-btn-circle-2 {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-radius: 50%;
  color: var(--gt-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.14px;
  text-transform: uppercase;
  border: 1px solid var(--gt-border-1) !important;
  z-index: 1;
  width: 116px;
  height: 116px;
  border: 0;
  background: var(--gt-white);
}
@media (max-width: 767px) {
  .gt-hover-btn-wrapper .gt-btn-circle-2 {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 500px) {
  .gt-hover-btn-wrapper .gt-btn-circle-2 {
    width: 80px;
    height: 80px;
  }
}
.gt-hover-btn-wrapper .gt-btn-circle-2:hover {
  color: var(--gt-black) !important;
}
.gt-hover-btn-wrapper .gt-btn-circle-2:hover .gt-btn-circle-dot {
  width: 320px;
  height: 320px;
}
.gt-hover-btn-wrapper .gt-btn-circle-2:hover.bg-2 {
  border: 1px solid var(--gt-theme-2);
  background: var(--gt-theme-2) !important;
}
.gt-hover-btn-wrapper .gt-btn-circle-2 .gt-btn-circle-dot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: var(--gt-theme);
  line-height: 20px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.gt-hover-btn-wrapper .gt-btn-circle-2 .gt-btn-circle-dot.bg-2 {
  background-color: var(--gt-theme-2);
}
.gt-hover-btn-wrapper .gt-btn-circle-2 .gt-btn-circle-text-2 {
  display: block;
}
.gt-hover-btn-wrapper .gt-btn-circle-2 .gt-btn-circle-text-2:hover {
  color: var(--gt-black) !important;
}

.gt-hover-btn-wrapper-two {
  display: inline-block;
}
.gt-hover-btn-wrapper-two .gt-btn-circle-2 {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-radius: 50%;
  color: var(--gt-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.14px;
  text-transform: uppercase;
  border: 1px solid var(--gt-border-1) !important;
  z-index: 1;
  width: 116px;
  height: 116px;
  border: 0;
  background: var(--gt-white);
}
.gt-hover-btn-wrapper-two .gt-btn-circle-2:hover {
  color: var(--gt-white) !important;
}
.gt-hover-btn-wrapper-two .gt-btn-circle-2:hover .gt-btn-circle-dot {
  width: 320px;
  height: 320px;
}
.gt-hover-btn-wrapper-two .gt-btn-circle-2 .gt-btn-circle-dot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: var(--gt-theme-2);
  line-height: 20px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.gt-hover-btn-wrapper-two .gt-btn-circle-2 .gt-btn-circle-text-2 {
  display: block;
}
.gt-hover-btn-wrapper-two .gt-btn-circle-2 .gt-btn-circle-text-2:hover {
  color: var(--gt-white) !important;
}

.simple-btn .gt-btn-circle-2 {
  position: relative;
  overflow: hidden;
  display: inline-block;
  color: var(--gt-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
  z-index: 1;
  border: 0;
  background: transparent;
  border-radius: 100px;
  border: 1px solid var(--gt-border-3);
  padding: 15px 20px;
}
.simple-btn .gt-btn-circle-2:hover {
  color: var(--gt-black) !important;
}
.simple-btn .gt-btn-circle-2:hover .gt-btn-circle-dot {
  width: 320px;
  height: 320px;
}
.simple-btn .gt-btn-circle-2 .gt-btn-circle-dot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: var(--gt-theme);
  line-height: 20px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.simple-btn .gt-btn-circle-2 .gt-btn-circle-text-2 {
  display: block;
}
.simple-btn .gt-btn-circle-2 .gt-btn-circle-text-2:hover {
  color: var(--gt-black) !important;
}

.simple-btn-black .gt-btn-circle-2 {
  position: relative;
  display: inline-block;
  color: var(--gt-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
  z-index: 1;
  border: 0;
  background: var(--gt-black);
  border: 1px solid var(--gt-white);
  border-radius: 100px;
  padding: 22px 30px;
  overflow: hidden;
}
.simple-btn-black .gt-btn-circle-2:hover {
  color: var(--gt-black) !important;
  background: var(--gt-theme) !important;
}
.simple-btn-black .gt-btn-circle-2:hover .gt-btn-circle-dot {
  width: 350px;
  height: 350px;
}
.simple-btn-black .gt-btn-circle-2 .gt-btn-circle-dot {
  position: absolute;
  bottom: 0;
  left: -30px;
  width: 30px;
  height: 30px;
  background-color: var(--gt-theme);
  line-height: 20px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.simple-btn-black .gt-btn-circle-2 .gt-btn-circle-text-2 {
  display: block;
}
.simple-btn-black .gt-btn-circle-2 .gt-btn-circle-text-2:hover {
  color: var(--gt-black) !important;
}

.simple-btn-white .gt-btn-circle-2 {
  position: relative;
  display: inline-block;
  color: var(--gt-black) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
  z-index: 1;
  border: 0;
  background: transparent;
  border: 1px solid var(--gt-border-1);
  border-radius: 100px;
  padding: 20px 28px;
  overflow: hidden;
}
.simple-btn-white .gt-btn-circle-2 svg path {
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.simple-btn-white .gt-btn-circle-2:hover {
  color: var(--gt-black) !important;
  background: var(--gt-theme) !important;
  border: 1px solid var(--gt-theme);
}
.simple-btn-white .gt-btn-circle-2:hover.bg-2 {
  border: 1px solid var(--gt-theme-2);
  background: var(--gt-theme-2) !important;
}
.simple-btn-white .gt-btn-circle-2:hover svg path {
  fill: var(--gt-bg);
}
.simple-btn-white .gt-btn-circle-2:hover span {
  fill: var(--gt-bg);
}
.simple-btn-white .gt-btn-circle-2:hover .gt-btn-circle-dot {
  width: 350px;
  height: 350px;
}
.simple-btn-white .gt-btn-circle-2 .gt-btn-circle-dot {
  position: absolute;
  bottom: 0;
  left: -30px;
  width: 30px;
  height: 30px;
  background-color: var(--gt-theme);
  line-height: 20px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.simple-btn-white .gt-btn-circle-2 .gt-btn-circle-dot.bg-2 {
  background-color: var(--gt-theme-2);
}
.simple-btn-white .gt-btn-circle-2 .gt-btn-circle-text-2 {
  display: block;
}
.simple-btn-white .gt-btn-circle-2 .gt-btn-circle-text-2:hover {
  color: var(--gt-black) !important;
}

.simple-btn-white-2 .gt-btn-circle-2 {
  position: relative;
  display: inline-block;
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
  z-index: 1;
  border: 0;
  background: var(--gt-white);
  border: 1px solid var(--gt-border-1);
  border-radius: 100px;
  padding: 18px 26px;
  overflow: hidden;
}
.simple-btn-white-2 .gt-btn-circle-2 svg path {
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.simple-btn-white-2 .gt-btn-circle-2:hover {
  color: var(--gt-black) !important;
  background: var(--gt-theme) !important;
  border: 1px solid var(--gt-theme);
}
.simple-btn-white-2 .gt-btn-circle-2:hover.bg-2 {
  border: 1px solid var(--gt-theme-2);
  background: var(--gt-theme-2) !important;
}
.simple-btn-white-2 .gt-btn-circle-2:hover svg path {
  fill: var(--gt-white);
}
.simple-btn-white-2 .gt-btn-circle-2:hover .gt-btn-circle-dot {
  width: 350px;
  height: 350px;
}
.simple-btn-white-2 .gt-btn-circle-2 .gt-btn-circle-dot {
  position: absolute;
  bottom: 0;
  left: -30px;
  width: 30px;
  height: 30px;
  background-color: var(--gt-theme);
  line-height: 20px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.simple-btn-white-2 .gt-btn-circle-2 .gt-btn-circle-dot.bg-2 {
  background-color: var(--gt-black);
}
.simple-btn-white-2 .gt-btn-circle-2 .gt-btn-circle-text-2 {
  display: block;
}
.simple-btn-white-2 .gt-btn-circle-2 .gt-btn-circle-text-2:hover {
  color: var(--gt-black) !important;
}

.solid-btn {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
}

.solid-btn-2 {
  color: var(--gt-black);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 20px;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.solid-btn-2 .icon {
  width: 30px;
  height: 30px;
  aspect-ratio: 1/1;
}
.solid-btn-2 .icon svg path {
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.solid-btn-2:hover {
  color: var(--gt-theme-2);
}
.solid-btn-2:hover svg path {
  fill: var(--gt-theme-2);
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: var(--gt-text);
  background-color: var(--gt-white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

@media (min-width: 0px) and (max-width: 319px) {
  body {
    min-width: 319px;
  }
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--gt-white);
  outline: none;
}

input {
  color: var(--gt-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Anton", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
  text-transform: capitalize;
}

h1 {
  font-size: 200px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -2px;
  line-height: 170px;
  text-transform: uppercase;
}
@media (max-width: 1399px) {
  h1 {
    font-size: 140px;
    line-height: 80%;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 105px;
    line-height: 100px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 80px;
    line-height: 85px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 72px;
    line-height: 77px;
  }
}
@media (max-width: 500px) {
  h1 {
    font-size: 70px;
    line-height: 75px;
  }
}
@media (max-width: 470px) {
  h1 {
    font-size: 60px;
    line-height: 68px;
  }
}
@media (max-width: 450px) {
  h1 {
    font-size: 47px;
    line-height: 53px;
  }
}

h2 {
  color: var(--gt-black);
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  text-transform: uppercase;
}
@media (max-width: 1399px) {
  h2 {
    font-size: 80px;
    line-height: 92px;
  }
}
@media (max-width: 991px) {
  h2 {
    font-size: 75px;
    line-height: 90px;
  }
}
@media (max-width: 991px) {
  h2 {
    font-size: 55px;
    line-height: 72px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 45px;
    line-height: 55px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 134%;
}
@media (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 18px;
  font-weight: 400;
}

h5 {
  font-size: 18px;
  font-weight: 700;
}

h6 {
  font-size: 16px;
  font-weight: 700;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
}

p {
  margin: 0px;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}

span {
  margin: 0px;
}

/*----------------------------------------*/
/*  1.3 Default Spacing
/*----------------------------------------*/
/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-1{margin-top: 1px;}.mt-2{margin-top: 2px;}.mt-3{margin-top: 3px;}.mt-4{margin-top: 4px;}.mt-5{margin-top: 5px;}.mt-6{margin-top: 6px;}.mt-7{margin-top: 7px;}.mt-8{margin-top: 8px;}.mt-9{margin-top: 9px;}.mt-10{margin-top: 10px;}.mt-11{margin-top: 11px;}.mt-12{margin-top: 12px;}.mt-13{margin-top: 13px;}.mt-14{margin-top: 14px;}.mt-15{margin-top: 15px;}.mt-16{margin-top: 16px;}.mt-17{margin-top: 17px;}.mt-18{margin-top: 18px;}.mt-19{margin-top: 19px;}.mt-20{margin-top: 20px;}.mt-21{margin-top: 21px;}.mt-22{margin-top: 22px;}.mt-23{margin-top: 23px;}.mt-24{margin-top: 24px;}.mt-25{margin-top: 25px;}.mt-26{margin-top: 26px;}.mt-27{margin-top: 27px;}.mt-28{margin-top: 28px;}.mt-29{margin-top: 29px;}.mt-30{margin-top: 30px;}.mt-31{margin-top: 31px;}.mt-32{margin-top: 32px;}.mt-33{margin-top: 33px;}.mt-34{margin-top: 34px;}.mt-35{margin-top: 35px;}.mt-36{margin-top: 36px;}.mt-37{margin-top: 37px;}.mt-38{margin-top: 38px;}.mt-39{margin-top: 39px;}.mt-40{margin-top: 40px;}.mt-41{margin-top: 41px;}.mt-42{margin-top: 42px;}.mt-43{margin-top: 43px;}.mt-44{margin-top: 44px;}.mt-45{margin-top: 45px;}.mt-46{margin-top: 46px;}.mt-47{margin-top: 47px;}.mt-48{margin-top: 48px;}.mt-49{margin-top: 49px;}.mt-50{margin-top: 50px;}.mt-51{margin-top: 51px;}.mt-52{margin-top: 52px;}.mt-53{margin-top: 53px;}.mt-54{margin-top: 54px;}.mt-55{margin-top: 55px;}.mt-56{margin-top: 56px;}.mt-57{margin-top: 57px;}.mt-58{margin-top: 58px;}.mt-59{margin-top: 59px;}.mt-60{margin-top: 60px;}.mt-61{margin-top: 61px;}.mt-62{margin-top: 62px;}.mt-63{margin-top: 63px;}.mt-64{margin-top: 64px;}.mt-65{margin-top: 65px;}.mt-66{margin-top: 66px;}.mt-67{margin-top: 67px;}.mt-68{margin-top: 68px;}.mt-69{margin-top: 69px;}.mt-70{margin-top: 70px;}.mt-71{margin-top: 71px;}.mt-72{margin-top: 72px;}.mt-73{margin-top: 73px;}.mt-74{margin-top: 74px;}.mt-75{margin-top: 75px;}.mt-76{margin-top: 76px;}.mt-77{margin-top: 77px;}.mt-78{margin-top: 78px;}.mt-79{margin-top: 79px;}.mt-80{margin-top: 80px;}.mt-81{margin-top: 81px;}.mt-82{margin-top: 82px;}.mt-83{margin-top: 83px;}.mt-84{margin-top: 84px;}.mt-85{margin-top: 85px;}.mt-86{margin-top: 86px;}.mt-87{margin-top: 87px;}.mt-88{margin-top: 88px;}.mt-89{margin-top: 89px;}.mt-90{margin-top: 90px;}.mt-91{margin-top: 91px;}.mt-92{margin-top: 92px;}.mt-93{margin-top: 93px;}.mt-94{margin-top: 94px;}.mt-95{margin-top: 95px;}.mt-96{margin-top: 96px;}.mt-97{margin-top: 97px;}.mt-98{margin-top: 98px;}.mt-99{margin-top: 99px;}.mt-100{margin-top: 100px;}.mt-101{margin-top: 101px;}.mt-102{margin-top: 102px;}.mt-103{margin-top: 103px;}.mt-104{margin-top: 104px;}.mt-105{margin-top: 105px;}.mt-106{margin-top: 106px;}.mt-107{margin-top: 107px;}.mt-108{margin-top: 108px;}.mt-109{margin-top: 109px;}.mt-110{margin-top: 110px;}.mt-111{margin-top: 111px;}.mt-112{margin-top: 112px;}.mt-113{margin-top: 113px;}.mt-114{margin-top: 114px;}.mt-115{margin-top: 115px;}.mt-116{margin-top: 116px;}.mt-117{margin-top: 117px;}.mt-118{margin-top: 118px;}.mt-119{margin-top: 119px;}.mt-120{margin-top: 120px;}.mt-121{margin-top: 121px;}.mt-122{margin-top: 122px;}.mt-123{margin-top: 123px;}.mt-124{margin-top: 124px;}.mt-125{margin-top: 125px;}.mt-126{margin-top: 126px;}.mt-127{margin-top: 127px;}.mt-128{margin-top: 128px;}.mt-129{margin-top: 129px;}.mt-130{margin-top: 130px;}.mt-131{margin-top: 131px;}.mt-132{margin-top: 132px;}.mt-133{margin-top: 133px;}.mt-134{margin-top: 134px;}.mt-135{margin-top: 135px;}.mt-136{margin-top: 136px;}.mt-137{margin-top: 137px;}.mt-138{margin-top: 138px;}.mt-139{margin-top: 139px;}.mt-140{margin-top: 140px;}.mt-141{margin-top: 141px;}.mt-142{margin-top: 142px;}.mt-143{margin-top: 143px;}.mt-144{margin-top: 144px;}.mt-145{margin-top: 145px;}.mt-146{margin-top: 146px;}.mt-147{margin-top: 147px;}.mt-148{margin-top: 148px;}.mt-149{margin-top: 149px;}.mt-150{margin-top: 150px;}.mt-151{margin-top: 151px;}.mt-152{margin-top: 152px;}.mt-153{margin-top: 153px;}.mt-154{margin-top: 154px;}.mt-155{margin-top: 155px;}.mt-156{margin-top: 156px;}.mt-157{margin-top: 157px;}.mt-158{margin-top: 158px;}.mt-159{margin-top: 159px;}.mt-160{margin-top: 160px;}.mt-161{margin-top: 161px;}.mt-162{margin-top: 162px;}.mt-163{margin-top: 163px;}.mt-164{margin-top: 164px;}.mt-165{margin-top: 165px;}.mt-166{margin-top: 166px;}.mt-167{margin-top: 167px;}.mt-168{margin-top: 168px;}.mt-169{margin-top: 169px;}.mt-170{margin-top: 170px;}.mt-171{margin-top: 171px;}.mt-172{margin-top: 172px;}.mt-173{margin-top: 173px;}.mt-174{margin-top: 174px;}.mt-175{margin-top: 175px;}.mt-176{margin-top: 176px;}.mt-177{margin-top: 177px;}.mt-178{margin-top: 178px;}.mt-179{margin-top: 179px;}.mt-180{margin-top: 180px;}.mt-181{margin-top: 181px;}.mt-182{margin-top: 182px;}.mt-183{margin-top: 183px;}.mt-184{margin-top: 184px;}.mt-185{margin-top: 185px;}.mt-186{margin-top: 186px;}.mt-187{margin-top: 187px;}.mt-188{margin-top: 188px;}.mt-189{margin-top: 189px;}.mt-190{margin-top: 190px;}.mt-191{margin-top: 191px;}.mt-192{margin-top: 192px;}.mt-193{margin-top: 193px;}.mt-194{margin-top: 194px;}.mt-195{margin-top: 195px;}.mt-196{margin-top: 196px;}.mt-197{margin-top: 197px;}.mt-198{margin-top: 198px;}.mt-199{margin-top: 199px;}.mt-200{margin-top: 200px;}.mt-201{margin-top: 201px;}.mt-202{margin-top: 202px;}.mt-203{margin-top: 203px;}.mt-204{margin-top: 204px;}.mt-205{margin-top: 205px;}.mt-206{margin-top: 206px;}.mt-207{margin-top: 207px;}.mt-208{margin-top: 208px;}.mt-209{margin-top: 209px;}.mt-210{margin-top: 210px;}.mt-211{margin-top: 211px;}.mt-212{margin-top: 212px;}.mt-213{margin-top: 213px;}.mt-214{margin-top: 214px;}.mt-215{margin-top: 215px;}.mt-216{margin-top: 216px;}.mt-217{margin-top: 217px;}.mt-218{margin-top: 218px;}.mt-219{margin-top: 219px;}.mt-220{margin-top: 220px;}.mt-221{margin-top: 221px;}.mt-222{margin-top: 222px;}.mt-223{margin-top: 223px;}.mt-224{margin-top: 224px;}.mt-225{margin-top: 225px;}.mt-226{margin-top: 226px;}.mt-227{margin-top: 227px;}.mt-228{margin-top: 228px;}.mt-229{margin-top: 229px;}.mt-230{margin-top: 230px;}.mt-231{margin-top: 231px;}.mt-232{margin-top: 232px;}.mt-233{margin-top: 233px;}.mt-234{margin-top: 234px;}.mt-235{margin-top: 235px;}.mt-236{margin-top: 236px;}.mt-237{margin-top: 237px;}.mt-238{margin-top: 238px;}.mt-239{margin-top: 239px;}.mt-240{margin-top: 240px;}.mt-241{margin-top: 241px;}.mt-242{margin-top: 242px;}.mt-243{margin-top: 243px;}.mt-244{margin-top: 244px;}.mt-245{margin-top: 245px;}.mt-246{margin-top: 246px;}.mt-247{margin-top: 247px;}.mt-248{margin-top: 248px;}.mt-249{margin-top: 249px;}.mt-250{margin-top: 250px;}.mt-251{margin-top: 251px;}.mt-252{margin-top: 252px;}.mt-253{margin-top: 253px;}.mt-254{margin-top: 254px;}.mt-255{margin-top: 255px;}.mt-256{margin-top: 256px;}.mt-257{margin-top: 257px;}.mt-258{margin-top: 258px;}.mt-259{margin-top: 259px;}.mt-260{margin-top: 260px;}.mt-261{margin-top: 261px;}.mt-262{margin-top: 262px;}.mt-263{margin-top: 263px;}.mt-264{margin-top: 264px;}.mt-265{margin-top: 265px;}.mt-266{margin-top: 266px;}.mt-267{margin-top: 267px;}.mt-268{margin-top: 268px;}.mt-269{margin-top: 269px;}.mt-270{margin-top: 270px;}.mt-271{margin-top: 271px;}.mt-272{margin-top: 272px;}.mt-273{margin-top: 273px;}.mt-274{margin-top: 274px;}.mt-275{margin-top: 275px;}.mt-276{margin-top: 276px;}.mt-277{margin-top: 277px;}.mt-278{margin-top: 278px;}.mt-279{margin-top: 279px;}.mt-280{margin-top: 280px;}.mt-281{margin-top: 281px;}.mt-282{margin-top: 282px;}.mt-283{margin-top: 283px;}.mt-284{margin-top: 284px;}.mt-285{margin-top: 285px;}.mt-286{margin-top: 286px;}.mt-287{margin-top: 287px;}.mt-288{margin-top: 288px;}.mt-289{margin-top: 289px;}.mt-290{margin-top: 290px;}.mt-291{margin-top: 291px;}.mt-292{margin-top: 292px;}.mt-293{margin-top: 293px;}.mt-294{margin-top: 294px;}.mt-295{margin-top: 295px;}.mt-296{margin-top: 296px;}.mt-297{margin-top: 297px;}.mt-298{margin-top: 298px;}.mt-299{margin-top: 299px;}.mt-300{margin-top: 300px;}

/*-- Margin Bottom --*/
.mb-1{margin-bottom: 1px;}.mb-2{margin-bottom: 2px;}.mb-3{margin-bottom: 3px;}.mb-4{margin-bottom: 4px;}.mb-5{margin-bottom: 5px;}.mb-6{margin-bottom: 6px;}.mb-7{margin-bottom: 7px;}.mb-8{margin-bottom: 8px;}.mb-9{margin-bottom: 9px;}.mb-10{margin-bottom: 10px;}.mb-11{margin-bottom: 11px;}.mb-12{margin-bottom: 12px;}.mb-13{margin-bottom: 13px;}.mb-14{margin-bottom: 14px;}.mb-15{margin-bottom: 15px;}.mb-16{margin-bottom: 16px;}.mb-17{margin-bottom: 17px;}.mb-18{margin-bottom: 18px;}.mb-19{margin-bottom: 19px;}.mb-20{margin-bottom: 20px;}.mb-21{margin-bottom: 21px;}.mb-22{margin-bottom: 22px;}.mb-23{margin-bottom: 23px;}.mb-24{margin-bottom: 24px;}.mb-25{margin-bottom: 25px;}.mb-26{margin-bottom: 26px;}.mb-27{margin-bottom: 27px;}.mb-28{margin-bottom: 28px;}.mb-29{margin-bottom: 29px;}.mb-30{margin-bottom: 30px;}.mb-31{margin-bottom: 31px;}.mb-32{margin-bottom: 32px;}.mb-33{margin-bottom: 33px;}.mb-34{margin-bottom: 34px;}.mb-35{margin-bottom: 35px;}.mb-36{margin-bottom: 36px;}.mb-37{margin-bottom: 37px;}.mb-38{margin-bottom: 38px;}.mb-39{margin-bottom: 39px;}.mb-40{margin-bottom: 40px;}.mb-41{margin-bottom: 41px;}.mb-42{margin-bottom: 42px;}.mb-43{margin-bottom: 43px;}.mb-44{margin-bottom: 44px;}.mb-45{margin-bottom: 45px;}.mb-46{margin-bottom: 46px;}.mb-47{margin-bottom: 47px;}.mb-48{margin-bottom: 48px;}.mb-49{margin-bottom: 49px;}.mb-50{margin-bottom: 50px;}.mb-51{margin-bottom: 51px;}.mb-52{margin-bottom: 52px;}.mb-53{margin-bottom: 53px;}.mb-54{margin-bottom: 54px;}.mb-55{margin-bottom: 55px;}.mb-56{margin-bottom: 56px;}.mb-57{margin-bottom: 57px;}.mb-58{margin-bottom: 58px;}.mb-59{margin-bottom: 59px;}.mb-60{margin-bottom: 60px;}.mb-61{margin-bottom: 61px;}.mb-62{margin-bottom: 62px;}.mb-63{margin-bottom: 63px;}.mb-64{margin-bottom: 64px;}.mb-65{margin-bottom: 65px;}.mb-66{margin-bottom: 66px;}.mb-67{margin-bottom: 67px;}.mb-68{margin-bottom: 68px;}.mb-69{margin-bottom: 69px;}.mb-70{margin-bottom: 70px;}.mb-71{margin-bottom: 71px;}.mb-72{margin-bottom: 72px;}.mb-73{margin-bottom: 73px;}.mb-74{margin-bottom: 74px;}.mb-75{margin-bottom: 75px;}.mb-76{margin-bottom: 76px;}.mb-77{margin-bottom: 77px;}.mb-78{margin-bottom: 78px;}.mb-79{margin-bottom: 79px;}.mb-80{margin-bottom: 80px;}.mb-81{margin-bottom: 81px;}.mb-82{margin-bottom: 82px;}.mb-83{margin-bottom: 83px;}.mb-84{margin-bottom: 84px;}.mb-85{margin-bottom: 85px;}.mb-86{margin-bottom: 86px;}.mb-87{margin-bottom: 87px;}.mb-88{margin-bottom: 88px;}.mb-89{margin-bottom: 89px;}.mb-90{margin-bottom: 90px;}.mb-91{margin-bottom: 91px;}.mb-92{margin-bottom: 92px;}.mb-93{margin-bottom: 93px;}.mb-94{margin-bottom: 94px;}.mb-95{margin-bottom: 95px;}.mb-96{margin-bottom: 96px;}.mb-97{margin-bottom: 97px;}.mb-98{margin-bottom: 98px;}.mb-99{margin-bottom: 99px;}.mb-100{margin-bottom: 100px;}.mb-101{margin-bottom: 101px;}.mb-102{margin-bottom: 102px;}.mb-103{margin-bottom: 103px;}.mb-104{margin-bottom: 104px;}.mb-105{margin-bottom: 105px;}.mb-106{margin-bottom: 106px;}.mb-107{margin-bottom: 107px;}.mb-108{margin-bottom: 108px;}.mb-109{margin-bottom: 109px;}.mb-110{margin-bottom: 110px;}.mb-111{margin-bottom: 111px;}.mb-112{margin-bottom: 112px;}.mb-113{margin-bottom: 113px;}.mb-114{margin-bottom: 114px;}.mb-115{margin-bottom: 115px;}.mb-116{margin-bottom: 116px;}.mb-117{margin-bottom: 117px;}.mb-118{margin-bottom: 118px;}.mb-119{margin-bottom: 119px;}.mb-120{margin-bottom: 120px;}.mb-121{margin-bottom: 121px;}.mb-122{margin-bottom: 122px;}.mb-123{margin-bottom: 123px;}.mb-124{margin-bottom: 124px;}.mb-125{margin-bottom: 125px;}.mb-126{margin-bottom: 126px;}.mb-127{margin-bottom: 127px;}.mb-128{margin-bottom: 128px;}.mb-129{margin-bottom: 129px;}.mb-130{margin-bottom: 130px;}.mb-131{margin-bottom: 131px;}.mb-132{margin-bottom: 132px;}.mb-133{margin-bottom: 133px;}.mb-134{margin-bottom: 134px;}.mb-135{margin-bottom: 135px;}.mb-136{margin-bottom: 136px;}.mb-137{margin-bottom: 137px;}.mb-138{margin-bottom: 138px;}.mb-139{margin-bottom: 139px;}.mb-140{margin-bottom: 140px;}.mb-141{margin-bottom: 141px;}.mb-142{margin-bottom: 142px;}.mb-143{margin-bottom: 143px;}.mb-144{margin-bottom: 144px;}.mb-145{margin-bottom: 145px;}.mb-146{margin-bottom: 146px;}.mb-147{margin-bottom: 147px;}.mb-148{margin-bottom: 148px;}.mb-149{margin-bottom: 149px;}.mb-150{margin-bottom: 150px;}.mb-151{margin-bottom: 151px;}.mb-152{margin-bottom: 152px;}.mb-153{margin-bottom: 153px;}.mb-154{margin-bottom: 154px;}.mb-155{margin-bottom: 155px;}.mb-156{margin-bottom: 156px;}.mb-157{margin-bottom: 157px;}.mb-158{margin-bottom: 158px;}.mb-159{margin-bottom: 159px;}.mb-160{margin-bottom: 160px;}.mb-161{margin-bottom: 161px;}.mb-162{margin-bottom: 162px;}.mb-163{margin-bottom: 163px;}.mb-164{margin-bottom: 164px;}.mb-165{margin-bottom: 165px;}.mb-166{margin-bottom: 166px;}.mb-167{margin-bottom: 167px;}.mb-168{margin-bottom: 168px;}.mb-169{margin-bottom: 169px;}.mb-170{margin-bottom: 170px;}.mb-171{margin-bottom: 171px;}.mb-172{margin-bottom: 172px;}.mb-173{margin-bottom: 173px;}.mb-174{margin-bottom: 174px;}.mb-175{margin-bottom: 175px;}.mb-176{margin-bottom: 176px;}.mb-177{margin-bottom: 177px;}.mb-178{margin-bottom: 178px;}.mb-179{margin-bottom: 179px;}.mb-180{margin-bottom: 180px;}.mb-181{margin-bottom: 181px;}.mb-182{margin-bottom: 182px;}.mb-183{margin-bottom: 183px;}.mb-184{margin-bottom: 184px;}.mb-185{margin-bottom: 185px;}.mb-186{margin-bottom: 186px;}.mb-187{margin-bottom: 187px;}.mb-188{margin-bottom: 188px;}.mb-189{margin-bottom: 189px;}.mb-190{margin-bottom: 190px;}.mb-191{margin-bottom: 191px;}.mb-192{margin-bottom: 192px;}.mb-193{margin-bottom: 193px;}.mb-194{margin-bottom: 194px;}.mb-195{margin-bottom: 195px;}.mb-196{margin-bottom: 196px;}.mb-197{margin-bottom: 197px;}.mb-198{margin-bottom: 198px;}.mb-199{margin-bottom: 199px;}.mb-200{margin-bottom: 200px;}

/*-- Margin Left --*/
.ml-1{margin-left: 1px;}.ml-2{margin-left: 2px;}.ml-3{margin-left: 3px;}.ml-4{margin-left: 4px;}.ml-5{margin-left: 5px;}.ml-6{margin-left: 6px;}.ml-7{margin-left: 7px;}.ml-8{margin-left: 8px;}.ml-9{margin-left: 9px;}.ml-10{margin-left: 10px;}.ml-11{margin-left: 11px;}.ml-12{margin-left: 12px;}.ml-13{margin-left: 13px;}.ml-14{margin-left: 14px;}.ml-15{margin-left: 15px;}.ml-16{margin-left: 16px;}.ml-17{margin-left: 17px;}.ml-18{margin-left: 18px;}.ml-19{margin-left: 19px;}.ml-20{margin-left: 20px;}.ml-21{margin-left: 21px;}.ml-22{margin-left: 22px;}.ml-23{margin-left: 23px;}.ml-24{margin-left: 24px;}.ml-25{margin-left: 25px;}.ml-26{margin-left: 26px;}.ml-27{margin-left: 27px;}.ml-28{margin-left: 28px;}.ml-29{margin-left: 29px;}.ml-30{margin-left: 30px;}.ml-31{margin-left: 31px;}.ml-32{margin-left: 32px;}.ml-33{margin-left: 33px;}.ml-34{margin-left: 34px;}.ml-35{margin-left: 35px;}.ml-36{margin-left: 36px;}.ml-37{margin-left: 37px;}.ml-38{margin-left: 38px;}.ml-39{margin-left: 39px;}.ml-40{margin-left: 40px;}.ml-41{margin-left: 41px;}.ml-42{margin-left: 42px;}.ml-43{margin-left: 43px;}.ml-44{margin-left: 44px;}.ml-45{margin-left: 45px;}.ml-46{margin-left: 46px;}.ml-47{margin-left: 47px;}.ml-48{margin-left: 48px;}.ml-49{margin-left: 49px;}.ml-50{margin-left: 50px;}.ml-51{margin-left: 51px;}.ml-52{margin-left: 52px;}.ml-53{margin-left: 53px;}.ml-54{margin-left: 54px;}.ml-55{margin-left: 55px;}.ml-56{margin-left: 56px;}.ml-57{margin-left: 57px;}.ml-58{margin-left: 58px;}.ml-59{margin-left: 59px;}.ml-60{margin-left: 60px;}.ml-61{margin-left: 61px;}.ml-62{margin-left: 62px;}.ml-63{margin-left: 63px;}.ml-64{margin-left: 64px;}.ml-65{margin-left: 65px;}.ml-66{margin-left: 66px;}.ml-67{margin-left: 67px;}.ml-68{margin-left: 68px;}.ml-69{margin-left: 69px;}.ml-70{margin-left: 70px;}.ml-71{margin-left: 71px;}.ml-72{margin-left: 72px;}.ml-73{margin-left: 73px;}.ml-74{margin-left: 74px;}.ml-75{margin-left: 75px;}.ml-76{margin-left: 76px;}.ml-77{margin-left: 77px;}.ml-78{margin-left: 78px;}.ml-79{margin-left: 79px;}.ml-80{margin-left: 80px;}.ml-81{margin-left: 81px;}.ml-82{margin-left: 82px;}.ml-83{margin-left: 83px;}.ml-84{margin-left: 84px;}.ml-85{margin-left: 85px;}.ml-86{margin-left: 86px;}.ml-87{margin-left: 87px;}.ml-88{margin-left: 88px;}.ml-89{margin-left: 89px;}.ml-90{margin-left: 90px;}.ml-91{margin-left: 91px;}.ml-92{margin-left: 92px;}.ml-93{margin-left: 93px;}.ml-94{margin-left: 94px;}.ml-95{margin-left: 95px;}.ml-96{margin-left: 96px;}.ml-97{margin-left: 97px;}.ml-98{margin-left: 98px;}.ml-99{margin-left: 99px;}.ml-100{margin-left: 100px;}.ml-101{margin-left: 101px;}.ml-102{margin-left: 102px;}.ml-103{margin-left: 103px;}.ml-104{margin-left: 104px;}.ml-105{margin-left: 105px;}.ml-106{margin-left: 106px;}.ml-107{margin-left: 107px;}.ml-108{margin-left: 108px;}.ml-109{margin-left: 109px;}.ml-110{margin-left: 110px;}.ml-111{margin-left: 111px;}.ml-112{margin-left: 112px;}.ml-113{margin-left: 113px;}.ml-114{margin-left: 114px;}.ml-115{margin-left: 115px;}.ml-116{margin-left: 116px;}.ml-117{margin-left: 117px;}.ml-118{margin-left: 118px;}.ml-119{margin-left: 119px;}.ml-120{margin-left: 120px;}.ml-121{margin-left: 121px;}.ml-122{margin-left: 122px;}.ml-123{margin-left: 123px;}.ml-124{margin-left: 124px;}.ml-125{margin-left: 125px;}.ml-126{margin-left: 126px;}.ml-127{margin-left: 127px;}.ml-128{margin-left: 128px;}.ml-129{margin-left: 129px;}.ml-130{margin-left: 130px;}.ml-131{margin-left: 131px;}.ml-132{margin-left: 132px;}.ml-133{margin-left: 133px;}.ml-134{margin-left: 134px;}.ml-135{margin-left: 135px;}.ml-136{margin-left: 136px;}.ml-137{margin-left: 137px;}.ml-138{margin-left: 138px;}.ml-139{margin-left: 139px;}.ml-140{margin-left: 140px;}.ml-141{margin-left: 141px;}.ml-142{margin-left: 142px;}.ml-143{margin-left: 143px;}.ml-144{margin-left: 144px;}.ml-145{margin-left: 145px;}.ml-146{margin-left: 146px;}.ml-147{margin-left: 147px;}.ml-148{margin-left: 148px;}.ml-149{margin-left: 149px;}.ml-150{margin-left: 150px;}

/*-- Margin Right --*/
.mr-1{margin-right: 1px;}.mr-2{margin-right: 2px;}.mr-3{margin-right: 3px;}.mr-4{margin-right: 4px;}.mr-5{margin-right: 5px;}.mr-6{margin-right: 6px;}.mr-7{margin-right: 7px;}.mr-8{margin-right: 8px;}.mr-9{margin-right: 9px;}.mr-10{margin-right: 10px;}.mr-11{margin-right: 11px;}.mr-12{margin-right: 12px;}.mr-13{margin-right: 13px;}.mr-14{margin-right: 14px;}.mr-15{margin-right: 15px;}.mr-16{margin-right: 16px;}.mr-17{margin-right: 17px;}.mr-18{margin-right: 18px;}.mr-19{margin-right: 19px;}.mr-20{margin-right: 20px;}.mr-21{margin-right: 21px;}.mr-22{margin-right: 22px;}.mr-23{margin-right: 23px;}.mr-24{margin-right: 24px;}.mr-25{margin-right: 25px;}.mr-26{margin-right: 26px;}.mr-27{margin-right: 27px;}.mr-28{margin-right: 28px;}.mr-29{margin-right: 29px;}.mr-30{margin-right: 30px;}.mr-31{margin-right: 31px;}.mr-32{margin-right: 32px;}.mr-33{margin-right: 33px;}.mr-34{margin-right: 34px;}.mr-35{margin-right: 35px;}.mr-36{margin-right: 36px;}.mr-37{margin-right: 37px;}.mr-38{margin-right: 38px;}.mr-39{margin-right: 39px;}.mr-40{margin-right: 40px;}.mr-41{margin-right: 41px;}.mr-42{margin-right: 42px;}.mr-43{margin-right: 43px;}.mr-44{margin-right: 44px;}.mr-45{margin-right: 45px;}.mr-46{margin-right: 46px;}.mr-47{margin-right: 47px;}.mr-48{margin-right: 48px;}.mr-49{margin-right: 49px;}.mr-50{margin-right: 50px;}.mr-51{margin-right: 51px;}.mr-52{margin-right: 52px;}.mr-53{margin-right: 53px;}.mr-54{margin-right: 54px;}.mr-55{margin-right: 55px;}.mr-56{margin-right: 56px;}.mr-57{margin-right: 57px;}.mr-58{margin-right: 58px;}.mr-59{margin-right: 59px;}.mr-60{margin-right: 60px;}.mr-61{margin-right: 61px;}.mr-62{margin-right: 62px;}.mr-63{margin-right: 63px;}.mr-64{margin-right: 64px;}.mr-65{margin-right: 65px;}.mr-66{margin-right: 66px;}.mr-67{margin-right: 67px;}.mr-68{margin-right: 68px;}.mr-69{margin-right: 69px;}.mr-70{margin-right: 70px;}.mr-71{margin-right: 71px;}.mr-72{margin-right: 72px;}.mr-73{margin-right: 73px;}.mr-74{margin-right: 74px;}.mr-75{margin-right: 75px;}.mr-76{margin-right: 76px;}.mr-77{margin-right: 77px;}.mr-78{margin-right: 78px;}.mr-79{margin-right: 79px;}.mr-80{margin-right: 80px;}.mr-81{margin-right: 81px;}.mr-82{margin-right: 82px;}.mr-83{margin-right: 83px;}.mr-84{margin-right: 84px;}.mr-85{margin-right: 85px;}.mr-86{margin-right: 86px;}.mr-87{margin-right: 87px;}.mr-88{margin-right: 88px;}.mr-89{margin-right: 89px;}.mr-90{margin-right: 90px;}.mr-91{margin-right: 91px;}.mr-92{margin-right: 92px;}.mr-93{margin-right: 93px;}.mr-94{margin-right: 94px;}.mr-95{margin-right: 95px;}.mr-96{margin-right: 96px;}.mr-97{margin-right: 97px;}.mr-98{margin-right: 98px;}.mr-99{margin-right: 99px;}.mr-100{margin-right: 100px;}.mr-101{margin-right: 101px;}.mr-102{margin-right: 102px;}.mr-103{margin-right: 103px;}.mr-104{margin-right: 104px;}.mr-105{margin-right: 105px;}.mr-106{margin-right: 106px;}.mr-107{margin-right: 107px;}.mr-108{margin-right: 108px;}.mr-109{margin-right: 109px;}.mr-110{margin-right: 110px;}.mr-111{margin-right: 111px;}.mr-112{margin-right: 112px;}.mr-113{margin-right: 113px;}.mr-114{margin-right: 114px;}.mr-115{margin-right: 115px;}.mr-116{margin-right: 116px;}.mr-117{margin-right: 117px;}.mr-118{margin-right: 118px;}.mr-119{margin-right: 119px;}.mr-120{margin-right: 120px;}.mr-121{margin-right: 121px;}.mr-122{margin-right: 122px;}.mr-123{margin-right: 123px;}.mr-124{margin-right: 124px;}.mr-125{margin-right: 125px;}.mr-126{margin-right: 126px;}.mr-127{margin-right: 127px;}.mr-128{margin-right: 128px;}.mr-129{margin-right: 129px;}.mr-130{margin-right: 130px;}.mr-131{margin-right: 131px;}.mr-132{margin-right: 132px;}.mr-133{margin-right: 133px;}.mr-134{margin-right: 134px;}.mr-135{margin-right: 135px;}.mr-136{margin-right: 136px;}.mr-137{margin-right: 137px;}.mr-138{margin-right: 138px;}.mr-139{margin-right: 139px;}.mr-140{margin-right: 140px;}.mr-141{margin-right: 141px;}.mr-142{margin-right: 142px;}.mr-143{margin-right: 143px;}.mr-144{margin-right: 144px;}.mr-145{margin-right: 145px;}.mr-146{margin-right: 146px;}.mr-147{margin-right: 147px;}.mr-148{margin-right: 148px;}.mr-149{margin-right: 149px;}.mr-150{margin-right: 150px;}
/*-- Padding Top --*/
.pt-1{padding-top: 1px;}.pt-2{padding-top: 2px;}.pt-3{padding-top: 3px;}.pt-4{padding-top: 4px;}.pt-5{padding-top: 5px;}.pt-6{padding-top: 6px;}.pt-7{padding-top: 7px;}.pt-8{padding-top: 8px;}.pt-9{padding-top: 9px;}.pt-10{padding-top: 10px;}.pt-11{padding-top: 11px;}.pt-12{padding-top: 12px;}.pt-13{padding-top: 13px;}.pt-14{padding-top: 14px;}.pt-15{padding-top: 15px;}.pt-16{padding-top: 16px;}.pt-17{padding-top: 17px;}.pt-18{padding-top: 18px;}.pt-19{padding-top: 19px;}.pt-20{padding-top: 20px;}.pt-21{padding-top: 21px;}.pt-22{padding-top: 22px;}.pt-23{padding-top: 23px;}.pt-24{padding-top: 24px;}.pt-25{padding-top: 25px;}.pt-26{padding-top: 26px;}.pt-27{padding-top: 27px;}.pt-28{padding-top: 28px;}.pt-29{padding-top: 29px;}.pt-30{padding-top: 30px;}.pt-31{padding-top: 31px;}.pt-32{padding-top: 32px;}.pt-33{padding-top: 33px;}.pt-34{padding-top: 34px;}.pt-35{padding-top: 35px;}.pt-36{padding-top: 36px;}.pt-37{padding-top: 37px;}.pt-38{padding-top: 38px;}.pt-39{padding-top: 39px;}.pt-40{padding-top: 40px;}.pt-41{padding-top: 41px;}.pt-42{padding-top: 42px;}.pt-43{padding-top: 43px;}.pt-44{padding-top: 44px;}.pt-45{padding-top: 45px;}.pt-46{padding-top: 46px;}.pt-47{padding-top: 47px;}.pt-48{padding-top: 48px;}.pt-49{padding-top: 49px;}.pt-50{padding-top: 50px;}.pt-51{padding-top: 51px;}.pt-52{padding-top: 52px;}.pt-53{padding-top: 53px;}.pt-54{padding-top: 54px;}.pt-55{padding-top: 55px;}.pt-56{padding-top: 56px;}.pt-57{padding-top: 57px;}.pt-58{padding-top: 58px;}.pt-59{padding-top: 59px;}.pt-60{padding-top: 60px;}.pt-61{padding-top: 61px;}.pt-62{padding-top: 62px;}.pt-63{padding-top: 63px;}.pt-64{padding-top: 64px;}.pt-65{padding-top: 65px;}.pt-66{padding-top: 66px;}.pt-67{padding-top: 67px;}.pt-68{padding-top: 68px;}.pt-69{padding-top: 69px;}.pt-70{padding-top: 70px;}.pt-71{padding-top: 71px;}.pt-72{padding-top: 72px;}.pt-73{padding-top: 73px;}.pt-74{padding-top: 74px;}.pt-75{padding-top: 75px;}.pt-76{padding-top: 76px;}.pt-77{padding-top: 77px;}.pt-78{padding-top: 78px;}.pt-79{padding-top: 79px;}.pt-80{padding-top: 80px;}.pt-81{padding-top: 81px;}.pt-82{padding-top: 82px;}.pt-83{padding-top: 83px;}.pt-84{padding-top: 84px;}.pt-85{padding-top: 85px;}.pt-86{padding-top: 86px;}.pt-87{padding-top: 87px;}.pt-88{padding-top: 88px;}.pt-89{padding-top: 89px;}.pt-90{padding-top: 90px;}.pt-91{padding-top: 91px;}.pt-92{padding-top: 92px;}.pt-93{padding-top: 93px;}.pt-94{padding-top: 94px;}.pt-95{padding-top: 95px;}.pt-96{padding-top: 96px;}.pt-97{padding-top: 97px;}.pt-98{padding-top: 98px;}.pt-99{padding-top: 99px;}.pt-100{padding-top: 100px;}.pt-101{padding-top: 101px;}.pt-102{padding-top: 102px;}.pt-103{padding-top: 103px;}.pt-104{padding-top: 104px;}.pt-105{padding-top: 105px;}.pt-106{padding-top: 106px;}.pt-107{padding-top: 107px;}.pt-108{padding-top: 108px;}.pt-109{padding-top: 109px;}.pt-110{padding-top: 110px;}.pt-111{padding-top: 111px;}.pt-112{padding-top: 112px;}.pt-113{padding-top: 113px;}.pt-114{padding-top: 114px;}.pt-115{padding-top: 115px;}.pt-116{padding-top: 116px;}.pt-117{padding-top: 117px;}.pt-118{padding-top: 118px;}.pt-119{padding-top: 119px;}.pt-120{padding-top: 120px;}.pt-121{padding-top: 121px;}.pt-122{padding-top: 122px;}.pt-123{padding-top: 123px;}.pt-124{padding-top: 124px;}.pt-125{padding-top: 125px;}.pt-126{padding-top: 126px;}.pt-127{padding-top: 127px;}.pt-128{padding-top: 128px;}.pt-129{padding-top: 129px;}.pt-130{padding-top: 130px;}.pt-131{padding-top: 131px;}.pt-132{padding-top: 132px;}.pt-133{padding-top: 133px;}.pt-134{padding-top: 134px;}.pt-135{padding-top: 135px;}.pt-136{padding-top: 136px;}.pt-137{padding-top: 137px;}.pt-138{padding-top: 138px;}.pt-139{padding-top: 139px;}.pt-140{padding-top: 140px;}.pt-141{padding-top: 141px;}.pt-142{padding-top: 142px;}.pt-143{padding-top: 143px;}.pt-144{padding-top: 144px;}.pt-145{padding-top: 145px;}.pt-146{padding-top: 146px;}.pt-147{padding-top: 147px;}.pt-148{padding-top: 148px;}.pt-149{padding-top: 149px;}.pt-150{padding-top: 150px;}.pt-151{padding-top: 151px;}.pt-152{padding-top: 152px;}.pt-153{padding-top: 153px;}.pt-154{padding-top: 154px;}.pt-155{padding-top: 155px;}.pt-156{padding-top: 156px;}.pt-157{padding-top: 157px;}.pt-158{padding-top: 158px;}.pt-159{padding-top: 159px;}.pt-160{padding-top: 160px;}.pt-161{padding-top: 161px;}.pt-162{padding-top: 162px;}.pt-163{padding-top: 163px;}.pt-164{padding-top: 164px;}.pt-165{padding-top: 165px;}.pt-166{padding-top: 166px;}.pt-167{padding-top: 167px;}.pt-168{padding-top: 168px;}.pt-169{padding-top: 169px;}.pt-170{padding-top: 170px;}.pt-171{padding-top: 171px;}.pt-172{padding-top: 172px;}.pt-173{padding-top: 173px;}.pt-174{padding-top: 174px;}.pt-175{padding-top: 175px;}.pt-176{padding-top: 176px;}.pt-177{padding-top: 177px;}.pt-178{padding-top: 178px;}.pt-179{padding-top: 179px;}.pt-180{padding-top: 180px;}.pt-181{padding-top: 181px;}.pt-182{padding-top: 182px;}.pt-183{padding-top: 183px;}.pt-184{padding-top: 184px;}.pt-185{padding-top: 185px;}.pt-186{padding-top: 186px;}.pt-187{padding-top: 187px;}.pt-188{padding-top: 188px;}.pt-189{padding-top: 189px;}.pt-190{padding-top: 190px;}.pt-191{padding-top: 191px;}.pt-192{padding-top: 192px;}.pt-193{padding-top: 193px;}.pt-194{padding-top: 194px;}.pt-195{padding-top: 195px;}.pt-196{padding-top: 196px;}.pt-197{padding-top: 197px;}.pt-198{padding-top: 198px;}.pt-199{padding-top: 199px;}.pt-200{padding-top: 200px;}.pt-201{padding-top: 201px;}.pt-202{padding-top: 202px;}.pt-203{padding-top: 203px;}.pt-204{padding-top: 204px;}.pt-205{padding-top: 205px;}.pt-206{padding-top: 206px;}.pt-207{padding-top: 207px;}.pt-208{padding-top: 208px;}.pt-209{padding-top: 209px;}.pt-210{padding-top: 210px;}.pt-211{padding-top: 211px;}.pt-212{padding-top: 212px;}.pt-213{padding-top: 213px;}.pt-214{padding-top: 214px;}.pt-215{padding-top: 215px;}.pt-216{padding-top: 216px;}.pt-217{padding-top: 217px;}.pt-218{padding-top: 218px;}.pt-219{padding-top: 219px;}.pt-220{padding-top: 220px;}.pt-221{padding-top: 221px;}.pt-222{padding-top: 222px;}.pt-223{padding-top: 223px;}.pt-224{padding-top: 224px;}.pt-225{padding-top: 225px;}.pt-226{padding-top: 226px;}.pt-227{padding-top: 227px;}.pt-228{padding-top: 228px;}.pt-229{padding-top: 229px;}.pt-230{padding-top: 230px;}.pt-231{padding-top: 231px;}.pt-232{padding-top: 232px;}.pt-233{padding-top: 233px;}.pt-234{padding-top: 234px;}.pt-235{padding-top: 235px;}.pt-236{padding-top: 236px;}.pt-237{padding-top: 237px;}.pt-238{padding-top: 238px;}.pt-239{padding-top: 239px;}.pt-240{padding-top: 240px;}.pt-241{padding-top: 241px;}.pt-242{padding-top: 242px;}.pt-243{padding-top: 243px;}.pt-244{padding-top: 244px;}.pt-245{padding-top: 245px;}.pt-246{padding-top: 246px;}.pt-247{padding-top: 247px;}.pt-248{padding-top: 248px;}.pt-249{padding-top: 249px;}.pt-250{padding-top: 250px;}.pt-251{padding-top: 251px;}.pt-252{padding-top: 252px;}.pt-253{padding-top: 253px;}.pt-254{padding-top: 254px;}.pt-255{padding-top: 255px;}.pt-256{padding-top: 256px;}.pt-257{padding-top: 257px;}.pt-258{padding-top: 258px;}.pt-259{padding-top: 259px;}.pt-260{padding-top: 260px;}.pt-261{padding-top: 261px;}.pt-262{padding-top: 262px;}.pt-263{padding-top: 263px;}.pt-264{padding-top: 264px;}.pt-265{padding-top: 265px;}.pt-266{padding-top: 266px;}.pt-267{padding-top: 267px;}.pt-268{padding-top: 268px;}.pt-269{padding-top: 269px;}.pt-270{padding-top: 270px;}.pt-271{padding-top: 271px;}.pt-272{padding-top: 272px;}.pt-273{padding-top: 273px;}.pt-274{padding-top: 274px;}.pt-275{padding-top: 275px;}.pt-276{padding-top: 276px;}.pt-277{padding-top: 277px;}.pt-278{padding-top: 278px;}.pt-279{padding-top: 279px;}.pt-280{padding-top: 280px;}.pt-281{padding-top: 281px;}.pt-282{padding-top: 282px;}.pt-283{padding-top: 283px;}.pt-284{padding-top: 284px;}.pt-285{padding-top: 285px;}.pt-286{padding-top: 286px;}.pt-287{padding-top: 287px;}.pt-288{padding-top: 288px;}.pt-289{padding-top: 289px;}.pt-290{padding-top: 290px;}.pt-291{padding-top: 291px;}.pt-292{padding-top: 292px;}.pt-293{padding-top: 293px;}.pt-294{padding-top: 294px;}.pt-295{padding-top: 295px;}.pt-296{padding-top: 296px;}.pt-297{padding-top: 297px;}.pt-298{padding-top: 298px;}.pt-299{padding-top: 299px;}.pt-300{padding-top: 300px;}

/*-- Padding Bottom --*/
.pb-1{padding-bottom: 1px;}.pb-2{padding-bottom: 2px;}.pb-3{padding-bottom: 3px;}.pb-4{padding-bottom: 4px;}.pb-5{padding-bottom: 5px;}.pb-6{padding-bottom: 6px;}.pb-7{padding-bottom: 7px;}.pb-8{padding-bottom: 8px;}.pb-9{padding-bottom: 9px;}.pb-10{padding-bottom: 10px;}.pb-11{padding-bottom: 11px;}.pb-12{padding-bottom: 12px;}.pb-13{padding-bottom: 13px;}.pb-14{padding-bottom: 14px;}.pb-15{padding-bottom: 15px;}.pb-16{padding-bottom: 16px;}.pb-17{padding-bottom: 17px;}.pb-18{padding-bottom: 18px;}.pb-19{padding-bottom: 19px;}.pb-20{padding-bottom: 20px;}.pb-21{padding-bottom: 21px;}.pb-22{padding-bottom: 22px;}.pb-23{padding-bottom: 23px;}.pb-24{padding-bottom: 24px;}.pb-25{padding-bottom: 25px;}.pb-26{padding-bottom: 26px;}.pb-27{padding-bottom: 27px;}.pb-28{padding-bottom: 28px;}.pb-29{padding-bottom: 29px;}.pb-30{padding-bottom: 30px;}.pb-31{padding-bottom: 31px;}.pb-32{padding-bottom: 32px;}.pb-33{padding-bottom: 33px;}.pb-34{padding-bottom: 34px;}.pb-35{padding-bottom: 35px;}.pb-36{padding-bottom: 36px;}.pb-37{padding-bottom: 37px;}.pb-38{padding-bottom: 38px;}.pb-39{padding-bottom: 39px;}.pb-40{padding-bottom: 40px;}.pb-41{padding-bottom: 41px;}.pb-42{padding-bottom: 42px;}.pb-43{padding-bottom: 43px;}.pb-44{padding-bottom: 44px;}.pb-45{padding-bottom: 45px;}.pb-46{padding-bottom: 46px;}.pb-47{padding-bottom: 47px;}.pb-48{padding-bottom: 48px;}.pb-49{padding-bottom: 49px;}.pb-50{padding-bottom: 50px;}.pb-51{padding-bottom: 51px;}.pb-52{padding-bottom: 52px;}.pb-53{padding-bottom: 53px;}.pb-54{padding-bottom: 54px;}.pb-55{padding-bottom: 55px;}.pb-56{padding-bottom: 56px;}.pb-57{padding-bottom: 57px;}.pb-58{padding-bottom: 58px;}.pb-59{padding-bottom: 59px;}.pb-60{padding-bottom: 60px;}.pb-61{padding-bottom: 61px;}.pb-62{padding-bottom: 62px;}.pb-63{padding-bottom: 63px;}.pb-64{padding-bottom: 64px;}.pb-65{padding-bottom: 65px;}.pb-66{padding-bottom: 66px;}.pb-67{padding-bottom: 67px;}.pb-68{padding-bottom: 68px;}.pb-69{padding-bottom: 69px;}.pb-70{padding-bottom: 70px;}.pb-71{padding-bottom: 71px;}.pb-72{padding-bottom: 72px;}.pb-73{padding-bottom: 73px;}.pb-74{padding-bottom: 74px;}.pb-75{padding-bottom: 75px;}.pb-76{padding-bottom: 76px;}.pb-77{padding-bottom: 77px;}.pb-78{padding-bottom: 78px;}.pb-79{padding-bottom: 79px;}.pb-80{padding-bottom: 80px;}.pb-81{padding-bottom: 81px;}.pb-82{padding-bottom: 82px;}.pb-83{padding-bottom: 83px;}.pb-84{padding-bottom: 84px;}.pb-85{padding-bottom: 85px;}.pb-86{padding-bottom: 86px;}.pb-87{padding-bottom: 87px;}.pb-88{padding-bottom: 88px;}.pb-89{padding-bottom: 89px;}.pb-90{padding-bottom: 90px;}.pb-91{padding-bottom: 91px;}.pb-92{padding-bottom: 92px;}.pb-93{padding-bottom: 93px;}.pb-94{padding-bottom: 94px;}.pb-95{padding-bottom: 95px;}.pb-96{padding-bottom: 96px;}.pb-97{padding-bottom: 97px;}.pb-98{padding-bottom: 98px;}.pb-99{padding-bottom: 99px;}.pb-100{padding-bottom: 100px;}.pb-101{padding-bottom: 101px;}.pb-102{padding-bottom: 102px;}.pb-103{padding-bottom: 103px;}.pb-104{padding-bottom: 104px;}.pb-105{padding-bottom: 105px;}.pb-106{padding-bottom: 106px;}.pb-107{padding-bottom: 107px;}.pb-108{padding-bottom: 108px;}.pb-109{padding-bottom: 109px;}.pb-110{padding-bottom: 110px;}.pb-111{padding-bottom: 111px;}.pb-112{padding-bottom: 112px;}.pb-113{padding-bottom: 113px;}.pb-114{padding-bottom: 114px;}.pb-115{padding-bottom: 115px;}.pb-116{padding-bottom: 116px;}.pb-117{padding-bottom: 117px;}.pb-118{padding-bottom: 118px;}.pb-119{padding-bottom: 119px;}.pb-120{padding-bottom: 120px;}.pb-121{padding-bottom: 121px;}.pb-122{padding-bottom: 122px;}.pb-123{padding-bottom: 123px;}.pb-124{padding-bottom: 124px;}.pb-125{padding-bottom: 125px;}.pb-126{padding-bottom: 126px;}.pb-127{padding-bottom: 127px;}.pb-128{padding-bottom: 128px;}.pb-129{padding-bottom: 129px;}.pb-130{padding-bottom: 130px;}.pb-131{padding-bottom: 131px;}.pb-132{padding-bottom: 132px;}.pb-133{padding-bottom: 133px;}.pb-134{padding-bottom: 134px;}.pb-135{padding-bottom: 135px;}.pb-136{padding-bottom: 136px;}.pb-137{padding-bottom: 137px;}.pb-138{padding-bottom: 138px;}.pb-139{padding-bottom: 139px;}.pb-140{padding-bottom: 140px;}.pb-141{padding-bottom: 141px;}.pb-142{padding-bottom: 142px;}.pb-143{padding-bottom: 143px;}.pb-144{padding-bottom: 144px;}.pb-145{padding-bottom: 145px;}.pb-146{padding-bottom: 146px;}.pb-147{padding-bottom: 147px;}.pb-148{padding-bottom: 148px;}.pb-149{padding-bottom: 149px;}.pb-150{padding-bottom: 150px;}.pb-151{padding-bottom: 151px;}.pb-152{padding-bottom: 152px;}.pb-153{padding-bottom: 153px;}.pb-154{padding-bottom: 154px;}.pb-155{padding-bottom: 155px;}.pb-156{padding-bottom: 156px;}.pb-157{padding-bottom: 157px;}.pb-158{padding-bottom: 158px;}.pb-159{padding-bottom: 159px;}.pb-160{padding-bottom: 160px;}.pb-161{padding-bottom: 161px;}.pb-162{padding-bottom: 162px;}.pb-163{padding-bottom: 163px;}.pb-164{padding-bottom: 164px;}.pb-165{padding-bottom: 165px;}.pb-166{padding-bottom: 166px;}.pb-167{padding-bottom: 167px;}.pb-168{padding-bottom: 168px;}.pb-169{padding-bottom: 169px;}.pb-170{padding-bottom: 170px;}.pb-171{padding-bottom: 171px;}.pb-172{padding-bottom: 172px;}.pb-173{padding-bottom: 173px;}.pb-174{padding-bottom: 174px;}.pb-175{padding-bottom: 175px;}.pb-176{padding-bottom: 176px;}.pb-177{padding-bottom: 177px;}.pb-178{padding-bottom: 178px;}.pb-179{padding-bottom: 179px;}.pb-180{padding-bottom: 180px;}.pb-181{padding-bottom: 181px;}.pb-182{padding-bottom: 182px;}.pb-183{padding-bottom: 183px;}.pb-184{padding-bottom: 184px;}.pb-185{padding-bottom: 185px;}.pb-186{padding-bottom: 186px;}.pb-187{padding-bottom: 187px;}.pb-188{padding-bottom: 188px;}.pb-189{padding-bottom: 189px;}.pb-190{padding-bottom: 190px;}.pb-191{padding-bottom: 191px;}.pb-192{padding-bottom: 192px;}.pb-193{padding-bottom: 193px;}.pb-194{padding-bottom: 194px;}.pb-195{padding-bottom: 195px;}.pb-196{padding-bottom: 196px;}.pb-197{padding-bottom: 197px;}.pb-198{padding-bottom: 198px;}.pb-199{padding-bottom: 199px;}.pb-200{padding-bottom: 200px;}.pb-201{padding-bottom: 201px;}.pb-202{padding-bottom: 202px;}.pb-203{padding-bottom: 203px;}.pb-204{padding-bottom: 204px;}.pb-205{padding-bottom: 205px;}.pb-206{padding-bottom: 206px;}.pb-207{padding-bottom: 207px;}.pb-208{padding-bottom: 208px;}.pb-209{padding-bottom: 209px;}.pb-210{padding-bottom: 210px;}.pb-211{padding-bottom: 211px;}.pb-212{padding-bottom: 212px;}.pb-213{padding-bottom: 213px;}.pb-214{padding-bottom: 214px;}.pb-215{padding-bottom: 215px;}.pb-216{padding-bottom: 216px;}.pb-217{padding-bottom: 217px;}.pb-218{padding-bottom: 218px;}.pb-219{padding-bottom: 219px;}.pb-220{padding-bottom: 220px;}.pb-221{padding-bottom: 221px;}.pb-222{padding-bottom: 222px;}.pb-223{padding-bottom: 223px;}.pb-224{padding-bottom: 224px;}.pb-225{padding-bottom: 225px;}.pb-226{padding-bottom: 226px;}.pb-227{padding-bottom: 227px;}.pb-228{padding-bottom: 228px;}.pb-229{padding-bottom: 229px;}.pb-230{padding-bottom: 230px;}.pb-231{padding-bottom: 231px;}.pb-232{padding-bottom: 232px;}.pb-233{padding-bottom: 233px;}.pb-234{padding-bottom: 234px;}.pb-235{padding-bottom: 235px;}.pb-236{padding-bottom: 236px;}.pb-237{padding-bottom: 237px;}.pb-238{padding-bottom: 238px;}.pb-239{padding-bottom: 239px;}.pb-240{padding-bottom: 240px;}.pb-241{padding-bottom: 241px;}.pb-242{padding-bottom: 242px;}.pb-243{padding-bottom: 243px;}.pb-244{padding-bottom: 244px;}.pb-245{padding-bottom: 245px;}.pb-246{padding-bottom: 246px;}.pb-247{padding-bottom: 247px;}.pb-248{padding-bottom: 248px;}.pb-249{padding-bottom: 249px;}.pb-250{padding-bottom: 250px;}.pb-251{padding-bottom: 251px;}.pb-252{padding-bottom: 252px;}.pb-253{padding-bottom: 253px;}.pb-254{padding-bottom: 254px;}.pb-255{padding-bottom: 255px;}.pb-256{padding-bottom: 256px;}.pb-257{padding-bottom: 257px;}.pb-258{padding-bottom: 258px;}.pb-259{padding-bottom: 259px;}.pb-260{padding-bottom: 260px;}.pb-261{padding-bottom: 261px;}.pb-262{padding-bottom: 262px;}.pb-263{padding-bottom: 263px;}.pb-264{padding-bottom: 264px;}.pb-265{padding-bottom: 265px;}.pb-266{padding-bottom: 266px;}.pb-267{padding-bottom: 267px;}.pb-268{padding-bottom: 268px;}.pb-269{padding-bottom: 269px;}.pb-270{padding-bottom: 270px;}.pb-271{padding-bottom: 271px;}.pb-272{padding-bottom: 272px;}.pb-273{padding-bottom: 273px;}.pb-274{padding-bottom: 274px;}.pb-275{padding-bottom: 275px;}.pb-276{padding-bottom: 276px;}.pb-277{padding-bottom: 277px;}.pb-278{padding-bottom: 278px;}.pb-279{padding-bottom: 279px;}.pb-280{padding-bottom: 280px;}.pb-281{padding-bottom: 281px;}.pb-282{padding-bottom: 282px;}.pb-283{padding-bottom: 283px;}.pb-284{padding-bottom: 284px;}.pb-285{padding-bottom: 285px;}.pb-286{padding-bottom: 286px;}.pb-287{padding-bottom: 287px;}.pb-288{padding-bottom: 288px;}.pb-289{padding-bottom: 289px;}.pb-290{padding-bottom: 290px;}.pb-291{padding-bottom: 291px;}.pb-292{padding-bottom: 292px;}.pb-293{padding-bottom: 293px;}.pb-294{padding-bottom: 294px;}.pb-295{padding-bottom: 295px;}.pb-296{padding-bottom: 296px;}.pb-297{padding-bottom: 297px;}.pb-298{padding-bottom: 298px;}.pb-299{padding-bottom: 299px;}.pb-300{padding-bottom: 300px;}.pb-301{padding-bottom: 301px;}.pb-302{padding-bottom: 302px;}.pb-303{padding-bottom: 303px;}.pb-304{padding-bottom: 304px;}.pb-305{padding-bottom: 305px;}.pb-306{padding-bottom: 306px;}.pb-307{padding-bottom: 307px;}.pb-308{padding-bottom: 308px;}.pb-309{padding-bottom: 309px;}.pb-310{padding-bottom: 310px;}.pb-311{padding-bottom: 311px;}.pb-312{padding-bottom: 312px;}.pb-313{padding-bottom: 313px;}.pb-314{padding-bottom: 314px;}.pb-315{padding-bottom: 315px;}.pb-316{padding-bottom: 316px;}.pb-317{padding-bottom: 317px;}.pb-318{padding-bottom: 318px;}.pb-319{padding-bottom: 319px;}.pb-320{padding-bottom: 320px;}.pb-321{padding-bottom: 321px;}.pb-322{padding-bottom: 322px;}.pb-323{padding-bottom: 323px;}.pb-324{padding-bottom: 324px;}.pb-325{padding-bottom: 325px;}.pb-326{padding-bottom: 326px;}.pb-327{padding-bottom: 327px;}.pb-328{padding-bottom: 328px;}.pb-329{padding-bottom: 329px;}.pb-330{padding-bottom: 330px;}.pb-331{padding-bottom: 331px;}.pb-332{padding-bottom: 332px;}.pb-333{padding-bottom: 333px;}.pb-334{padding-bottom: 334px;}.pb-335{padding-bottom: 335px;}.pb-336{padding-bottom: 336px;}.pb-337{padding-bottom: 337px;}.pb-338{padding-bottom: 338px;}.pb-339{padding-bottom: 339px;}.pb-340{padding-bottom: 340px;}.pb-341{padding-bottom: 341px;}.pb-342{padding-bottom: 342px;}.pb-343{padding-bottom: 343px;}.pb-344{padding-bottom: 344px;}.pb-345{padding-bottom: 345px;}.pb-346{padding-bottom: 346px;}.pb-347{padding-bottom: 347px;}.pb-348{padding-bottom: 348px;}.pb-349{padding-bottom: 349px;}.pb-350{padding-bottom: 350px;}.pb-351{padding-bottom: 351px;}.pb-352{padding-bottom: 352px;}.pb-353{padding-bottom: 353px;}.pb-354{padding-bottom: 354px;}.pb-355{padding-bottom: 355px;}.pb-356{padding-bottom: 356px;}.pb-357{padding-bottom: 357px;}.pb-358{padding-bottom: 358px;}.pb-359{padding-bottom: 359px;}.pb-360{padding-bottom: 360px;}.pb-361{padding-bottom: 361px;}.pb-362{padding-bottom: 362px;}.pb-363{padding-bottom: 363px;}.pb-364{padding-bottom: 364px;}.pb-365{padding-bottom: 365px;}.pb-366{padding-bottom: 366px;}.pb-367{padding-bottom: 367px;}.pb-368{padding-bottom: 368px;}.pb-369{padding-bottom: 369px;}.pb-370{padding-bottom: 370px;}.pb-371{padding-bottom: 371px;}.pb-372{padding-bottom: 372px;}.pb-373{padding-bottom: 373px;}.pb-374{padding-bottom: 374px;}.pb-375{padding-bottom: 375px;}.pb-376{padding-bottom: 376px;}.pb-377{padding-bottom: 377px;}.pb-378{padding-bottom: 378px;}.pb-379{padding-bottom: 379px;}.pb-380{padding-bottom: 380px;}.pb-381{padding-bottom: 381px;}.pb-382{padding-bottom: 382px;}.pb-383{padding-bottom: 383px;}.pb-384{padding-bottom: 384px;}.pb-385{padding-bottom: 385px;}.pb-386{padding-bottom: 386px;}.pb-387{padding-bottom: 387px;}.pb-388{padding-bottom: 388px;}.pb-389{padding-bottom: 389px;}.pb-390{padding-bottom: 390px;}.pb-391{padding-bottom: 391px;}.pb-392{padding-bottom: 392px;}.pb-393{padding-bottom: 393px;}.pb-394{padding-bottom: 394px;}.pb-395{padding-bottom: 395px;}.pb-396{padding-bottom: 396px;}.pb-397{padding-bottom: 397px;}.pb-398{padding-bottom: 398px;}.pb-399{padding-bottom: 399px;}.pb-400{padding-bottom: 400px;}

/*-- Padding Left --*/
.pl-1{padding-left: 1px;}.pl-2{padding-left: 2px;}.pl-3{padding-left: 3px;}.pl-4{padding-left: 4px;}.pl-5{padding-left: 5px;}.pl-6{padding-left: 6px;}.pl-7{padding-left: 7px;}.pl-8{padding-left: 8px;}.pl-9{padding-left: 9px;}.pl-10{padding-left: 10px;}.pl-11{padding-left: 11px;}.pl-12{padding-left: 12px;}.pl-13{padding-left: 13px;}.pl-14{padding-left: 14px;}.pl-15{padding-left: 15px;}.pl-16{padding-left: 16px;}.pl-17{padding-left: 17px;}.pl-18{padding-left: 18px;}.pl-19{padding-left: 19px;}.pl-20{padding-left: 20px;}.pl-21{padding-left: 21px;}.pl-22{padding-left: 22px;}.pl-23{padding-left: 23px;}.pl-24{padding-left: 24px;}.pl-25{padding-left: 25px;}.pl-26{padding-left: 26px;}.pl-27{padding-left: 27px;}.pl-28{padding-left: 28px;}.pl-29{padding-left: 29px;}.pl-30{padding-left: 30px;}.pl-31{padding-left: 31px;}.pl-32{padding-left: 32px;}.pl-33{padding-left: 33px;}.pl-34{padding-left: 34px;}.pl-35{padding-left: 35px;}.pl-36{padding-left: 36px;}.pl-37{padding-left: 37px;}.pl-38{padding-left: 38px;}.pl-39{padding-left: 39px;}.pl-40{padding-left: 40px;}.pl-41{padding-left: 41px;}.pl-42{padding-left: 42px;}.pl-43{padding-left: 43px;}.pl-44{padding-left: 44px;}.pl-45{padding-left: 45px;}.pl-46{padding-left: 46px;}.pl-47{padding-left: 47px;}.pl-48{padding-left: 48px;}.pl-49{padding-left: 49px;}.pl-50{padding-left: 50px;}.pl-51{padding-left: 51px;}.pl-52{padding-left: 52px;}.pl-53{padding-left: 53px;}.pl-54{padding-left: 54px;}.pl-55{padding-left: 55px;}.pl-56{padding-left: 56px;}.pl-57{padding-left: 57px;}.pl-58{padding-left: 58px;}.pl-59{padding-left: 59px;}.pl-60{padding-left: 60px;}.pl-61{padding-left: 61px;}.pl-62{padding-left: 62px;}.pl-63{padding-left: 63px;}.pl-64{padding-left: 64px;}.pl-65{padding-left: 65px;}.pl-66{padding-left: 66px;}.pl-67{padding-left: 67px;}.pl-68{padding-left: 68px;}.pl-69{padding-left: 69px;}.pl-70{padding-left: 70px;}.pl-71{padding-left: 71px;}.pl-72{padding-left: 72px;}.pl-73{padding-left: 73px;}.pl-74{padding-left: 74px;}.pl-75{padding-left: 75px;}.pl-76{padding-left: 76px;}.pl-77{padding-left: 77px;}.pl-78{padding-left: 78px;}.pl-79{padding-left: 79px;}.pl-80{padding-left: 80px;}.pl-81{padding-left: 81px;}.pl-82{padding-left: 82px;}.pl-83{padding-left: 83px;}.pl-84{padding-left: 84px;}.pl-85{padding-left: 85px;}.pl-86{padding-left: 86px;}.pl-87{padding-left: 87px;}.pl-88{padding-left: 88px;}.pl-89{padding-left: 89px;}.pl-90{padding-left: 90px;}.pl-91{padding-left: 91px;}.pl-92{padding-left: 92px;}.pl-93{padding-left: 93px;}.pl-94{padding-left: 94px;}.pl-95{padding-left: 95px;}.pl-96{padding-left: 96px;}.pl-97{padding-left: 97px;}.pl-98{padding-left: 98px;}.pl-99{padding-left: 99px;}.pl-100{padding-left: 100px;}.pl-101{padding-left: 101px;}.pl-102{padding-left: 102px;}.pl-103{padding-left: 103px;}.pl-104{padding-left: 104px;}.pl-105{padding-left: 105px;}.pl-106{padding-left: 106px;}.pl-107{padding-left: 107px;}.pl-108{padding-left: 108px;}.pl-109{padding-left: 109px;}.pl-110{padding-left: 110px;}.pl-111{padding-left: 111px;}.pl-112{padding-left: 112px;}.pl-113{padding-left: 113px;}.pl-114{padding-left: 114px;}.pl-115{padding-left: 115px;}.pl-116{padding-left: 116px;}.pl-117{padding-left: 117px;}.pl-118{padding-left: 118px;}.pl-119{padding-left: 119px;}.pl-120{padding-left: 120px;}.pl-121{padding-left: 121px;}.pl-122{padding-left: 122px;}.pl-123{padding-left: 123px;}.pl-124{padding-left: 124px;}.pl-125{padding-left: 125px;}.pl-126{padding-left: 126px;}.pl-127{padding-left: 127px;}.pl-128{padding-left: 128px;}.pl-129{padding-left: 129px;}.pl-130{padding-left: 130px;}
@media (min-width: 768px) {
    .pl-md-10 { padding-left: 10px; }
    .pl-md-15 { padding-left: 15px; }
    .pl-md-20 { padding-left: 20px; }
    .pl-md-30 { padding-left: 30px; }
    .pl-md-40 { padding-left: 40px; }
    .pl-md-50 { padding-left: 50px; }
}
/*-- Padding Right --*/
.pr-1{padding-right: 1px;}.pr-2{padding-right: 2px;}.pr-3{padding-right: 3px;}.pr-4{padding-right: 4px;}.pr-5{padding-right: 5px;}.pr-6{padding-right: 6px;}.pr-7{padding-right: 7px;}.pr-8{padding-right: 8px;}.pr-9{padding-right: 9px;}.pr-10{padding-right: 10px;}.pr-11{padding-right: 11px;}.pr-12{padding-right: 12px;}.pr-13{padding-right: 13px;}.pr-14{padding-right: 14px;}.pr-15{padding-right: 15px;}.pr-16{padding-right: 16px;}.pr-17{padding-right: 17px;}.pr-18{padding-right: 18px;}.pr-19{padding-right: 19px;}.pr-20{padding-right: 20px;}.pr-21{padding-right: 21px;}.pr-22{padding-right: 22px;}.pr-23{padding-right: 23px;}.pr-24{padding-right: 24px;}.pr-25{padding-right: 25px;}.pr-26{padding-right: 26px;}.pr-27{padding-right: 27px;}.pr-28{padding-right: 28px;}.pr-29{padding-right: 29px;}.pr-30{padding-right: 30px;}.pr-31{padding-right: 31px;}.pr-32{padding-right: 32px;}.pr-33{padding-right: 33px;}.pr-34{padding-right: 34px;}.pr-35{padding-right: 35px;}.pr-36{padding-right: 36px;}.pr-37{padding-right: 37px;}.pr-38{padding-right: 38px;}.pr-39{padding-right: 39px;}.pr-40{padding-right: 40px;}.pr-41{padding-right: 41px;}.pr-42{padding-right: 42px;}.pr-43{padding-right: 43px;}.pr-44{padding-right: 44px;}.pr-45{padding-right: 45px;}.pr-46{padding-right: 46px;}.pr-47{padding-right: 47px;}.pr-48{padding-right: 48px;}.pr-49{padding-right: 49px;}.pr-50{padding-right: 50px;}.pr-51{padding-right: 51px;}.pr-52{padding-right: 52px;}.pr-53{padding-right: 53px;}.pr-54{padding-right: 54px;}.pr-55{padding-right: 55px;}.pr-56{padding-right: 56px;}.pr-57{padding-right: 57px;}.pr-58{padding-right: 58px;}.pr-59{padding-right: 59px;}.pr-60{padding-right: 60px;}.pr-61{padding-right: 61px;}.pr-62{padding-right: 62px;}.pr-63{padding-right: 63px;}.pr-64{padding-right: 64px;}.pr-65{padding-right: 65px;}.pr-66{padding-right: 66px;}.pr-67{padding-right: 67px;}.pr-68{padding-right: 68px;}.pr-69{padding-right: 69px;}.pr-70{padding-right: 70px;}.pr-71{padding-right: 71px;}.pr-72{padding-right: 72px;}.pr-73{padding-right: 73px;}.pr-74{padding-right: 74px;}.pr-75{padding-right: 75px;}.pr-76{padding-right: 76px;}.pr-77{padding-right: 77px;}.pr-78{padding-right: 78px;}.pr-79{padding-right: 79px;}.pr-80{padding-right: 80px;}.pr-81{padding-right: 81px;}.pr-82{padding-right: 82px;}.pr-83{padding-right: 83px;}.pr-84{padding-right: 84px;}.pr-85{padding-right: 85px;}.pr-86{padding-right: 86px;}.pr-87{padding-right: 87px;}.pr-88{padding-right: 88px;}.pr-89{padding-right: 89px;}.pr-90{padding-right: 90px;}.pr-91{padding-right: 91px;}.pr-92{padding-right: 92px;}.pr-93{padding-right: 93px;}.pr-94{padding-right: 94px;}.pr-95{padding-right: 95px;}.pr-96{padding-right: 96px;}.pr-97{padding-right: 97px;}.pr-98{padding-right: 98px;}.pr-99{padding-right: 99px;}.pr-100{padding-right: 100px;}
@media (min-width: 768px) {
    .pr-md-10 { padding-right: 10px; }
    .pr-md-15 { padding-right: 15px; }
    .pr-md-20 { padding-right: 20px; }
    .pr-md-30 { padding-right: 30px; }
    .pr-md-40 { padding-right: 40px; }
    .pr-md-50 { padding-right: 50px; }
}

@media (max-width: 991px) {
  .pb-100 {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .pb-100 {
    padding-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .pt-100 {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .pt-100 {
    padding-top: 40px;
  }
}

@media (max-width: 991px) {
  .mb-100 {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .mb-100 {
    margin-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .mt-100 {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .mt-100 {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .mb-60 {
    margin-bottom: 30px;
  }
}

@media (max-width: 1199px) {
  .mb-50 {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .mb-50 {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .mt-60 {
    margin-top: 30px;
  }
}

@media (max-width: 1399px) {
  .pt-150 {
    padding-top: 100px;
  }
}
@media (max-width: 991px) {
  .pt-150 {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .pt-150 {
    padding-top: 50px;
  }
}

@media (max-width: 1399px) {
  .pb-150 {
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .pb-150 {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .pb-150 {
    padding-bottom: 50px;
  }
}

@media (max-width: 1399px) {
  .mt-150 {
    margin-top: 100px;
  }
}
@media (max-width: 991px) {
  .mt-150 {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .mt-150 {
    margin-top: 50px;
  }
}

@media (max-width: 1399px) {
  .mb-150 {
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .mb-150 {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .mb-150 {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .pb-75 {
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .pt-75 {
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .mb-75 {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .mt-75 {
    margin-top: 30px;
  }
}

@media (max-width: 450px) {
  .about-wrapper .top-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.about-wrapper .sub-title {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.about-wrapper .sub-title2 {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
}
.about-wrapper .about-btn-content {
  margin-top: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 42px;
}
@media (max-width: 450px) {
  .about-wrapper .about-btn-content {
    margin-top: 0;
  }
}
.about-wrapper .about-btn-content .arrow-shape {
  width: 95.854px;
  height: 50.183px;
  transform: rotate(-165deg);
  margin-right: 45px;
}
@media (max-width: 450px) {
  .about-wrapper .about-btn-content .arrow-shape {
    display: none;
  }
}
.about-wrapper .about-right-content .about-section-title .sub-title {
  color: var(--gt-black);
  font-family: "Anton", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  text-transform: capitalize;
}
.about-wrapper .about-right-content .about-section-title .title {
  color: #121212;
  font-size: 36px;
  font-weight: 400;
  line-height: 45px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .about-wrapper .about-right-content .about-section-title .title {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 450px) {
  .about-wrapper .about-right-content .about-section-title .title {
    font-size: 25px;
    line-height: 32px;
  }
}
.about-wrapper .about-right-content .about-section-title .text {
  color: var(--gt-text-2);
  line-height: 28px;
  text-transform: uppercase;
  max-width: 860px;
}
.about-wrapper .about-right-content .about-main-content {
  display: flex;
  align-items: center;
  gap: 64px;
}
@media (max-width: 1600px) {
  .about-wrapper .about-right-content .about-main-content {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-right-content .about-main-content {
    justify-content: space-between;
  }
}
@media (max-width: 450px) {
  .about-wrapper .about-right-content .about-main-content {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 450px) {
  .about-wrapper .about-right-content .about-main-content .about-info {
    display: flex;
    gap: 10px;
  }
}
.about-wrapper .about-right-content .about-main-content .about-info .about-info-item {
  margin-bottom: 43px;
}
.about-wrapper .about-right-content .about-main-content .about-info .about-info-item:last-child {
  margin-bottom: 0;
}
.about-wrapper .about-right-content .about-main-content .about-info .about-info-item P {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (max-width: 450px) {
  .about-wrapper .about-right-content .about-main-content .about-info .about-info-item P {
    font-size: 14px;
  }
}
.about-wrapper .about-right-content .about-main-content .about-info .about-info-item span {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
  display: inline-block;
}
.about-wrapper .about-right-content .about-main-content .about-video {
  display: flex;
  align-items: center;
  gap: 30px;
}
.about-wrapper .about-right-content .about-main-content .about-video .thumb {
  position: relative;
  width: 380px;
  height: 504px;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .about-wrapper .about-right-content .about-main-content .about-video .thumb {
    width: 300px;
    height: 400px;
  }
}
@media (max-width: 450px) {
  .about-wrapper .about-right-content .about-main-content .about-video .thumb {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-right-content .about-main-content .about-video .thumb.thumb-one {
    display: none;
  }
}
.about-wrapper .about-right-content .about-main-content .about-video .thumb .neon-pulse {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about-wrapper .about-right-content .about-main-content .about-video .thumb .neon-pulse::before, .about-wrapper .about-right-content .about-main-content .about-video .thumb .neon-pulse::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid var(--gt-border-4);
  border-radius: 100%;
  animation: pulseOut 10s ease-out infinite;
  opacity: 0;
}
@keyframes pulseOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.about-wrapper .about-right-content .about-main-content .about-video .thumb-one {
  margin-top: 120px;
}
.about-wrapper.about-page-two {
  background: #121212;
}
.about-wrapper.about-page-two .section-title .title {
  color: var(--gt-white) !important;
}
.about-wrapper.style-2 .section-title {
  margin-bottom: 45px;
}
.about-wrapper.style-2 .section-title .title {
  color: var(--gt-black);
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: -1.8px;
}
@media (max-width: 1399px) {
  .about-wrapper.style-2 .section-title .title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .about-wrapper.style-2 .section-title .title {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.8px;
  }
}
@media (max-width: 575px) {
  .about-wrapper.style-2 .section-title .title {
    font-size: 36px;
    line-height: 46px;
  }
}
@media (max-width: 470px) {
  .about-wrapper.style-2 .section-title .title {
    font-size: 32px;
    line-height: 37px;
  }
}
@media (max-width: 450px) {
  .about-wrapper.style-2 .section-title .title {
    font-size: 25px;
    line-height: 28px;
  }
}
.about-wrapper.style-2 .about-content {
  display: flex;
  gap: 104px;
  margin-right: 75px;
}
@media (max-width: 1399px) {
  .about-wrapper.style-2 .about-content {
    gap: 20px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-content {
    margin-right: 0;
  }
}
@media (max-width: 450px) {
  .about-wrapper.style-2 .about-content {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-content .about-content-item {
    width: 100%;
    height: auto;
  }
}
.about-wrapper.style-2 .about-content .about-thumb.thumb-1 {
  width: 416px;
  height: 467px;
}
@media (max-width: 1399px) {
  .about-wrapper.style-2 .about-content .about-thumb.thumb-1 {
    width: 316px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-content .about-thumb.thumb-1 {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-content .about-thumb.thumb-1 img {
    width: 100%;
    height: auto;
  }
}
.about-wrapper.style-2 .about-content .about-thumb.thumb-2 {
  width: 335px;
  height: 510px;
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-content .about-thumb.thumb-2 {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-content .about-thumb.thumb-2 img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-content .about-thumb {
    width: 50%;
    height: auto;
  }
}
.about-wrapper.style-2 .about-content .about-btn-wrap {
  margin-bottom: 141px;
}
@media (max-width: 1399px) {
  .about-wrapper.style-2 .about-content .about-btn-wrap {
    margin-bottom: 50px;
  }
}
.about-wrapper.style-2 .about-counter-wrap {
  border: 1px solid var(--gt-border-1);
  background: var(--gt-white);
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-counter-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .about-wrapper.style-2 .about-counter-wrap {
    flex-direction: column;
  }
}
.about-wrapper.style-2 .about-counter-wrap .counter-item {
  padding: 50px 40px;
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
}
@media (max-width: 767px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item {
    border-bottom: none;
    width: 33.3%;
  }
}
@media (max-width: 767px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item {
    border-bottom: 1px solid var(--gt-border-1);
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item:nth-of-type(2) {
    border-left: 1px solid var(--gt-border-1);
  }
}
@media (max-width: 767px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item:nth-of-type(2) {
    border-left: none;
  }
}
.about-wrapper.style-2 .about-counter-wrap .counter-item:last-child {
  border-bottom: none;
}
@media (max-width: 1199px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item:last-child {
    border-left: 1px solid var(--gt-border-1);
  }
}
@media (max-width: 767px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item:last-child {
    border-left: none;
  }
}
.about-wrapper.style-2 .about-counter-wrap .counter-item .icon {
  margin-bottom: 10px;
}
.about-wrapper.style-2 .about-counter-wrap .counter-item .counter {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item .counter {
    justify-content: center;
  }
}
.about-wrapper.style-2 .about-counter-wrap .counter-item .counter span {
  color: var(--gt-black);
  font-size: 100px;
  font-style: normal;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: -3px;
  max-width: 150px;
}
@media (max-width: 1399px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item .counter span {
    font-size: 70px;
    line-height: 80px;
  }
}
@media (max-width: 991px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item .counter span {
    font-size: 50px;
    line-height: 58px;
  }
}
.about-wrapper.style-2 .about-counter-wrap .counter-item .counter span.gt-count-last {
  width: 100px;
}
@media (max-width: 1399px) {
  .about-wrapper.style-2 .about-counter-wrap .counter-item .counter span.gt-count-last {
    width: 50px;
  }
}
.about-wrapper.style-2 .about-counter-wrap .counter-item .title {
  color: var(--gt-text-2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.48px;
}
.about-wrapper.style-3 .about-card .about-card-wrapper {
  border-radius: 40px;
  background: var(--gt-bg9);
  padding: 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  gap: 77px;
}
@media (max-width: 1399px) {
  .about-wrapper.style-3 .about-card .about-card-wrapper {
    gap: 30px;
  }
}
.about-wrapper.style-3 .about-card .about-card-wrapper .icon {
  width: 62px;
  height: 62px;
  background: var(--gt-white);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-wrapper.style-3 .about-card .about-card-wrapper .card-content span {
  color: var(--gt-black);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 85px;
  letter-spacing: -0.5px;
  text-transform: capitalize;
}
.about-wrapper.style-3 .about-card .about-card-wrapper .card-content .text {
  color: var(--gt-bg10);
  text-transform: capitalize;
}
.about-wrapper.style-3 .about-card.style-2 .about-card-wrapper {
  flex-direction: row;
  height: 100%;
  background: var(--gt-theme-2);
  align-items: center;
  gap: 41px;
  padding: 26px 26px 26px 42px;
  border-radius: 10px;
}
.about-wrapper.style-3 .about-card.style-2 .about-card-wrapper .thumb-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 0;
}
.about-wrapper.style-3 .about-card.style-2 .about-card-wrapper .thumb-wrap .thumb {
  position: relative;
}
.about-wrapper.style-3 .about-card.style-2 .about-card-wrapper .thumb-wrap .thumb img {
  border-radius: 100%;
}
.about-wrapper.style-3 .about-card.style-2 .about-card-wrapper .thumb-wrap .thumb.thumb-two {
  position: relative;
}
.about-wrapper.style-3 .about-card.style-2 .about-card-wrapper .thumb-wrap .thumb.thumb-two .video-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about-wrapper.style-3 .about-bottom-content .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 75px 0 40px 0;
}
.about-wrapper.style-3 .about-bottom-content .main-text {
  color: var(--gt-black);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: -0.7px;
  text-transform: capitalize;
  max-width: 1410px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .about-wrapper.style-3 .about-bottom-content .main-text {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (max-width: 450px) {
  .about-wrapper.style-3 .about-bottom-content .main-text {
    font-size: 22px;
    line-height: 37px;
  }
}
@media (max-width: 450px) {
  .about-wrapper.style-3 .about-bottom-content .main-text {
    font-size: 18px;
    line-height: 30px;
  }
}
.about-wrapper.style-3 .about-bottom-content .simple-btn-white {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px 0 40px 0;
}
@media (max-width: 450px) {
  .about-wrapper.style-3 .about-bottom-content .simple-btn-white {
    margin: 25px 0 25px 0;
  }
}
.about-wrapper.style-3 .about-bottom-content .simple-btn-white .gt-btn-circle-2 {
  padding: 20px 102px;
  line-height: 26px;
  color: var(--gt-black) !important;
}
@media (max-width: 470px) {
  .about-wrapper.style-3 .about-bottom-content .simple-btn-white .gt-btn-circle-2 {
    padding: 15px 25px;
  }
}
.about-wrapper.style-3 .about-bottom-content .simple-btn-white .gt-btn-circle-2 .gt-btn-circle-text-2 {
  display: flex !important;
  align-items: center !important;
  gap: 30px !important;
}
.about-wrapper.style-3 .about-bottom-content .text {
  color: var(--gt-text-2);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
  max-width: 841px;
  margin: 0 auto;
}
.about-wrapper.style-3 .thumb.scroll-thumb {
  width: 100%;
  height: 900px;
  max-height: 900px;
  margin: 0 auto;
  border-radius: 10px;
}
@media (max-width: 1199px) {
  .about-wrapper.style-3 .thumb.scroll-thumb {
    height: auto;
  }
}
.about-wrapper.style-3 .thumb.scroll-thumb img.scroll-img {
  border-radius: 10px;
  width: 418px;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .about-wrapper.style-3 .thumb.scroll-thumb img.scroll-img {
    width: 100%;
  }
}
.about-wrapper.style-4 .about-left-content {
  margin-right: 40px;
}
@media (max-width: 1199px) {
  .about-wrapper.style-4 .about-left-content {
    margin-right: 0;
  }
}
.about-wrapper.style-4 .about-left-content .about-review {
  display: flex;
  align-items: center;
  gap: 29px;
  margin-bottom: 70px;
}
.about-wrapper.style-4 .about-left-content .about-review span {
  color: var(--gt-text-6);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  display: inline-block;
}
.about-wrapper.style-4 .about-left-content .about-review .about-review-content p {
  color: var(--gt-text-6);
  font-family: "Kanit", sans-serif;
  line-height: 30px;
}
.about-wrapper.style-4 .about-left-content .thumb {
  position: relative;
  margin-left: -250px;
}
@media (max-width: 1199px) {
  .about-wrapper.style-4 .about-left-content .thumb {
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-4 .about-left-content .thumb img {
    width: 100%;
  }
}
.about-wrapper.style-4 .about-left-content .thumb .video-btn {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .about-wrapper.style-4 .about-left-content .thumb .video-btn {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
  }
}
.about-wrapper.style-4 .about-left-content .thumb .video-btn .btn {
  width: 92px;
  height: 92px;
  background: var(--gt-theme-3);
  border-radius: 0 !important;
  display: inline-block;
  line-height: 88px;
}
@media (max-width: 767px) {
  .about-wrapper.style-4 .about-left-content .thumb .video-btn .btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.about-wrapper.style-4 .about-left-content .thumb .video-btn .btn:focus {
  border: none;
}
@media (max-width: 1399px) {
  .about-wrapper.style-4 .about-right-content .section-title-four .title {
    font-size: 50px;
    line-height: 58px;
  }
}
@media (max-width: 767px) {
  .about-wrapper.style-4 .about-right-content .section-title-four .title {
    font-size: 45px;
    line-height: 55px;
  }
}
@media (max-width: 500px) {
  .about-wrapper.style-4 .about-right-content .section-title-four .title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 450px) {
  .about-wrapper.style-4 .about-right-content .section-title-four .title {
    font-size: 31px;
    line-height: 45px;
  }
}
@media (max-width: 350px) {
  .about-wrapper.style-4 .about-right-content .section-title-four .title {
    font-size: 28px;
    line-height: 35px;
  }
}
.about-wrapper.style-4 .about-right-content .about-text-content {
  display: flex;
  gap: 99px;
  margin-top: 50px;
  margin-bottom: 30px;
}
@media (max-width: 1399px) {
  .about-wrapper.style-4 .about-right-content .about-text-content {
    margin-top: 30px;
    gap: 24px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper.style-4 .about-right-content .about-text-content {
    justify-content: space-between;
  }
}
@media (max-width: 575px) {
  .about-wrapper.style-4 .about-right-content .about-text-content {
    flex-direction: column;
  }
}
.about-wrapper.style-4 .about-right-content .about-text-content .content-text {
  color: var(--gt-text-6);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  width: 141px;
}
@media (max-width: 575px) {
  .about-wrapper.style-4 .about-right-content .about-text-content .content-text {
    width: 100%;
  }
}
.about-wrapper.style-4 .about-right-content .about-text-content span {
  max-width: 449px;
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
}
.about-wrapper.style-4 .about-right-content .about-text-content p {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-weight: 400;
}

.about-wrapper.style-4 .about-right-content .about-card {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--gt-border-7);
  border-bottom: 1px solid var(--gt-border-7);
  padding-top: 27px;
  padding-bottom: 27px;
  margin-bottom: 40px;
}
.about-wrapper.style-4 .about-right-content .about-card .about-card-items {
  width: 33.33%;
}
.about-wrapper.style-4 .about-right-content .about-card .about-card-items span {
  color: var(--gt-white);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--gt-border-7);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 60px;
  font-weight: 800;
  line-height: 30px;
  display: inline-block;
}
@media (max-width: 450px) {
  .about-wrapper.style-4 .about-right-content .about-card .about-card-items span {
    font-size: 40px;
    line-height: 40px;
  }
}
.about-wrapper.style-4 .about-right-content .about-card .about-card-items .card-title {
  margin-top: 5px;
  color: var(--gt-text-6);
  font-family: "Kanit", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 500px) {
  .about-wrapper.style-4 .about-right-content .about-card .about-card-items .card-title {
    font-size: 15px;
    line-height: 18px;
  }
}
@media (max-width: 450px) {
  .about-wrapper.style-4 .about-right-content .about-card .about-card-items .card-title {
    font-size: 10px;
    line-height: 14px;
  }
}
.about-wrapper.style-4 .about-right-content .btn-content {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 500px) {
  .about-wrapper.style-4 .about-right-content .btn-content {
    gap: 20px;
  }
}
.about-wrapper.style-4 .about-right-content .btn-content .about-cta-wrap {
  display: flex;
  align-items: center;
  gap: 103px;
}
@media (max-width: 470px) {
  .about-wrapper.style-4 .about-right-content .btn-content .about-cta-wrap {
    gap: 20px;
  }
}
@media (max-width: 450px) {
  .about-wrapper.style-4 .about-right-content .btn-content .about-cta-wrap {
    display: none;
  }
}
.about-wrapper.style-4 .about-right-content .btn-content .about-cta-wrap .about-cta .text {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.about-page-area-two .sub-title {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 70px;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--gt-text-5);
}
.about-page-area-two .section-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 70px;
  letter-spacing: -0.01em;
  color: var(--gt-text-6);
}
@media (max-width: 1399px) {
  .about-page-area-two .section-title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 1399px) {
  .about-page-area-two .section-title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .about-page-area-two .section-title {
    font-size: 25px;
    line-height: 35px;
  }
}
.about-page-area-two .main-content .card-item {
  padding: 30px;
  margin-bottom: 30px;
  border-top: 1px solid rgba(18, 18, 18, 0.2);
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
}
@media (max-width: 500px) {
  .about-page-area-two .main-content .card-item {
    padding: 20px 0;
  }
}
.about-page-area-two .main-content .card-item .icon {
  margin-bottom: 30px;
  display: inline-block;
}
.about-page-area-two .main-content .card-item:last-child {
  margin-bottom: 0;
}
.about-page-area-two .main-content .card-item .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gt-text-6);
  margin-bottom: 30px;
}
.about-page-area-two .main-content .card-item .text {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: var(--gt-text-5);
}

.about-page-area-three .about-page-wrapper .thumb {
  position: relative;
}
.about-page-area-three .about-page-wrapper .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 100px;
  line-height: 24%;
  letter-spacing: -0.01em;
  color: var(--gt-white);
  position: absolute;
  left: 255px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1399px) {
  .about-page-area-three .about-page-wrapper .title {
    font-size: 80px;
    left: 170px;
  }
}
@media (max-width: 1199px) {
  .about-page-area-three .about-page-wrapper .title {
    font-size: 50px;
    left: 150px;
  }
}
@media (max-width: 991px) {
  .about-page-area-three .about-page-wrapper .title {
    font-size: 50px;
    left: 100px;
  }
}
@media (max-width: 767px) {
  .about-page-area-three .about-page-wrapper .title {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 575px) {
  .about-page-area-three .about-page-wrapper .title {
    font-size: 30px;
  }
}
.about-page-area-three .about-page-wrapper .text {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: var(--gt-white);
  position: absolute;
  right: 255px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1399px) {
  .about-page-area-three .about-page-wrapper .text {
    right: 170px;
  }
}
@media (max-width: 1199px) {
  .about-page-area-three .about-page-wrapper .text {
    right: 150px;
  }
}
@media (max-width: 991px) {
  .about-page-area-three .about-page-wrapper .text {
    font-size: 40px;
    right: 100px;
  }
}
@media (max-width: 767px) {
  .about-page-area-three .about-page-wrapper .text {
    display: none;
  }
}
.about-page-area-three .about-page-wrapper .nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  padding-bottom: 20px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .about-page-area-three .about-page-wrapper .nav {
    padding-bottom: 10px;
  }
}
.about-page-area-three .about-page-wrapper .nav .nav-item .nav-link {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: rgba(85, 85, 85, 0.5);
}
@media (max-width: 991px) {
  .about-page-area-three .about-page-wrapper .nav .nav-item .nav-link {
    font-size: 13px;
    line-height: 83%;
  }
}
@media (max-width: 767px) {
  .about-page-area-three .about-page-wrapper .nav .nav-item .nav-link {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .about-page-area-three .about-page-wrapper .nav .nav-item .nav-link {
    font-size: 10px;
  }
}
.about-page-area-three .about-page-wrapper .nav .nav-item .active {
  background: transparent !important;
  position: relative;
  color: var(--gt-text-5);
}
.about-page-area-three .about-page-wrapper .nav .nav-item .active::after {
  content: "";
  width: 90px;
  height: 1px;
  background-color: var(--gt-text-6);
  position: absolute;
  left: 0;
  bottom: -20px;
}
@media (max-width: 991px) {
  .about-page-area-three .about-page-wrapper .nav .nav-item .active::after {
    width: 60px;
  }
}
@media (max-width: 500px) {
  .about-page-area-three .about-page-wrapper .nav .nav-item .active::after {
    display: none;
  }
}

.about-wrapper-1 {
  position: relative;
}
@media (max-width: 1199px) {
  .about-wrapper-1 {
    margin-top: -45px;
  }
}
.about-wrapper-1 .random-shape {
  position: absolute;
  top: 12%;
  right: 3%;
}
@media (max-width: 1199px) {
  .about-wrapper-1 .random-shape {
    display: none;
  }
}
.about-wrapper-1 .star-shape {
  position: absolute;
  top: 25%;
  left: 44%;
}
@media (max-width: 1199px) {
  .about-wrapper-1 .star-shape {
    display: none;
  }
}
.about-wrapper-1 .about-images {
  position: relative;
  z-index: 9;
}
.about-wrapper-1 .about-images img {
  width: 100%;
  height: 100%;
}
.about-wrapper-1 .about-images .bg-shape {
  position: absolute;
  top: 107px;
  left: 48px;
  z-index: -1;
}
@media (max-width: 575px) {
  .about-wrapper-1 .about-images .bg-shape {
    display: none;
  }
}
.about-wrapper-1 .about-images .shape-left {
  position: absolute;
  top: 72%;
  left: -60px;
}
@media (max-width: 1199px) {
  .about-wrapper-1 .about-images .shape-left img {
    max-width: 200px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-1 .about-images .shape-left {
    display: none;
  }
}
.about-wrapper-1 .about-images .shape-right {
  position: absolute;
  top: 24%;
  right: -23%;
}
@media (max-width: 1399px) {
  .about-wrapper-1 .about-images .shape-right {
    top: 30%;
    right: -9%;
  }
  .about-wrapper-1 .about-images .shape-right img {
    max-width: 200px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-1 .about-images .shape-right {
    display: none;
  }
}
.about-wrapper-1 .about-content .section-title5 h2 {
  margin-bottom: 13px;
}
.about-wrapper-1 .about-content .client-reviews {
  margin-bottom: 45px;
  display: flex;
  align-items: center;
  gap: 90px;
}
@media (max-width: 1199px) {
  .about-wrapper-1 .about-content .client-reviews {
    gap: 40px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-1 .about-content .client-reviews {
    margin-top: 20px;
    margin-bottom: 30px;
    gap: 10px;
  }
}
.about-wrapper-1 .about-content .client-reviews .cr-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.about-wrapper-1 .about-content .client-reviews .cr-item h2 {
  font-weight: 500;
}
@media (max-width: 1199px) {
  .about-wrapper-1 .about-content .client-reviews .cr-item {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-1 .about-content .client-reviews .cr-item {
    flex-wrap: wrap;
    gap: 0;
  }
}
.about-wrapper-1 .about-content .client-reviews .cr-item h6 {
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .about-wrapper-1 .about-content .client-reviews .cr-item h6 {
    font-size: 16px;
  }
}
.about-wrapper-1 .about-content .about-button {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 575px) {
  .about-wrapper-1 .about-content .about-button {
    flex-wrap: wrap;
  }
}
.about-wrapper-1 .about-content .about-button .phone {
  display: flex;
  align-items: center;
  gap: 16px;
}
.about-wrapper-1 .about-content .about-button .phone .icon {
  width: 56px;
  height: 56px;
  border-radius: 100px;
  border: 1px solid rgba(102, 102, 102, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
}

.awards-wrapper .awards-item {
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 16px;
  border: var(--gt-border);
  transition: all 0.4s ease-in-out;
  background: #F9F9F9;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .awards-wrapper .awards-item {
    align-items: end;
    padding: 20px;
  }
}
@media (max-width: 991px) {
  .awards-wrapper .awards-item {
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
  }
}
.awards-wrapper .awards-item .content {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1199px) {
  .awards-wrapper .awards-item .content {
    flex-wrap: wrap;
    gap: 15px;
  }
  .awards-wrapper .awards-item .content .icon {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .awards-wrapper .awards-item .content .text h4 {
    font-size: 20px;
  }
}
.awards-wrapper .awards-item:hover {
  border-color: var(--gt-theme);
}

.awards-section {
  position: relative;
}
.awards-section .trophy-shape {
  position: absolute;
  right: 24%;
  bottom: 0;
}
@media (max-width: 1199px) {
  .awards-section .trophy-shape {
    display: none;
  }
}
.awards-section .star-shape {
  position: absolute;
  bottom: 20%;
  right: 41%;
}
@media (max-width: 1199px) {
  .awards-section .star-shape {
    display: none;
  }
}

.blog-area-one .blog-wrapper .blog-top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--gt-border-7);
  margin-bottom: 50px;
  padding-bottom: 75px;
}
@media (max-width: 991px) {
  .blog-area-one .blog-wrapper .blog-top-content {
    flex-direction: column;
    gap: 20px;
    align-items: start;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.blog-area-one .blog-wrapper .blog-top-content .section-title-four {
  max-width: 690px;
}
.blog-area-one .blog-wrapper .item-border {
  border-bottom: 1px solid var(--gt-border-7);
  padding-bottom: 50px;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .blog-area-one .blog-wrapper .item-border {
    border: none;
    margin-bottom: 30px;
    padding-bottom: 0;
  }
}
.blog-area-one .blog-wrapper .blog-card {
  position: relative;
}
.blog-area-one .blog-wrapper .blog-card .title {
  color: var(--gt-text-6);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: inline-block;
  margin-bottom: 20px;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
@media (max-width: 1199px) {
  .blog-area-one .blog-wrapper .blog-card .title {
    font-size: 20px;
  }
}
.blog-area-one .blog-wrapper .blog-card .card-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .blog-area-one .blog-wrapper .blog-card .card-content {
    flex-direction: column;
    gap: 30px;
    /*align-items: start;*/
  }
}
.blog-area-one .blog-wrapper .blog-card .card-content .blog-composed {
  display: flex;
  align-items: center;
  gap: 15px;
  border-right: 1px solid var(--gt-border-7);
  margin-right: 40px;
  padding-right: 40px;
}
@media (max-width: 991px) {
  .blog-area-one .blog-wrapper .blog-card .card-content .blog-composed {
    border: none;
    padding-right: 0;
    margin-right: 0;
  }
}
.blog-area-one .blog-wrapper .blog-card .card-content .blog-composed .name {
  color: var(--gt-text-6);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 13px;
}
.blog-area-one .blog-wrapper .blog-card .card-content .blog-composed p {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
.blog-area-one .blog-wrapper .blog-card .card-content .blog-meta {
  display: flex;
  align-items: center;
  justify-content: center !important;
  gap: 20px;
}
.blog-area-one .blog-wrapper .blog-card .card-content .blog-meta span {
  color: var(--gt-text-6);
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  display: inline-block;
  padding: 8px 10px;
  border-radius: 4px;
  background: var(--gt-theme-3);
}
.blog-area-one .blog-wrapper .blog-card .card-content .blog-meta span.meta-2 {
  background: var(--gt-text-6);
  color: var(--gt-white);
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.blog-area-one .blog-wrapper .blog-card .main-thumb {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  text-align: end;
}
.blog-area-one .blog-wrapper .blog-card .main-thumb img {
  border-radius: 100%;
}
@media (max-width: 1199px) {
  .blog-area-one .blog-wrapper .blog-card .main-thumb img {
    max-width: 50%;
  }
}
.blog-area-one .blog-wrapper .blog-card:hover .title {
  /*text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;*/
}
.blog-area-one .blog-wrapper .blog-card:hover .main-thumb {
  visibility: visible;
  opacity: 1;
}

.news-1 {
  position: relative;
}
.news-1 .regulation-shape {
  position: absolute;
  top: 8%;
  left: 5%;
}
@media (max-width: 1199px) {
  .news-1 .regulation-shape {
    display: none;
  }
}
.news-1 .news-item {
  margin-top: 30px;
  border-radius: 16px;
  border: var(--gt-border);
  background-color: var(--gt-white);
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.news-1 .news-item .thumb {
  overflow: hidden;
}
.news-1 .news-item .thumb img {
  width: 100%;
  height: 100%;
  transform: 1;
  transition: all 0.4s ease-in-out;
}
.news-1 .news-item .content {
  padding: 16px 20px 30px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .news-1 .news-item .content {
    padding: 16px 12px 30px;
  }
}
.news-1 .news-item .content .news-meta {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 10px;
}
.news-1 .news-item .content .news-meta .green {
  color: #000;
}
.news-1 .news-item .content .news-meta .date span {
  width: 5px;
  height: 5px;
  border-radius: 100px;
  background-color: var(--gt-text);
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 20px;
}
.news-1 .news-item .content h4 {
  margin-bottom: 20px;
  font-size: 24px;
}
@media (max-width: 1199px) {
  .news-1 .news-item .content h4 {
    font-size: 18px;
  }
}
.news-1 .news-item .content h4:hover a {
  color: var(--gt-theme);
}
.news-1 .news-item .content .news-btn {
  display: flex;
  align-items: center;
  gap: 12px;
}
.news-1 .news-item .content .news-btn .icon {
  width: 44px;
  height: 44px;
  border: 1.5px solid var(--gt-theme);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.news-1 .news-item .content .news-btn .icon i {
  color: var(--gt-theme);
  transform: rotate(-45deg);
}
.news-1 .news-item .content .news-btn .link-btn {
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.news-1 .news-item .content .news-btn:hover .icon {
  background-color: var(--gt-theme);
}
.news-1 .news-item .content .news-btn:hover .icon i {
  color: var(--gt-header);
}
.news-1 .news-item .content .news-btns {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
}
.news-1 .news-item .content .news-btns i {
  width: 44px;
  height: 44px;
  border: 1.5px solid var(--gt-theme);
  border-radius: 100px;
  background: var(--gt-white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transform: rotate(-45deg);
  transition: all 0.4s ease-in-out;
  z-index: 9;
}
.news-1 .news-item .content .news-btns a {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  left: -100px;
  opacity: 0;
  visibility: hidden;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
}
.news-1 .news-item .content .news-btns:hover i {
  background-color: var(--gt-theme);
  color: var(--gt-header);
}
.news-1 .news-item .content .news-btns:hover a {
  left: 0;
  opacity: 1;
  visibility: visible;
  color: var(--gt-header);
}
.news-1 .news-item:hover {
  border-color: var(--gt-theme);
}
.news-1 .news-item:hover .thumb img {
  transform: scale(1.1);
}
.news-1 .news-item:hover .news-btns i {
  background-color: var(--gt-theme);
  color: var(--gt-header);
}
.news-1 .news-item:hover .news-btns a {
  left: 0;
  opacity: 1;
  visibility: visible;
  color: var(--gt-header);
}
.news-1 .theme-btn {
  margin: 50px auto 0;
}

.news-1 {
  background-color: #F9F9F9;
}

.blog-area-two .section-title-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .blog-area-two .section-title-content {
    flex-direction: column;
    gap: 30px;
    align-items: start;
  }
}
.blog-area-two .section-title-content .title {
  color: var(--gt-black);
  font-size: 80px;
  font-style: normal;
  font-weight: 500;
  line-height: 100px;
  letter-spacing: -3.2px;
}
@media (max-width: 991px) {
  .blog-area-two .section-title-content .title {
    font-size: 65px;
    line-height: 73px;
  }
}
@media (max-width: 450px) {
  .blog-area-two .section-title-content .title {
    font-size: 50px;
    line-height: 63px;
  }
}
.blog-area-two .blog-card {
  margin-right: 20px;
}
@media (max-width: 991px) {
  .blog-area-two .blog-card {
    margin-right: 0;
  }
}
.blog-area-two .blog-card .title {
  color: var(--gt-black);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
  text-transform: lowercase;
  max-width: 625px;
  display: inline-block;
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
  transition: all 0.4s ease-in-out;
}
.blog-area-two .blog-card .title:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, #000 0%, #000 100%);
}
.blog-area-two .blog-card .title span {
  text-transform: capitalize;
}
@media (max-width: 1399px) {
  .blog-area-two .blog-card .title {
    font-size: 22px;
    line-height: 28px;
  }
}
.blog-area-two .blog-card .text {
  color: var(--gt-text-2);
  text-transform: capitalize;
  margin-top: 25px;
}
@media (max-width: 991px) {
  .blog-area-two .blog-card .hover-item {
    display: block;
  }
}
@media (max-width: 991px) {
  .blog-area-two .blog-card .hover-item .thumb {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .blog-area-two .blog-card .hover-item .thumb img {
    width: 100%;
  }
}

.blog-page-wrapper.style-3 {
  padding-top: 196px;
}
@media (max-width: 767px) {
  .blog-page-wrapper.style-3 {
    padding-top: 150px;
  }
}
.blog-page-wrapper.style-3 .blog-card .blog-card-item:last-child {
  border-bottom: none !important;
  border-top: none;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.blog-page-wrapper.style-3 .section-title .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 60px;
  line-height: 80px;
  letter-spacing: 0em;
  text-align: center;
  color: #121212;
}
@media (max-width: 991px) {
  .blog-page-wrapper.style-3 .section-title .title {
    font-size: 43px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .blog-page-wrapper.style-3 .section-title .title {
    font-size: 30px;
    line-height: 38px;
  }
}
@media (max-width: 470px) {
  .blog-page-wrapper.style-3 .section-title .title {
    font-size: 24px;
    line-height: 28px;
  }
}
@media (max-width: 450px) {
  .blog-page-wrapper.style-3 .section-title .title {
    font-size: 20px;
    line-height: 28px;
  }
}
.blog-page-wrapper.style-3 .middle-content {
  margin: 0 240px;
}
@media (max-width: 1399px) {
  .blog-page-wrapper.style-3 .middle-content {
    margin: 0;
  }
}
.blog-page-wrapper.style-3 .middle-content .text-content .text {
  margin-bottom: 20px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #555555;
}
.blog-page-wrapper.style-3 .middle-content .content-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
  margin-bottom: 20px;
}
.blog-page-wrapper.style-3 .middle-content ul {
  margin-bottom: 60px;
  list-style: disc;
  margin-left: 30px;
}
.blog-page-wrapper.style-3 .middle-content ul li {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #121212;
}
.blog-page-wrapper.style-3 .middle-content .blog-cta {
  display: flex;
  align-items: center;
  background-color: #121212;
  padding: 40px;
}
@media (max-width: 767px) {
  .blog-page-wrapper.style-3 .middle-content .blog-cta {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}
@media (max-width: 450px) {
  .blog-page-wrapper.style-3 .middle-content .blog-cta {
    padding: 20px;
  }
}
.blog-page-wrapper.style-3 .middle-content .blog-cta .thumb {
  min-width: 199px;
}
.blog-page-wrapper.style-3 .middle-content .blog-cta .blog-cta-content {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 40px;
  padding-left: 40px;
}
@media (max-width: 767px) {
  .blog-page-wrapper.style-3 .middle-content .blog-cta .blog-cta-content {
    border: none;
    padding-left: 0;
    margin-left: 0;
  }
}
.blog-page-wrapper.style-3 .middle-content .blog-cta .blog-cta-content .text {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #ffffff;
}
@media (max-width: 450px) {
  .blog-page-wrapper.style-3 .middle-content .blog-cta .blog-cta-content .text {
    font-size: 12px;
  }
}
.blog-page-wrapper.style-3 .middle-content .meta-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(18, 18, 18, 0.2);
  padding-top: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
}
.blog-page-wrapper.style-3 .middle-content .meta-content .meta-title {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #121212;
}
.blog-page-wrapper.style-3 .middle-content .meta-content .meta-title span {
  color: #555555;
}
.blog-page-wrapper .blog-card .card-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 60px;
  line-height: 80px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
}
@media (max-width: 470px) {
  .blog-page-wrapper .blog-card .card-title {
    font-size: 40px;
    line-height: 45px;
  }
}
.blog-page-wrapper .blog-card .blog-card-item {
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  margin-bottom: 60px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .blog-page-wrapper .blog-card .blog-card-item .blog-thumb img {
    width: 100%;
  }
}
.blog-page-wrapper .blog-card .blog-card-item:first-child {
  border-top: 1px solid rgba(18, 18, 18, 0.2);
  padding-top: 60px;
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 135%;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
  margin-bottom: 30px;
  display: inline-block;
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .title:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, #000 0%, #000 100%);
}
@media (max-width: 1399px) {
  .blog-page-wrapper .blog-card .blog-card-item .blog-content .title {
    font-size: 24px;
  }
}
@media (max-width: 450px) {
  .blog-page-wrapper .blog-card .blog-card-item .blog-content .title {
    font-size: 20px;
    line-height: 26px;
  }
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .text {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #555555;
  margin-bottom: 40px;
  margin-top: 15px;
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .gt-hover-btn {
  margin-top: 25px;
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 500px) {
  .blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content {
    gap: 0px;
  }
}
@media (max-width: 350px) {
  .blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content .author {
  display: flex;
  align-items: center;
  gap: 15px;
  border-right: 1px solid rgba(18, 18, 18, 0.2);
  margin-right: 40px;
  padding-right: 40px;
}
@media (max-width: 1399px) {
  .blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content .author {
    margin-right: 10px;
    padding-right: 33px;
  }
}
@media (max-width: 500px) {
  .blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content .author {
    margin-right: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 350px) {
  .blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content .author {
    border: none;
    margin-right: 0;
    padding-right: 0;
  }
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content .author .author-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content .author .author-name .name {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
  margin-bottom: 10px;
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content .author .author-name span {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: #555555;
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content .post-date span {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  background-color: #121212;
  padding: 8px 10px;
  border-radius: 4px;
}
.blog-page-wrapper .blog-card .blog-card-item .blog-content .meta-content .post-date .type {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
  background-color: var(--gt-theme);
  margin-right: 20px;
}

.news-left-items {
  margin-top: 30px;
  border: 1px solid #DFDCD2;
  padding: 15px;
}
.news-left-items .thumb {
  overflow: hidden;
  position: relative;
  z-index: 9;
}
.news-left-items .thumb img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.news-left-items .thumb img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.news-left-items .content {
  padding: 20px 15px 15px;
}
.news-left-items .content ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.news-left-items .content ul li {
  color: var(--gt-black);
}
.news-left-items .content ul li a {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: var(--gt-white);
  background-color: var(--gt-black);
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  border-radius: 18px;
}
.news-left-items .content ul li a:hover {
  background-color: var(--gt-theme);
}
.news-left-items .content h3 {
  font-size: 32px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
@media (max-width: 575px) {
  .news-left-items .content h3 {
    font-size: 24px;
  }
}
.news-left-items .content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
  color: var(--gt-black);
}
.news-left-items .content h3 a:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--gt-black) 0%, var(--gt-black) 100%);
}
.news-left-items .content .link-btn {
  color: var(--gt-black);
  margin-top: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  display: inline-block;
  text-transform: capitalize;
}
.news-left-items .content .link-btn i {
  margin-right: 0;
  margin-left: 5px;
}
.news-left-items:hover .thumb img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.news-left-items:hover .thumb img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.news-right-list {
  margin-top: 30px;
}
.news-right-list li:not(:last-child) {
  margin-bottom: 30px;
}
.news-right-list li .news-box-style-4 {
  border: 1px solid #DFDCD2;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .news-right-list li .news-box-style-4 {
    gap: 18px;
  }
}
.news-right-list li .news-box-style-4 .thumb {
  max-width: 293px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 9;
  height: 270px;
}
@media (max-width: 1399px) {
  .news-right-list li .news-box-style-4 .thumb {
    height: 227px;
  }
}
@media (max-width: 1199px) {
  .news-right-list li .news-box-style-4 .thumb {
    height: 222px;
  }
}
@media (max-width: 575px) {
  .news-right-list li .news-box-style-4 .thumb {
    height: 200px;
  }
}
.news-right-list li .news-box-style-4 .thumb img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  object-fit: cover;
}
.news-right-list li .news-box-style-4 .thumb img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.news-right-list li .news-box-style-4 .content ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.news-right-list li .news-box-style-4 .content ul li {
  color: var(--gt-black);
}
.news-right-list li .news-box-style-4 .content ul li:not(:last-child) {
  margin-bottom: 0;
}
.news-right-list li .news-box-style-4 .content ul li a {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: var(--gt-white);
  background-color: var(--gt-black);
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  border-radius: 18px;
}
.news-right-list li .news-box-style-4 .content ul li a:hover {
  background-color: var(--gt-theme);
  color: var(--gt-black);
}
.news-right-list li .news-box-style-4 .content h3 {
  font-size: 24px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
@media (max-width: 575px) {
  .news-right-list li .news-box-style-4 .content h3 {
    font-size: 20px;
  }
}
@media (max-width: 470px) {
  .news-right-list li .news-box-style-4 .content h3 {
    font-size: 18px;
  }
}
.news-right-list li .news-box-style-4 .content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
  color: var(--gt-black);
}
.news-right-list li .news-box-style-4 .content h3 a:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--gt-black) 0%, var(--gt-black) 100%);
  color: var(--gt-black);
}
.news-right-list li .news-box-style-4 .content .link-btn {
  color: var(--gt-black);
  margin-top: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  display: inline-block;
  text-transform: capitalize;
}
.news-right-list li .news-box-style-4 .content .link-btn i {
  margin-right: 0;
  margin-left: 5px;
}
.news-right-list li .news-box-style-4:hover .thumb img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.news-right-list li .news-box-style-4:hover .thumb img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.marquee-wrap6 .marquee-container {
  overflow: hidden;
  background-color: #1e1e1e;
  padding: 30px 0;
}
.marquee-wrap6 .marquee-wrapper {
  display: flex;
  width: fit-content;
  animation: scroll-left 25s linear infinite;
}
.marquee-wrap6 .marquee-content {
  display: flex;
}
.marquee-wrap6 .marquee-text {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 30px;
  white-space: nowrap;
}
.marquee-wrap6 .marquee-text h3 {
  color: var(--gt-white) !important;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.project-area-one {
  position: relative;
  z-index: 1;
}
.project-area-one .project-wrapper .sub-title {
  margin-bottom: 50px;
}
.project-area-one .project-wrapper .wrapper-rolling-text {
  white-space: nowrap;
  font-family: "Anton", sans-serif;
  margin-bottom: 75px;
}
.project-area-one .project-wrapper .rolling-text {
  display: inline-block;
}
.project-area-one .project-wrapper .rolling-text .marquee-text {
  color: var(--gt-black);
  font-family: "Anton", sans-serif;
  font-size: 120px;
  font-style: normal;
  font-weight: 400;
  line-height: 120px;
  letter-spacing: -1.2px;
  text-transform: uppercase;
}
.project-area-one .project-wrapper .rolling-text .marquee-text span {
  color: var(--gt-theme);
  margin: 0 43px;
}
.project-area-one .project-wrapper .project-card-wrapper {
  background: var(--gt-white);
}
.project-area-one .project-wrapper .card-items {
  position: relative;
  z-index: 0;
}
.project-area-one .project-wrapper .card-items .card-single-item {
  display: flex;
  gap: 50px;
  margin-bottom: 50px;
}
.project-area-one .project-wrapper .card-items .card-single-item:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .project-area-one .project-wrapper .card-items .card-single-item {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .project-area-one .project-wrapper .card-items .card-single-item {
    flex-direction: column-reverse;
    align-items: start;
    gap: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .project-area-one .project-wrapper .card-items .card-single-item.items-2 {
    flex-direction: column;
    align-items: start;
  }
}
.project-area-one .project-wrapper .card-items .card-single-item .card-text-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991px) {
  .project-area-one .project-wrapper .card-items .card-single-item .card-text-content {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .project-area-one .project-wrapper .card-items .card-single-item .card-text-content {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
.project-area-one .project-wrapper .card-items .card-single-item .card-text-content .card-btn {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gt-bg);
  border-radius: 100%;
  transition: 150ms ease-in-out;
}
.project-area-one .project-wrapper .card-items .card-single-item .card-text-content .card-btn svg path {
  transition: 150ms ease-in-out;
}
.project-area-one .project-wrapper .card-items .card-single-item .card-text-content .card-btn:hover {
  background: var(--gt-theme);
}
.project-area-one .project-wrapper .card-items .card-single-item .card-text-content .card-content {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .project-area-one .project-wrapper .card-items .card-single-item .card-text-content .card-content {
    writing-mode: horizontal-tb;
    transform: rotate(0deg);
    align-items: start;
  }
}
.project-area-one .project-wrapper .card-items .card-single-item .card-text-content .card-content .title {
  color: var(--gt-black);
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-align: start;
}
@media (max-width: 450px) {
  .project-area-one .project-wrapper .card-items .card-single-item .card-text-content .card-content .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
  }
}
.project-area-one .project-wrapper .card-items .card-single-item .card-text-content .card-content .text {
  color: var(--gt-text-2);
  line-height: normal;
  text-transform: capitalize;
  text-align: start;
}
.project-area-one .project-wrapper .card-items .card-single-item .project-image.project-image-fast {
  margin-left: 105px;
}
@media (max-width: 991px) {
  .project-area-one .project-wrapper .card-items .card-single-item .project-image.project-image-fast {
    margin-left: 0;
  }
}
.project-area-one .project-wrapper .card-items .card-single-item .project-image.project-image-last {
  margin-right: 105px;
}
@media (max-width: 991px) {
  .project-area-one .project-wrapper .card-items .card-single-item .project-image.project-image-last {
    margin-right: 0;
  }
}

.project-area-two {
  background: var(--gt-bg9);
}
.project-area-two .project-wrapper {
  margin: 0 60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .project-area-two .project-wrapper {
    margin: 0;
  }
}
.project-area-two .project-wrapper .project-bg-shape-1 {
  position: absolute;
  top: 62px;
  left: -30%;
  z-index: -1;
}
.project-area-two .project-wrapper .project-bg-shape-2 {
  position: absolute;
  bottom: 62px;
  right: -30%;
  z-index: -1;
}
.project-area-two .project-wrapper .section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 120px;
}
@media (max-width: 1199px) {
  .project-area-two .project-wrapper .section-title {
    flex-direction: column;
    align-items: start;
    gap: 30px;
    margin-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .project-area-two .project-wrapper .section-title {
    margin-bottom: 40px;
  }
}
.project-area-two .project-wrapper .section-title .title {
  color: var(--gt-black);
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: -1.8px;
  max-width: 513px;
}
@media (max-width: 1199px) {
  .project-area-two .project-wrapper .section-title .title {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .project-area-two .project-wrapper .section-title .title {
    font-size: 50px;
    line-height: 57px;
  }
}
@media (max-width: 450px) {
  .project-area-two .project-wrapper .section-title .title {
    font-size: 40px;
    line-height: 47px;
  }
}
.project-area-two .project-wrapper .section-title .section-tab-wrap {
  max-width: 600px;
}
@media (max-width: 1199px) {
  .project-area-two .project-wrapper .section-title .section-tab-wrap {
    max-width: 100%;
  }
}
.project-area-two .project-wrapper .section-title .section-tab-wrap ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.project-area-two .project-wrapper .section-title .section-tab-wrap ul li {
  color: var(--gt-black);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-transform: capitalize;
  padding: 12px;
  border-radius: 100px;
  background: var(--gt-border-5);
  cursor: pointer;
}
.project-area-two .project-wrapper .project-tab-content .thumb {
  overflow: hidden;
  position: relative;
  transform: scale(0.9);
}
@media (max-width: 1199px) {
  .project-area-two .project-wrapper .project-tab-content .thumb {
    height: 600px;
  }
  .project-area-two .project-wrapper .project-tab-content .thumb img {
    height: 100% !important;
    object-fit: cover;
  }
}
.project-area-two .project-wrapper .project-tab-content .thumb img {
  transform-origin: center;
  width: 100%;
  height: 100%;
}
.project-area-two .project-wrapper .project-tab-content .thumb:hover .thumb-content {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.project-area-two .project-wrapper .project-tab-content .thumb:hover .project-btn {
  visibility: visible;
  opacity: 1;
}
.project-area-two .project-wrapper .project-tab-content .thumb-content {
  background: var(--gt-white);
  display: inline-block;
  padding: 28px;
  position: absolute;
  left: -100px;
  bottom: 40px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.project-area-two .project-wrapper .project-tab-content .thumb-content .title {
  color: var(--gt-black);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.project-area-two .project-wrapper .project-tab-content .thumb-content .title a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
  transition: all 0.4s ease-in-out;
}
.project-area-two .project-wrapper .project-tab-content .thumb-content .title a:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, #000 0%, #000 100%);
}
.project-area-two .project-wrapper .project-tab-content .thumb-content .text {
  color: var(--gt-text-2);
  text-transform: capitalize;
}
.project-area-two .project-wrapper .project-tab-content .project-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
}
.project-area-two .project-wrapper .project-tab-content .simple-btn-black {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 123px;
}
@media (max-width: 991px) {
  .project-area-two .project-wrapper .project-tab-content .simple-btn-black {
    margin-top: 60px;
  }
}

.project-area-three .project-wrapper .section-title-three {
  display: flex;
  align-items: end;
  gap: 30px;
  padding-bottom: 75px;
}
@media (max-width: 1399px) {
  .project-area-three .project-wrapper .section-title-three {
    justify-content: space-between;
  }
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .section-title-three {
    flex-direction: column;
    align-items: start;
  }
}
.project-area-three .project-wrapper .section-title-three .title {
  max-width: 540px;
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .section-title-three .title {
    max-width: 100%;
  }
}
.project-area-three .project-wrapper .section-title-three .number-wrap {
  width: 50px;
  height: 50px;
}
@media (max-width: 1399px) {
  .project-area-three .project-wrapper .section-title-three .number-wrap {
    display: none;
  }
}
.project-area-three .project-wrapper .section-title-three .number-wrap .number {
  width: 48px;
  height: 48px;
  aspect-ratio: 48px;
  background: var(--gt-theme-2);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1399px) {
  .project-area-three .project-wrapper .section-title-three .our-clint-2 {
    display: none;
  }
}
.project-area-three .project-wrapper .section-title-three .text-2 {
  max-width: 440px;
  color: var(--gt-text-2);
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .section-title-three .text-2 {
    max-width: 100%;
  }
}
.project-area-three .project-wrapper .slider-control {
  display: flex;
  gap: 165px;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 45px;
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .slider-control {
    flex-direction: row;
  }
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .slider-control .btns-group {
    flex-direction: row;
  }
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .slider-control .array-nav {
    flex-direction: row;
  }
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .slider-control .simple-btn-white {
    writing-mode: horizontal-tb;
    transform: rotate(0deg);
    width: 200px;
  }
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .slider-control .page-control {
    writing-mode: horizontal-tb;
    transform: rotate(0deg);
  }
  .project-area-three .project-wrapper .slider-control .page-control::before {
    content: "";
    height: 1px;
    width: 96px;
    background: var(--gt-black);
    position: absolute;
    left: -120px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .slider-control .page-control .page-1::after {
    content: "";
    height: 10px;
    width: 1px;
    background: var(--gt-black);
    position: absolute;
    left: 37px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.project-area-three .project-wrapper .slick-dots {
  display: none !important;
}
.project-area-three .project-wrapper .simple-btn-white {
  transform: rotate(-180deg);
  writing-mode: vertical-rl;
}
.project-area-three .project-wrapper .thumb-wrap {
  display: flex !important;
  align-items: center;
  gap: 30px;
  margin-right: -390px;
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .thumb-wrap {
    margin-right: 0;
    flex-wrap: wrap;
  }
}
.project-area-three .project-wrapper .thumb-wrap .thumb {
  position: relative;
  border-radius: 30px;
  margin-right: 30px;
  height: 582px;
  min-height: 582px;
  width: 210px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  transition: all 0.4s ease;
}
@media (max-width: 1199px) {
  .project-area-three .project-wrapper .thumb-wrap .thumb {
    width: 100% !important;
    margin-right: 0;
  }
}
@media (max-width: 450px) {
  .project-area-three .project-wrapper .thumb-wrap .thumb {
    height: 382px;
    min-height: 382px;
  }
}
.project-area-three .project-wrapper .thumb-wrap .thumb a {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.project-area-three .project-wrapper .thumb-wrap .thumb a .card-text-content {
  position: absolute;
  left: -100%;
  bottom: 30px;
  border-radius: 20px;
  background: var(--gt-white);
  padding: 28px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
@media (max-width: 1399px) {
  .project-area-three .project-wrapper .thumb-wrap .thumb a .card-text-content {
    padding: 22px;
  }
}
@media (max-width: 450px) {
  .project-area-three .project-wrapper .thumb-wrap .thumb a .card-text-content {
    padding: 10px;
  }
}
.project-area-three .project-wrapper .thumb-wrap .thumb a .card-text-content .title {
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
@media (max-width: 1399px) {
  .project-area-three .project-wrapper .thumb-wrap .thumb a .card-text-content .title {
    font-size: 17px;
  }
}
@media (max-width: 575px) {
  .project-area-three .project-wrapper .thumb-wrap .thumb a .card-text-content .title {
    font-size: 20px;
  }
}
@media (max-width: 450px) {
  .project-area-three .project-wrapper .thumb-wrap .thumb a .card-text-content .title {
    font-size: 14px;
  }
}
.project-area-three .project-wrapper .thumb-wrap .thumb a .card-text-content .text {
  color: var(--gt-text-2);
  text-transform: capitalize;
}
.project-area-three .project-wrapper .thumb-wrap .thumb a .project-btn {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
@media (max-width: 1399px) {
  .project-area-three .project-wrapper .thumb-wrap .thumb a .project-btn {
    left: 20px;
    right: 20px;
  }
}
.project-area-three .project-wrapper .thumb-wrap .thumb a .project-btn .gt-btn-circle-2 {
  width: 68px;
  height: 68px;
}
.project-area-three .project-wrapper .thumb-wrap .thumb a:hover .project-btn {
  visibility: visible;
  opacity: 1;
  right: 30px;
}
.project-area-three .project-wrapper .thumb-wrap .thumb a:hover .card-text-content {
  visibility: visible;
  opacity: 1;
  left: 30px;
}
.project-area-three .project-wrapper .thumb-wrap .thumb.active {
  width: 690px;
}
.project-area-three .project-wrapper .thumb-wrap .thumb.active .project-btn {
  visibility: visible;
  opacity: 1;
  right: 30px;
}
.project-area-three .project-wrapper .thumb-wrap .thumb.active .card-text-content {
  visibility: visible;
  opacity: 1;
  left: 30px;
}

.project-page-wrapper .nav {
  justify-content: center;
}
.project-page-wrapper .nav .nav-item .nav-link {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: #6d6d6d;
}
.project-page-wrapper .nav .nav-item .nav-link.active {
  color: #121212;
  background: transparent;
}
.project-page-wrapper.one .content-pagination {
  border-top: 1px solid rgba(18, 18, 18, 0.2);
}
.project-page-wrapper .featured-area-four .row .col-xl-6 {
  padding-bottom: 0 !important;
}
.project-page-wrapper .featured-area-four .row .col-xl-6:nth-child(1) {
  border: none !important;
}
.project-page-wrapper .featured-area-four .row .col-xl-6:nth-child(2) {
  border: none !important;
}
.project-page-wrapper .featured-area-four .row .col-xl-6:nth-child(2) .featured-card {
  margin-right: 0 !important;
  margin-left: 40px;
}
.project-page-wrapper .featured-area-four .row .col-xl-6:nth-child(3) {
  border: none !important;
  padding-top: 75px;
}
.project-page-wrapper .featured-area-four .row .col-xl-6:nth-child(4) .featured-card {
  margin-right: 0 !important;
  margin-left: 40px;
  padding-top: 75px;
}
.project-page-wrapper.style-2 .container {
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.project-page-wrapper.style-2 .section-title .title {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 137%;
  letter-spacing: -0.03em;
  text-align: center;
  color: #121212;
  max-width: 775px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .project-page-wrapper.style-2 .section-title .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.project-page-wrapper.style-2 .project-page-slider {
  margin-bottom: 60px;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb .thumb-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  visibility: hidden;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  z-index: 99;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb .thumb-content .title {
  font-family: v "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #121212;
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
  transition: all 0.4s ease-in-out;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb .thumb-content .title:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, #000 0%, #000 100%);
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb .thumb-content span {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: #555;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb .thumb-icon {
  width: 44px;
  height: 44px;
  background: #121212;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 40px;
  left: 40px;
  visibility: hidden;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  z-index: 99;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(232, 193, 87, 0.5) 0%, #E8C157 100%);
  z-index: 9;
  visibility: hidden;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb:hover .thumb-content {
  visibility: visible;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb:hover .thumb-icon {
  visibility: visible;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper .thumb:hover::before {
  visibility: visible;
}
.project-page-wrapper.style-2 .project-slider-card .card-wrapper a {
  font-size: 24px !important;
}
.project-page-wrapper.style-3 .main-content .project-cta {
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.project-page-wrapper.style-3 .main-content .project-cta .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 50px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #121212;
}
@media (max-width: 767px) {
  .project-page-wrapper.style-3 .main-content .project-cta .title {
    font-size: 35px;
    line-height: 35px;
  }
}
@media (max-width: 470px) {
  .project-page-wrapper.style-3 .main-content .project-cta .title {
    font-size: 28px;
    line-height: 32px;
  }
}
.project-page-wrapper.style-3 .main-content .project-cta ul {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 470px) {
  .project-page-wrapper.style-3 .main-content .project-cta ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.project-page-wrapper.style-3 .main-content .project-cta ul li {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #555;
  margin-bottom: 30px;
}
.project-page-wrapper.style-3 .main-content .middle-content {
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.project-page-wrapper.style-3 .main-content .middle-content .project-text-content .title {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #121212;
}
.project-page-wrapper.style-3 .main-content .middle-content .project-text-content .text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 175%;
  letter-spacing: -0.01em;
  color: #555;
  margin-bottom: 40px;
  max-width: 800px;
}
.project-page-wrapper.style-3 .main-content .middle-content .thumb img {
  width: 100%;
}
.project-page-wrapper.style-3 .main-content .bottom-content .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 133%;
  letter-spacing: -0.01em;
  color: #121212;
}
.project-page-wrapper.style-3 .main-content .bottom-content .text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 175%;
  letter-spacing: -0.01em;
  color: #555;
}

.project-info .thumb {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .project-info .thumb {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .project-info .thumb img {
    width: 100%;
  }
}
.project-info .info-text {
  /*font-family: "Kanit", sans-serif;*/
  font-weight: 400;
  font-size: 16px;
  line-height: 175%;
  letter-spacing: -0.01em;
  color: #555;
  margin-bottom: 40px;
}
.project-info .info-text:last-child {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.featured-area-four {
  background-color: #F9EFF1;
}

.marquee-section2.style-marque-4 .marquee {
  background-color: var(--gt-theme);
  border-radius: 0;
}
.marquee-section2.style-marque-4 .marquee .text {
  color: transparent;
  font-size: 96.552px;
  font-weight: 600;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--gt-black);
}
@media (max-width: 991px) {
  .marquee-section2.style-marque-4 .marquee .text {
    font-size: 78px;
  }
}
@media (max-width: 767px) {
  .marquee-section2.style-marque-4 .marquee .text {
    font-size: 65px;
  }
}
@media (max-width: 575px) {
  .marquee-section2.style-marque-4 .marquee .text {
    font-size: 50px;
  }
}
.marquee-section2.style-marque-4 .marquee .text:hover {
  color: var(--gt-black);
}

.marquee5 {
  position: relative;
  --duration: 30s;
  --gap: 0px;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 0;
  background-color: var(--gt-theme);
  padding: 20px 0;
}
.marquee5 .marquee-group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 30px;
  min-width: 100%;
  animation: scroll var(--duration) linear infinite;
}
.marquee5 .text {
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
  font-family: "Inter", sans-serif;
  color: #000;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .marquee5 .text {
    letter-spacing: initial;
  }
}
@media (max-width: 1199px) {
  .marquee5 .text {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .marquee5 .text {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .marquee5 .text {
    font-size: 50px;
  }
}
.marquee5 .text span {
  margin-top: -10px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.marquee5 img {
  filter: grayscale(1) brightness(0);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
.brand-section {
  margin: 30px;
  margin-bottom: 0;
}

.brand-box-1 {
  height: 125px;
  line-height: 125px;
  border: 1px solid #E6E8EB;
  text-align: center;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.brand-box-1.style-4 {
  border-radius: 0;
  border: 1px solid #DFDCD2;
}
.brand-box-1.style-4:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}
.brand-box-1.style-4:hover .brand-img-1 {
  opacity: 1;
  filter: brightness(1.4);
}
.brand-box-1.style-4:hover .brand-img-1 img {
  filter: brightness(1.4);
}
.brand-box-1 .brand-img-1 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand-box-1 .brand-img-1 img {
  opacity: 0.4;
  transition: all 0.6s ease;
  transform: translateY(0);
}
.brand-box-1 .brand-img-1:last-child img {
  transform: translateY(-350%);
  opacity: 0;
}
.brand-box-1:hover .brand-img-1:first-child img {
  transform: translateY(100%);
  opacity: 0;
}
.brand-box-1:hover .brand-img-1:last-child img {
  transform: translateY(0);
  opacity: 1;
}
.brand-box-1.style-border-5 {
  border: 1px solid #F0ECDF;
  border-radius: 0;
}

.project-wrapper {
  margin-top: 30px;
}
.project-wrapper .project-items .image {
  height: 500px;
}
@media (max-width: 991px) {
  .project-wrapper .project-items .image {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .project-wrapper .project-items .image {
    height: 1000%;
  }
}
.project-wrapper .project-items .image img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 16px;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}
.project-wrapper .project-items .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 20px 0;
}
@media (max-width: 1199px) {
  .project-wrapper .project-items .content {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.project-wrapper .project-items .content h4 {
  margin-top: 6px;
  font-size: 24px;
}
@media (max-width: 1199px) {
  .project-wrapper .project-items .content h4 {
    font-size: 20px;
  }
}
.project-wrapper .project-items .content h4:hover a {
  color: var(--gt-theme);
}
@media (max-width: 991px) {
  .project-wrapper .project-items .content h4 {
    font-size: 20px;
  }
}
.project-wrapper .project-items .content .icon a {
  width: 48px;
  height: 48px;
  border: 1.5px solid var(--gt-theme);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gt-black);
  transform: rotate(-45deg);
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.project-wrapper .project-items .content .icon a:hover {
  background-color: var(--gt-theme);
  transform: rotate(0);
}
.project-wrapper .project-items:hover .image img {
  border-color: var(--gt-theme);
}

.experience-section {
  position: relative;
  background-color: #1C1D20;
}
.experience-section .random-shape {
  position: absolute;
  top: 17%;
  right: 11%;
}
@media (max-width: 1199px) {
  .experience-section .random-shape {
    display: none;
  }
}
.experience-section .client-wrapper {
  margin-top: 80px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
}
@media (max-width: 1199px) {
  .experience-section .client-wrapper {
    padding: 20px;
  }
}
.experience-section .client-wrapper .client-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .experience-section .client-wrapper .client-items {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: left;
  }
}
@media (max-width: 575px) {
  .experience-section .client-wrapper .client-items {
    gap: 30px;
    justify-content: center;
  }
}
.experience-section .client-wrapper .client-items .client-item {
  text-align: center;
  max-width: 220px;
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .experience-section .client-wrapper .client-items .client-item {
    max-width: 198px;
  }
}
@media (max-width: 575px) {
  .experience-section .client-wrapper .client-items .client-item {
    max-width: 160px;
  }
}
.experience-section .client-wrapper .client-items .client-item:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 137px;
  background: #666;
  opacity: 0.24;
  top: -30px;
  right: 0;
}
@media (max-width: 1199px) {
  .experience-section .client-wrapper .client-items .client-item:not(:last-child)::before {
    height: 114px;
    top: -20px;
  }
}
@media (max-width: 991px) {
  .experience-section .client-wrapper .client-items .client-item:not(:last-child)::before {
    display: none;
  }
}
.experience-section .client-wrapper .client-items .client-item .number {
  color: var(--gt-theme) !important;
  margin-right: 16px;
  font-size: 20px;
}
.experience-section .client-wrapper .client-items .client-item .text {
  color: #bbbcbd;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.experience-section .section-title5 span,
.experience-section .section-title5 h2 {
  color: var(--gt-white);
}

.experience-wrapper {
  margin-top: 30px;
}
.experience-wrapper .experience-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  transition: all 0.4s ease-in-out;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
@media (max-width: 767px) {
  .experience-wrapper .experience-items {
    gap: 20px;
    flex-direction: column;
    align-items: start;
  }
}
.experience-wrapper .experience-items span {
  color: #bbbbbc;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.experience-wrapper .experience-items h4 {
  color: var(--gt-white) !important;
  cursor: pointer;
}
@media (max-width: 991px) {
  .experience-wrapper .experience-items h4 {
    font-size: 20px;
  }
}
.experience-wrapper .experience-items h6 {
  color: var(--gt-white) !important;
  cursor: pointer;
}
@media (max-width: 991px) {
  .experience-wrapper .experience-items h6 {
    font-size: 16px;
  }
}
.experience-wrapper .experience-items:hover {
  border-color: var(--gt-theme);
}
.experience-wrapper .experience-items:hover h4 {
  color: var(--gt-theme);
}

.price-wrapper .price-item {
  margin-top: 30px;
  padding: 40px 32px;
  background-color: var(--gt-white);
  border-radius: 16px;
  border: 1.5px solid transparent;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .price-wrapper .price-item {
    padding: 40px 30px;
  }
}
.price-wrapper .price-item .content {
  border-bottom: 1px solid #dadada;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.price-wrapper .price-item .content h3 {
  font-size: 40px;
  color: var(--gt-theme);
  margin-top: 5px;
  margin-bottom: 10px;
}
.price-wrapper .price-item .content h3 span {
  color: var(--gt-text);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.price-wrapper .price-item .price-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--gt-black);
  margin-bottom: 10px;
}
.price-wrapper .price-item .price-list li i {
  color: var(--gt-white);
  background-color: var(--gt-black);
  width: 24px;
  height: 24px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.price-wrapper .price-item .theme-btn {
  margin-top: 25px;
  display: block;
  background-color: transparent;
  border: 1px solid var(--gt-theme);
  text-align: center;
}
@media (max-width: 1199px) {
  .price-wrapper .price-item .theme-btn {
    padding: 14px 10px;
  }
}
@media (max-width: 991px) {
  .price-wrapper .price-item .theme-btn {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .price-wrapper .price-item .theme-btn {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .price-wrapper .price-item .theme-btn {
    padding: 15px;
  }
}
.price-wrapper .price-item .theme-btn:hover {
  color: var(--gt-black);
}
.price-wrapper .price-item .theme-btn:hover::before {
  background-color: var(--gt-theme);
}
.price-wrapper .price-item:hover {
  transform: translateY(-15px);
}
.price-wrapper .price-item.style-2 {
  position: relative;
}
.price-wrapper .price-item.style-2 .content .box {
  position: absolute;
  background-color: var(--gt-black);
  color: var(--gt-white) !important;
  padding: 6px 18px;
  border-radius: 100px;
  top: 12px;
  right: 12px;
  font-size: 14px;
  font-weight: 600;
}

.pricing-section22 {
  background-color: #F9F9F9;
}

@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
.ripple-animation {
  animation-duration: 6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-name: ripple;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes move-dash-3 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 20px 0;
  }
}
.move-shape {
  fill: #202020;
  fill-opacity: 0.2;
  mask: linear-gradient(90deg, #000 0%, #000 100%) left/0% 100% no-repeat;
  -webkit-mask: linear-gradient(90deg, #000 0%, #000 100%) left/0% 100% no-repeat;
  animation: reveal-left-right 5s linear forwards infinite;
}

.move-shape-2 {
  fill: #202020;
  fill-opacity: 0.2;
  mask: linear-gradient(90deg, #000 0%, #000 100%) left/0% 100% no-repeat;
  -webkit-mask: linear-gradient(90deg, #000 0%, #000 100%) left/0% 100% no-repeat;
  animation: reveal-left-right 5s linear forwards infinite;
}

.move-shape-3 {
  fill: #202020;
  fill-opacity: 0.2;
  mask: linear-gradient(90deg, #000 0%, #000 100%) left/0% 100% no-repeat;
  -webkit-mask: linear-gradient(90deg, #000 0%, #000 100%) left/0% 100% no-repeat;
  animation: reveal-left-right 5s linear forwards infinite;
}

.move-shape-4 {
  fill: #202020;
  mask: linear-gradient(90deg, #000 0%, #000 100%) left/0% 100% no-repeat;
  -webkit-mask: linear-gradient(90deg, #000 0%, #000 100%) left/0% 100% no-repeat;
  animation: reveal-left-right 15s linear forwards infinite;
}

@keyframes reveal-left-right {
  0% {
    mask-size: 0% 100%;
    -webkit-mask-size: 0% 100%;
  }
  16.66% {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
  }
  100% {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
  }
}
@keyframes move-dash {
  to {
    stroke-dashoffset: 10;
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(20deg);
  }
}
.cir36 {
  animation: cir36 30s linear infinite;
}

@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes rotated2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes wave {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes translateY2 {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes translateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
/*img-animation**********************/
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}
@keyframes scale {
  0% {
    top: -1000px;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animation-infinite {
  animation: ShapeAnim 50s linear infinite;
  height: 30px;
  width: 100%;
  background-repeat: repeat;
  overflow: hidden;
}

@keyframes ShapeAnim {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left 3000px;
  }
}
.splt-txt .whitespace {
  width: 8px;
}

.splt-txt.animated .char {
  -webkit-animation: fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(30ms * var(--char-index));
  animation-delay: calc(30ms * var(--char-index));
}

.splt-txt-bounce .whitespace {
  width: 20px;
}

@media (max-width: 991px) {
  .splt-txt-bounce .whitespace {
    width: 10px;
  }
}
.splt-txt-bounce.animated .char {
  -webkit-animation: bounceIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: bounceIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(30ms * var(--char-index));
  animation-delay: calc(30ms * var(--char-index));
}

@keyframes dash {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 10px;
  }
}
@keyframes dash-2 {
  0% {
    background-position: 0 10px;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes dash-3 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 10px 0;
  }
}
@keyframes dash-4 {
  from {
    background-position: 10px 0;
  }
  to {
    background-position: 0 0;
  }
}
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes mymove {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
.gt-zoom-in-out {
  animation: mymove 1s infinite;
}

@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@media (max-width: 480px) {
  .marquee-vert {
    width: 210px;
    height: 300px;
  }
  @keyframes scrollUp {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-50%);
    }
  }
}
.contact-area .contact-wrapper {
  background: #121212;
  margin: 0 40px;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .contact-area .contact-wrapper {
    margin: 0;
  }
}
.contact-area .contact-wrapper .contact-shape {
  position: absolute;
  bottom: 0;
  right: 94px;
  z-index: -1;
}
@media (max-width: 1199px) {
  .contact-area .contact-wrapper .section-title-two {
    flex-direction: column !important;
  }
}
.contact-area .contact-wrapper .section-title-two .title-left-content {
  width: 33%;
}
@media (max-width: 1199px) {
  .contact-area .contact-wrapper .section-title-two .title-left-content {
    width: 100%;
  }
}
.contact-area .contact-wrapper .section-title-two .title-right-content {
  width: 67%;
}
@media (max-width: 1199px) {
  .contact-area .contact-wrapper .section-title-two .title-right-content {
    width: 100%;
  }
}
.contact-area .contact-wrapper .section-title-two .title-right-content .title {
  max-width: 926px;
  color: var(--gt-white);
}
@media (max-width: 1600px) {
  .contact-area .contact-wrapper .section-title-two .title-right-content .title {
    font-size: 70px !important;
    line-height: 80px;
  }
}
@media (max-width: 767px) {
  .contact-area .contact-wrapper .section-title-two .title-right-content .title {
    font-size: 45px !important;
    line-height: 55px;
  }
}
@media (max-width: 500px) {
  .contact-area .contact-wrapper .section-title-two .title-right-content .title {
    font-size: 32px !important;
    line-height: 42px;
  }
}
.contact-area .contact-wrapper .section-title-two .title-right-content .form-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 50px;
  line-height: 120%;
  color: #123;
}
.contact-area .contact-wrapper .contact-cta-wrap {
  border-radius: 10px;
  background: var(--gt-theme);
  padding: 40px;
  margin-top: -180px;
  margin-right: 30px;
}
@media (max-width: 1199px) {
  .contact-area .contact-wrapper .contact-cta-wrap {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .contact-area .contact-wrapper .contact-cta-wrap {
    margin-right: 0;
  }
}
.contact-area .contact-wrapper .contact-cta-wrap .contact-cta {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .contact-area .contact-wrapper .contact-cta-wrap .contact-cta {
    margin-bottom: 30px;
  }
}
.contact-area .contact-wrapper .contact-cta-wrap .contact-cta:last-child {
  margin-bottom: 0;
}
.contact-area .contact-wrapper .contact-cta-wrap .contact-cta .title {
  color: var(--gt-black);
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.contact-area .contact-wrapper .contact-cta-wrap .contact-cta .text {
  color: var(--gt-text-2);
  letter-spacing: -0.16px;
  text-transform: capitalize;
}

.contact-area-two .contact-wrapper {
  background: var(--gt-bg4);
}
.contact-area-two .contact-wrapper .section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -80px;
}
.contact-area-two .contact-wrapper .section-title .title {
  color: var(--gt-black);
  font-size: 200px;
  font-style: normal;
  font-weight: 500;
  line-height: 160px;
  letter-spacing: -2px;
  max-width: 751px;
}
@media (max-width: 991px) {
  .contact-area-two .contact-wrapper .section-title .title {
    font-size: 150px;
  }
}
@media (max-width: 991px) {
  .contact-area-two .contact-wrapper .section-title .title {
    font-size: 100px;
    line-height: 120px;
  }
}
@media (max-width: 470px) {
  .contact-area-two .contact-wrapper .section-title .title {
    font-size: 70px;
    line-height: 0.2;
    margin-bottom: 40px;
  }
}
.contact-area-two .contact-wrapper .section-title .title p {
  color: var(--gt-black);
  font-size: 200px;
  font-style: normal;
  font-weight: 500;
  line-height: 160px;
  letter-spacing: -2px;
  max-width: 751px;
  margin-left: 145px;
}
@media (max-width: 991px) {
  .contact-area-two .contact-wrapper .section-title .title p {
    font-size: 150px;
  }
}
@media (max-width: 991px) {
  .contact-area-two .contact-wrapper .section-title .title p {
    font-size: 100px;
    line-height: 100px;
  }
}
@media (max-width: 470px) {
  .contact-area-two .contact-wrapper .section-title .title p {
    margin-left: 45px;
    font-size: 70px;
    line-height: 100px;
  }
}
.contact-area-two .contact-wrapper .section-title .tp-letter-span {
  display: inline-block;
}
.contact-area-two .contact-wrapper .section-title .gt-svg-btn {
  margin-top: -80px;
  display: inline-block;
}
@media (max-width: 767px) {
  .contact-area-two .contact-wrapper .section-title .gt-svg-btn svg {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 991px) {
  .contact-area-two .contact-wrapper .section-title .gt-svg-btn svg {
    display: none;
  }
}
.contact-area-two .contact-wrapper .contact-text {
  color: var(--gt-black);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-left: 100px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .contact-area-two .contact-wrapper .contact-text {
    font-size: 30px;
  }
}
@media (max-width: 470px) {
  .contact-area-two .contact-wrapper .contact-text {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .contact-area-two .contact-wrapper .contact-text {
    margin-left: 0;
  }
}
.contact-area-two .contact-wrapper .contact-text a {
  color: var(--gt-black);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}
@media (max-width: 767px) {
  .contact-area-two .contact-wrapper .contact-text a {
    font-size: 30px;
  }
}
@media (max-width: 470px) {
  .contact-area-two .contact-wrapper .contact-text a {
    font-size: 20px;
    line-height: 28px;
  }
}

.contact-area-four .contact-wrapper {
  background: var(--gt-bg13);
}
.contact-area-four .contact-wrapper .logo {
  margin-bottom: 43px;
}
@media (max-width: 575px) {
  .contact-area-four .contact-wrapper .logo img {
    width: 190px;
  }
}
.contact-area-four .contact-wrapper .text {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
  max-width: 441px;
}
.contact-area-four .contact-wrapper .social-icon-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 30px;
  border-left: 1px solid var(--gt-border-7);
  border-right: 1px solid var(--gt-border-7);
}
@media (max-width: 991px) {
  .contact-area-four .contact-wrapper .social-icon-wrap {
    border: none;
    padding: 0;
  }
}
.contact-area-four .contact-wrapper .social-icon-wrap .social-btn {
  position: relative;
  z-index: 1;
  background: var(--gt-text-3);
  padding: 25px;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  transform-origin: left;
}
.contact-area-four .contact-wrapper .social-icon-wrap .social-btn a {
  color: var(--gt-text-4);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.2px;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 5;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.contact-area-four .contact-wrapper .social-icon-wrap .social-btn::before {
  content: "";
  width: 3px;
  height: 100%;
  background: var(--gt-theme-2);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.contact-area-four .contact-wrapper .social-icon-wrap .social-btn:hover::before {
  width: 100%;
  height: 100%;
}
.contact-area-four .contact-wrapper .social-icon-wrap .social-btn:hover a {
  color: var(--gt-black);
}
.contact-area-four .contact-wrapper .contact-cta {
  margin-left: 93px;
}
@media (max-width: 1199px) {
  .contact-area-four .contact-wrapper .contact-cta {
    margin-left: 0;
  }
}
.contact-area-four .contact-wrapper .contact-cta .cta-item {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 25px;
}
.contact-area-four .contact-wrapper .contact-cta .cta-item .icon {
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  border: 1px solid var(--gt-border-7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-area-four .contact-wrapper .contact-cta .cta-item .location {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
}
.contact-area-four .contact-wrapper .contact-cta .cta-item a {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
  display: block;
}
.contact-area-four .contact-wrapper .contact-cta .cta-item a:hover {
  color: var(--gt-theme-3);
}

.contact-form-wrapper.style-2 {
  background: #121212;
}
.contact-form-wrapper.style-2 .form-title {
  color: var(--gt-white);
}
.contact-form-wrapper.style-2 .contact-form .form-control {
  color: var(--gt-white) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: transparent !important;
}
.contact-form-wrapper.style-2 .contact-form .form-control::placeholder {
  color: var(--gt-white) !important;
}
.contact-form-wrapper.style-2 .contact-form select option {
  background: var(--gt-black) !important;
}
.contact-form-wrapper.style-2 .contact-form select.form-control {
  appearance: none !important;
  background: transparent url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C4.90237 8.68342 4.90237 9.31658 5.29289 9.70711L11.2929 15.7071C11.6834 16.0976 12.3166 16.0976 12.7071 15.7071L18.7071 9.70711C19.0976 9.31658 19.0976 8.68342 18.7071 8.29289C18.3166 7.90237 17.6834 7.90237 17.2929 8.29289L12 13.5858L6.70711 8.29289C6.31658 7.90237 5.68342 7.90237 5.29289 8.29289Z' fill='white'/></svg>") no-repeat right 12px center !important;
  background-size: 16px !important;
  padding-right: 40px !important;
}
.contact-form-wrapper .form-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 50px;
  line-height: 50px;
  color: #123;
  margin-bottom: 50px;
  max-width: 617px;
}
@media (max-width: 1199px) {
  .contact-form-wrapper .form-title {
    font-size: 45px;
    line-height: 45px;
  }
}
@media (max-width: 991px) {
  .contact-form-wrapper .form-title {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 500px) {
  .contact-form-wrapper .form-title {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 470px) {
  .contact-form-wrapper .form-title {
    font-size: 26px;
    line-height: 30px;
  }
}
.contact-form-wrapper .address-meta {
  background: var(--gt-theme);
  padding: 40px;
  border-radius: 10px;
  margin-right: 30px;
}
@media (max-width: 1199px) {
  .contact-form-wrapper .address-meta {
    margin-right: 0;
  }
}
.contact-form-wrapper .address-meta .address-meta-items {
  margin-bottom: 45px;
}
.contact-form-wrapper .address-meta .address-meta-items:last-child {
  margin-bottom: 0;
}
.contact-form-wrapper .address-meta .address-meta-items .address-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #121212;
}
.contact-form-wrapper .address-meta .address-meta-items span {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: #6d6d6d;
}

.contact-page-wrapper {
  padding-top: 200px;
  padding-bottom: 150px;
}
.contact-page-wrapper .content .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 60px;
  line-height: 70px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #121212;
  margin-bottom: 35px;
  max-width: 600px;
}
@media (max-width: 1399px) {
  .contact-page-wrapper .content .title {
    font-size: 55px;
    line-height: 60px;
  }
}
@media (max-width: 1399px) {
  .contact-page-wrapper .content .title {
    font-size: 45px;
    line-height: 50px;
  }
}
.contact-page-wrapper .content .text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #555555;
  margin-bottom: 40px;
}
.contact-page-wrapper .contact-info {
  display: flex;
  /*align-items: center;*/
  flex-wrap: wrap;
  gap: 20px;
}
.contact-page-wrapper .contact-info .info-items {
  width: 45%;
}
@media (max-width: 1399px) {
  .contact-page-wrapper .contact-info .info-items {
    width: 45%;
  }
}
@media (max-width: 470px) {
  .contact-page-wrapper .contact-info .info-items {
    width: 100%;
  }
}
.contact-page-wrapper .contact-info .info-items .info-title {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
  margin-bottom: 23px;
}
.contact-page-wrapper .contact-info .info-items .info-title a,
.contact-page-wrapper .contact-info .info-items .info-title p {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #555555;
  display: flex;
  gap: 10px;
}
.contact-page-wrapper .contact-info .info-items .info-title a svg,
.contact-page-wrapper .contact-info .info-items .info-title p svg {
  max-width: 16px;
  max-height: 16px;
}

.solutions-area-one .solutions-wrapper {
  position: relative;
  background: var(--gt-white);
  z-index: 9;
}
.solutions-area-one .solutions-wrapper .section-title-two {
  margin-bottom: 75px;
}
@media (max-width: 767px) {
  .solutions-area-one .solutions-wrapper .section-title-two {
    margin-bottom: 40px;
  }
}
.solutions-area-one .solutions-wrapper .section-title-two .title-left-content {
  width: 33%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-height: 100%;
}
.solutions-area-one .solutions-wrapper .section-title-two .title-left-content .text {
  max-width: 451px;
}
@media (max-width: 991px) {
  .solutions-area-one .solutions-wrapper .section-title-two .title-left-content .text {
    display: none;
  }
}
@media (max-width: 767px) {
  .solutions-area-one .solutions-wrapper .section-title-two .title-right-content .title {
    font-size: 45px;
    line-height: 55px;
  }
}
.solutions-area-one .solutions-wrapper .section-title-two .title-right-content .title {
  max-width: 857px;
}
.solutions-area-one .solutions-wrapper .solutions-content .thumb {
  display: flex;
  align-items: end;
  gap: 133px;
  margin-top: -200px;
  margin-bottom: 57px;
}
.solutions-area-one .solutions-wrapper .solutions-content .text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.01em;
  text-align: left;
  text-transform: capitalize;
  color: #555555;
  max-width: 450px;
  margin-bottom: 50px;
}
.solutions-area-one .solutions-wrapper .solutions-content .left-bottom-content .award-info .info-items {
  display: flex;
  align-items: center;
  gap: 85px;
}
.solutions-area-one .solutions-wrapper .solutions-content .left-bottom-content .award-info .info-items span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #555555;
  width: 40px;
}
.solutions-area-one .solutions-wrapper .solutions-content .left-bottom-content .award-info .info-items .info-content {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.01em;
  text-align: left;
  text-transform: capitalize;
  color: #555555;
  padding-top: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  width: 100%;
}
.solutions-area-one .solutions-wrapper .solutions-content .main-thumb {
  margin-left: 45px;
}
@media (max-width: 991px) {
  .solutions-area-one .solutions-wrapper .solutions-content .main-thumb {
    margin-left: 0;
  }
}

.solutions-wrapper1 .solutions-content .thumb {
  display: flex;
  align-items: end;
  gap: 140px;
  margin-bottom: 50px;
  margin-left: -20px;
  margin-top: 55px;
}
@media (max-width: 1399px) {
  .solutions-wrapper1 .solutions-content .thumb {
    gap: 50px;
  }
}
@media (max-width: 1199px) {
  .solutions-wrapper1 .solutions-content .thumb {
    gap: 30px;
    flex-wrap: wrap;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .solutions-wrapper1 .solutions-content .thumb {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.solutions-wrapper1 .solutions-content .thumb .thumb1 {
  width: 100%;
  max-width: 312px;
}
.solutions-wrapper1 .solutions-content .text {
  max-width: 430px;
  color: #555555;
  font-weight: 400;
  margin-bottom: 50px;
}
.solutions-wrapper1 .solutions-content .left-bottom-content .award-content {
  max-width: 570px;
}
.solutions-wrapper1 .solutions-content .left-bottom-content .award-content ul {
  border-top: 1px solid rgba(18, 18, 18, 0.2);
  padding-top: 30px;
}
.solutions-wrapper1 .solutions-content .left-bottom-content .award-content ul li {
  display: flex;
  align-items: center;
  gap: 80px;
}
.solutions-wrapper1 .solutions-content .left-bottom-content .award-content .award-list-items {
  display: flex;
  align-items: center;
  gap: 85px;
}
@media (max-width: 1199px) {
  .solutions-wrapper1 .solutions-content .left-bottom-content .award-content .award-list-items {
    gap: 40px;
  }
}
.solutions-wrapper1 .solutions-content .left-bottom-content .award-content .award-list-items.bb-bottom span {
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
}
.solutions-wrapper1 .solutions-content .left-bottom-content .award-content .award-list-items span {
  width: 100%;
  display: inline-block;
  border-top: 1px solid rgba(18, 18, 18, 0.2);
  padding: 33px 0;
}
.solutions-wrapper1 .award-right1 .section-title {
  margin-left: -30%;
  width: 860px;
  margin-bottom: 70px;
}
@media (max-width: 1399px) {
  .solutions-wrapper1 .award-right1 .section-title {
    width: initial;
  }
}
@media (max-width: 991px) {
  .solutions-wrapper1 .award-right1 .section-title {
    margin-left: 0;
  }
}
@media (max-width: 1399px) {
  .solutions-wrapper1 .award-right1 .section-title .title {
    font-size: 64px;
  }
}
@media (max-width: 1199px) {
  .solutions-wrapper1 .award-right1 .section-title .title {
    font-size: 55px;
    line-height: 130%;
  }
}
@media (max-width: 767px) {
  .solutions-wrapper1 .award-right1 .section-title .title {
    font-size: 42px;
    line-height: 130%;
  }
}
.solutions-wrapper1 .award-right1 .main-thumb img {
  width: 100%;
  height: 100%;
}

.blog-page-area21 {
  padding-bottom: 150px;
}
@media (max-width: 1199px) {
  .blog-page-area21 {
    padding-bottom: 50px;
  }
}

.cta-area-three .cta-wrapper.faq-cta {
  margin-top: -230px;
}
@media (max-width: 767px) {
  .cta-area-three .cta-wrapper.faq-cta {
    margin-top: 0;
    padding-top: 50px;
  }
}
.cta-area-three .cta-wrapper .cta-content {
  border-radius: 20px;
  background: var(--gt-bg9);
  margin: 0 60px;
  padding: 100px 195px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1899px) {
  .cta-area-three .cta-wrapper .cta-content {
    padding: 50px;
  }
}
@media (max-width: 575px) {
  .cta-area-three .cta-wrapper .cta-content {
    padding: 20px;
    margin: 0;
  }
}
.cta-area-three .cta-wrapper .cta-content .bg-shape {
  position: absolute;
  bottom: 0;
  right: 33%;
  z-index: -1;
}
.cta-area-three .cta-wrapper .cta-content .bg-shape img {
	max-width: 283px;
	max-height: 270px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cta-area-three .cta-wrapper .cta-content .bg-shape {
	right: 20%;
  }
}
.cta-area-three .cta-wrapper .cta-content .cta-content-wrap {
  display: flex;
  align-items: center;
  gap: 220px;
}
@media (max-width: 1399px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap {
    gap: 130px; /*50*/
  }
}
@media (max-width: 1199px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap {
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap {
    flex-direction: column;
    align-items: center;
  }
}
.cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title {
  color: var(--gt-black);
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 85px;
  letter-spacing: -2.4px;
}
@media (max-width: 1600px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title {
    font-size: 50px;
    line-height: 75px;
  }
}
@media (max-width: 767px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title {
    font-size: 40px;
    line-height: 55px;
    letter-spacing: -1.2px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title {
    font-size: 45px;
    line-height: 55px;
  }
}
@media (max-width: 450px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title {
    font-size: 30px;
    line-height: 45px;
  }
}
.cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title span {
  color: var(--gt-text-4);
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 85px;
  letter-spacing: -2.4px;
  position: relative;
}
@media (max-width: 1600px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title span {
    font-size: 50px;
    line-height: 75px;
  }
}
@media (max-width: 767px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title span {
    font-size: 40px;
    line-height: 55px;
  }
}
@media (max-width: 575px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title span {
    font-size: 45px;
    line-height: 55px;
  }
}
@media (max-width: 450px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title span {
    font-size: 30px;
    line-height: 45px;
  }
}
.cta-area-three .cta-wrapper .cta-content .cta-content-wrap .title span img {
  position: absolute;
  top: 0;
  right: 0;
}
.cta-area-three .cta-wrapper .cta-content .cta-content-wrap .content-inner {
  display: flex;
  align-items: center;
  gap: 30px; /* 47 */
}
.cta-area-three .cta-wrapper .cta-content .cta-content-wrap .content-inner .our-clint-2 {
  transform: rotate(15deg);
  margin-top:-100px;
}
@media (min-width: 1400px) {
	.cta-area-three .cta-wrapper .cta-content .cta-content-wrap .content-inner .our-clint-2 {
	  margin-top:-30px;
	}
}
@media (max-width: 1199px) {
  .cta-area-three .cta-wrapper .cta-content .cta-content-wrap .our-clint-2 {
    display: none;
  }
}

.faq-area-four .faq-wrapper {
  background: var(--gt-bg12);
}
@media (max-width: 767px) {
  .faq-area-four .faq-wrapper {
    padding-right: 0;
  }
}
.faq-area-four .faq-wrapper.custom-faq {
  background: var(--gt-text-6);
}
.faq-area-four .faq-wrapper.custom-faq .faq-content {
  margin: 0;
}
.faq-area-four .faq-wrapper.custom-faq .faq-content .faq-main-content {
  margin: 0;
  padding: 60px;
}
@media (max-width: 767px) {
  .faq-area-four .faq-wrapper.custom-faq .faq-content .faq-main-content {
    padding: 20px;
  }
}
.faq-area-four .faq-wrapper .faq-content {
  margin: 0 100px;
}
@media (max-width: 767px) {
  .faq-area-four .faq-wrapper .faq-content {
    margin: 0 20px;
  }
}
@media (max-width: 1199px) {
  .faq-area-four .faq-wrapper .faq-content .row .col-xl-3 {
    display: none;
  }
}
.faq-area-four .faq-wrapper .faq-content .thumb {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.faq-area-four .faq-wrapper .faq-content .thumb.thumb-1 {
  justify-content: end;
  position: relative;
}
.faq-area-four .faq-wrapper .faq-content .thumb.thumb-1 .thumb-shape-1 {
  position: absolute;
  bottom: -60px;
  left: -60px;
}
@media (max-width: 1600px) {
  .faq-area-four .faq-wrapper .faq-content .thumb.thumb-1 .thumb-shape-1 {
    bottom: 0;
    left: 0;
  }
}
.faq-area-four .faq-wrapper .faq-content .thumb.thumb-2 {
  justify-content: start;
  position: relative;
}
@media (max-width: 1199px) {
  .faq-area-four .faq-wrapper .faq-content .thumb.thumb-2 {
    display: none;
  }
}
.faq-area-four .faq-wrapper .faq-content .thumb.thumb-2 .thumb-shape-2 {
  position: absolute;
  top: -60px;
  right: -60px;
}
@media (max-width: 1600px) {
  .faq-area-four .faq-wrapper .faq-content .thumb.thumb-2 .thumb-shape-2 {
    top: 0;
    right: 0;
  }
}
.faq-area-four .faq-wrapper .faq-content .faq-main-content {
  margin: 0 98px;
}
@media (max-width: 1600px) {
  .faq-area-four .faq-wrapper .faq-content .faq-main-content {
    margin: 0;
  }
}

.faq-page-wrapper .section-title .title {
  font-family: "Plus Jakarta Sans";
  font-weight: 500;
  font-size: 40px;
  line-height: 70px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #121212;
}
@media (max-width: 1399px) {
  .faq-page-wrapper .section-title .title {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (max-width: 500px) {
  .faq-page-wrapper .section-title .title {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (max-width: 575px) {
  .faq-page-wrapper .accordion .accordion-item .accordion-header button:after {
    display: block !important;
  }
}
@media (max-width: 1199px) {
  .faq-page-wrapper .row .col-xl-3 {
    display: none;
  }
}

.featured-area-four .featured-wrapper .section-title-four {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .featured-area-four .featured-wrapper .section-title-four {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
}
.featured-area-four .featured-wrapper .section-title-four .section-title-inner .arrow-shape {
  margin-left: 90px;
}
@media (max-width: 500px) {
  .featured-area-four .featured-wrapper .section-title-four .section-title-inner .arrow-shape svg {
    width: 350px;
  }
}
@media (max-width: 450px) {
  .featured-area-four .featured-wrapper .section-title-four .section-title-inner .arrow-shape svg {
    width: 250px;
  }
}
@media (max-width: 1399px) {
  .featured-area-four .featured-wrapper .section-title-four .section-title-inner .arrow-shape {
    margin-left: 0;
  }
}
.featured-area-four .featured-wrapper .section-title-four .section-title-inner .title {
  margin-left: 0px; /*148*/
  color: var(--gt-text-6);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 200px;
  font-style: normal;
  font-weight: 500;
  line-height: 200px;
  letter-spacing: -4px;
}
@media (max-width: 1399px) {
  .featured-area-four .featured-wrapper .section-title-four .section-title-inner .title {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .featured-area-four .featured-wrapper .section-title-four .section-title-inner .title {
    font-size: 140px;
    line-height: 160px;
  }
}
@media (max-width: 450px) {
  .featured-area-four .featured-wrapper .section-title-four .section-title-inner .title {
    font-size: 100px;
    line-height: 120px;
  }
}
.featured-area-four .featured-wrapper .section-title-four .text {
  max-width: 280px;
}
@media (max-width: 991px) {
  .featured-area-four .featured-wrapper .section-title-four .text {
    max-width: 100% !important;
  }
}
.featured-area-four .featured-wrapper .row .col-xl-6:nth-child(1) {
  border-right: 1px solid var(--gt-border-7);
  border-bottom: 1px solid var(--gt-border-7);
  padding-bottom: 75px;
}
@media (max-width: 991px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(1) {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(1) {
    padding-bottom: 20px;
    border: none;
  }
}
.featured-area-four .featured-wrapper .row .col-xl-6:nth-child(2) {
  border-bottom: 1px solid var(--gt-border-7);
  padding-bottom: 75px;
}
@media (max-width: 991px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(2) {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(2) {
    border: none;
    padding-bottom: 20px;
  }
}
.featured-area-four .featured-wrapper .row .col-xl-6:nth-child(2) .featured-card {
  margin-right: 0 !important;
  margin-left: 40px;
}
@media (max-width: 991px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(2) .featured-card {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(2) .featured-card {
    margin-left: 0;
  }
}
.featured-area-four .featured-wrapper .row .col-xl-6:nth-child(3) {
  border-right: 1px solid var(--gt-border-7);
  padding-top: 75px;
}
@media (max-width: 991px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(3) {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(3) {
    border: none;
  }
}
@media (max-width: 767px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(3) {
    padding-bottom: 20px;
    padding-top: 0;
  }
}
.featured-area-four .featured-wrapper .row .col-xl-6:nth-child(4) .featured-card {
  margin-right: 0 !important;
  margin-left: 40px;
  padding-top: 75px;
}
@media (max-width: 991px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(4) .featured-card {
    padding-top: 30px;
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .featured-area-four .featured-wrapper .row .col-xl-6:nth-child(4) .featured-card {
    padding-top: 0;
    margin-left: 0;
  }
}
.featured-area-four .featured-wrapper .featured-card {
  margin-right: 40px;
}
@media (max-width: 991px) {
  .featured-area-four .featured-wrapper .featured-card {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .featured-area-four .featured-wrapper .featured-card {
    margin-right: 0;
  }
}
.featured-area-four .featured-wrapper .featured-card .hover-item {
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .featured-area-four .featured-wrapper .featured-card .hover-item {
    margin-bottom: 16px;
  }
}
.featured-area-four .featured-wrapper .row-gird .featured-card .hover-item {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .featured-area-four .featured-wrapper .row-gird .featured-card .hover-item {
    margin-bottom: 16px;
  }
}

.featured-area-four .featured-wrapper .featured-card .hover-item .thumb {
    display: block;
    position: relative;
    overflow: hidden; 
    /*border: 5px solid var(--gt-theme);*/
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 
        0 15px 35px rgba(0, 0, 0, 0.12), 
        0 5px 15px rgba(0, 0, 0, 0.06);
    box-shadow: 
        0 15px 35px rgba(0, 0, 0, 0.12), 
        0 5px 15px rgba(0, 0, 0, 0.06);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.featured-area-four .featured-wrapper .featured-card .hover-item .thumb img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 100%;
    height: auto;
    /*display: block;*/
}

.featured-area-four .featured-wrapper .featured-card:hover .hover-item .thumb img {
    -webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.featured-area-four .featured-wrapper .featured-card .hover-item .thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    pointer-events: none;
    z-index: 2;
    transition: all 0.4s ease;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0.7) 0%,
            rgba(255,255,255,0.25) 8%,
            rgba(255,255,255,0) 20%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,0.2) 0%,
            rgba(255,255,255,0.05) 30%,
            rgba(255,255,255,0) 40%
        );
    box-shadow:
        inset 0 0 0 0px rgba(232, 193, 87, 1),
        inset 0 3px 5px rgba(255, 255, 255, 0.7),
        inset 0 -4px 8px rgba(0, 0, 0, 0.35),
        0 10px 20px rgba(0, 0, 0, 0.3);
}
.featured-area-four .featured-wrapper .featured-card:hover .hover-item .thumb::after {
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0.8) 0%,
            rgba(255,255,255,0.25) 8%,
            rgba(255,255,255,0) 20%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,0.4) 0%,
            rgba(255,255,255,0.05) 30%,
            rgba(255,255,255,0) 40%
        );
    box-shadow:
        inset 0 0 0 1px rgba(200, 200, 200, 0.2),
        inset 0 3px 5px rgba(255, 255, 255, 0.9),
        inset 0 -6px 12px rgba(0, 0, 0, 0.45),
        0 10px 20px rgba(0, 0, 0, 0.4);
}


.product-effect-thumb {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 
        0 15px 35px rgba(0, 0, 0, 0.12), 
        0 5px 15px rgba(0, 0, 0, 0.06);
    box-shadow: 
        0 15px 35px rgba(0, 0, 0, 0.12), 
        0 5px 15px rgba(0, 0, 0, 0.06);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.product-effect-thumb img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 100%;
    height: auto;
    display: block;
}

.product-effect-thumb:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.product-effect-thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    pointer-events: none;
    z-index: 2;
    transition: all 0.4s ease;
    background:
        linear-gradient(120deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.25) 8%, rgba(255,255,255,0) 20%),
        linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.05) 30%, rgba(255,255,255,0) 40%);
    box-shadow:
        inset 0 0 0 0px rgba(232, 193, 87, 1),
        inset 0 3px 5px rgba(255, 255, 255, 0.7),
        inset 0 -4px 8px rgba(0, 0, 0, 0.35),
        0 10px 20px rgba(0, 0, 0, 0.3);
}

.product-effect-thumb:hover::after {
    background:
        linear-gradient(120deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.25) 8%, rgba(255,255,255,0) 20%),
        linear-gradient(135deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.05) 30%, rgba(255,255,255,0) 40%);
    box-shadow:
        inset 0 0 0 1px rgba(200, 200, 200, 0.2),
        inset 0 3px 5px rgba(255, 255, 255, 0.9),
        inset 0 -6px 12px rgba(0, 0, 0, 0.45),
        0 10px 20px rgba(0, 0, 0, 0.4);
}

.featured-area-four .featured-wrapper .featured-card .card-content {
  position: relative;
  z-index: 99;
}
.featured-area-four .featured-wrapper .featured-card .card-content .card-title {
  color: var(--gt-text-6);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 5px;
}
@media (min-width: 1401px) {
 .featured-area-four .featured-wrapper .featured-card .card-content .card-title {
   font-size: 22px;
 }
}
.featured-area-four .featured-wrapper .featured-card .card-content .card-title a {
  /*background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;*/
}
.featured-area-four .featured-wrapper .featured-card .card-content .card-title a:hover {
  /*background-size: 100% 2px;
  background-image: linear-gradient(180deg, #000 0%, #000 100%);*/
}
@media (max-width: 991px) {
  .featured-area-four .featured-wrapper .featured-card .card-content .card-title {
    font-size: 20px;
  }
}
.featured-area-four .featured-wrapper .featured-card .card-content .text {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  text-transform: capitalize;
}

.featured-area-four .featured-wrapper .row-gird {
  display: grid;
  gap: 60px 40px;
}
.featured-area-four .featured-wrapper .row-gird .featured-card {
  margin-right: 0;
}

.featured-area-four .featured-wrapper .row-gird.cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.row-gird.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.row-gird.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.row-gird > [class*="col-"] {
  width: auto;
  padding: 0;
}

.row-gird .featured-card {
  margin: 0;
}

@media (max-width: 991px) {
  .row-gird {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .row-gird {
    grid-template-columns: 1fr !important;
  }
}

.we-do-section .section-title .title {
  font-size: 50px;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 140%;
  text-transform: initial;
}
@media (max-width: 991px) {
  .we-do-section .section-title .title {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .we-do-section .section-title .title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .we-do-section .section-title .title {
    font-size: 38px;
  }
}
@media (max-width: 470px) {
  .we-do-section .section-title .title {
    font-size: 32px;
  }
}
.we-do-section .we-do-line {
  border-top: 1px solid rgba(18, 18, 18, 0.2);
  padding-bottom: 30px;
  position: relative;
}
@media (max-width: 1199px) {
  .we-do-section .we-do-line {
    display: none;
  }
}
.we-do-section .we-do-line .dot-1 {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background-color: #000;
  position: absolute;
  left: 33%;
  top: -5px;
}
.we-do-section .we-do-line .dot-2 {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background-color: #000;
  position: absolute;
  left: 67%;
  top: -5px;
}
.we-do-section .we-do-line.style2 .dot-1 {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background-color: #000;
  position: absolute;
  left: 50%;
  top: -5px;
}
.we-do-section .we-do-item {
  max-width: 360px;
}
.we-do-section .we-do-item h3 {
  font-size: 26px;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: initial;
}
.we-do-section .we-do-item p {
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
}

.work-process-box-style-4 {
  margin-top: 40px;
  background-color: #FBF9EF;
  padding: 36px 30px;
  position: relative;
  z-index: 9;
}
.work-process-box-style-4 .content {
  position: relative;
  z-index: 99;
}
.work-process-box-style-4 .content span {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 50%;
  text-align: center;
  color: var(--gt-white);
  font-family: "Inter", sans-serif;
  font-size: 20px;
  background-color: var(--gt-black);
  font-weight: 600;
  margin-bottom: 28px;
  transition: all 0.4s ease-in-out;
}
.work-process-box-style-4 .content h3 {
  font-size: 32px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: var(--gt-black);
  letter-spacing: -1px;
}
@media (max-width: 991px) {
  .work-process-box-style-4 .content h3 {
    font-size: 24px;
  }
}
.work-process-box-style-4 .content p {
  font-size: 18px;
  color: var(--gt-white);
  margin-top: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.work-process-box-style-4 .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  width: 100%;
  height: 100%;
  transform-origin: left top;
  transition: all 0.5s 0s ease-out;
  bottom: 0;
}
.work-process-box-style-4 .bg-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.4;
  background: var(--gt-black);
  z-index: 9;
}
.work-process-box-style-4 .bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work-process-box-style-4 .work-btn {
  display: inline-block;
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-top: 175px;
  font-size: 16px;
  position: relative;
  z-index: 99;
}
.work-process-box-style-4 .work-btn i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--gt-black);
  color: var(--gt-white);
  margin-left: 10px;
  transition: all 0.4s ease-in-out;
}
.work-process-box-style-4 .work-btn:hover i {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.work-process-box-style-4.active .content span {
  color: var(--gt-black);
  background-color: var(--gt-theme);
}
.work-process-box-style-4.active .content h3 {
  color: var(--gt-white);
}
.work-process-box-style-4.active .content p {
  opacity: 1;
  visibility: visible;
}
.work-process-box-style-4.active .work-btn {
  color: var(--gt-white) !important;
}
.work-process-box-style-4.active .work-btn i {
  background-color: var(--gt-theme) !important;
  color: var(--gt-black) !important;
}
.work-process-box-style-4.active .bg-image {
  transform: scale(1);
}

.project-style-image-44 {
  overflow: hidden;
  position: relative;
  z-index: 9;
  height: 626px;
}
.project-style-image-44 img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  object-fit: cover;
}
.project-style-image-44 img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.project-style-image-44 .content {
  background-color: var(--gt-white);
  padding: 30px;
  padding-right: 45px;
  position: absolute;
  left: 30px;
  bottom: 30px;
  right: 30px;
  width: fit-content;
  clip-path: inset(100% 0 0 0);
  transition: clip-path 0.5s ease;
  z-index: 10;
}
.project-style-image-44 .content h3 {
  font-size: 32px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
@media (max-width: 575px) {
  .project-style-image-44 .content h3 {
    font-size: 24px;
  }
}
.project-style-image-44 .content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
  color: var(--gt-black);
}
.project-style-image-44 .content h3 a:hover {
  color: var(--gt-black);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--gt-black) 0%, var(--gt-black) 100%);
}
.project-style-image-44 .content ul {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
}
.project-style-image-44 .content ul li a {
  display: inline-block;
  border-radius: 18px;
  border: 1px solid #EBE8E6;
  background: #FAF8EF;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  padding: 6px 10px;
}
.project-style-image-44 .content ul li a:hover {
  background-color: var(--gt-theme);
  color: var(--gt-black);
}
.project-style-image-44:hover img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.project-style-image-44:hover img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.project-style-image-44:hover .content {
  clip-path: inset(0 0 0 0);
}

.project-section-5 {
  margin: 0 30px;
}
.project-section-5 .section-title-area {
  margin-bottom: -60px;
  position: relative;
  z-index: 99;
}
@media (max-width: 1199px) {
  .project-section-5 .section-title-area {
    margin-bottom: 35px;
    gap: 0;
  }
  .project-section-5 .section-title-area br {
    display: none;
  }
}
.project-section-5 .section-title-area .section-title h2 {
  font-size: 122.704px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -3.408px;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
}
@media (max-width: 1199px) {
  .project-section-5 .section-title-area .section-title h2 {
    letter-spacing: initial;
  }
}
@media (max-width: 1199px) {
  .project-section-5 .section-title-area .section-title h2 {
    font-size: 80px;
  }
}
@media (max-width: 575px) {
  .project-section-5 .section-title-area .section-title h2 {
    font-size: 58px;
  }
}

.footer-area-one {
  background: var(--gt-white);
  position: relative;
  z-index: 5;
}
@media (max-width: 991px) {
  .footer-area-one .footer-wrapper .row .col-xl-3 {
    width: 50%;
  }
}
@media (max-width: 450px) {
  .footer-area-one .footer-wrapper .row .col-xl-3 {
    width: 100%;
  }
}
.footer-area-one .footer-wrapper .footer-top-part {
  margin-bottom: 60px;
  border-bottom: 1px solid var(--gt-border-1);
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .footer-area-one .footer-wrapper .footer-top-part {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
.footer-area-one .footer-wrapper .footer-top-left-content .footer-logo {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .footer-area-one .footer-wrapper .footer-top-left-content .footer-logo {
    margin-bottom: 30px;
  }
  .footer-area-one .footer-wrapper .footer-top-left-content .footer-logo img {
    width: 180px;
  }
}
.footer-area-one .footer-wrapper .footer-top-left-content .contact-info .phone-number {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}
.footer-area-one .footer-wrapper .footer-top-left-content .contact-info .email {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.footer-area-one .footer-wrapper .footer-top-right-content {
  margin-left: 40px;
}
@media (max-width: 767px) {
  .footer-area-one .footer-wrapper .footer-top-right-content {
    margin-left: 0;
  }
}
.footer-area-one .footer-wrapper .footer-top-right-content .form-group {
  position: relative;
}
.footer-area-one .footer-wrapper .footer-top-right-content .form-group .icon {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.footer-area-one .footer-wrapper .footer-top-right-content .form-control {
  color: var(--gt-text-1);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  text-transform: capitalize;
  height: 100px;
  background: var(--gt-bg5);
  border-radius: 100px;
  padding: 43px 60px 43px 59px;
  border: 1px solid transparent !important;
  margin-bottom: 20px;
}
.footer-area-one .footer-wrapper .footer-top-right-content .form-control::placeholder {
  color: var(--gt-text-1);
}
.footer-area-one .footer-wrapper .footer-top-right-content .form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid var(--gt-theme) !important;
}
@media (max-width: 991px) {
  .footer-area-one .footer-wrapper .footer-top-right-content .form-control {
    padding: 16px 60px 16px 30px;
    height: 60px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .footer-area-one .footer-wrapper .footer-top-right-content .form-control {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.footer-area-one .footer-wrapper .footer-top-right-content .content {
  margin-left: 60px;
}
@media (max-width: 767px) {
  .footer-area-one .footer-wrapper .footer-top-right-content .content {
    margin-left: 0;
    text-align: center;
  }
}
.footer-area-one .footer-wrapper .footer-top-right-content .content .text {
  color: var(--gt-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
}
.footer-area-one .footer-wrapper .footer-top-right-content .content .text a {
  color: var(--gt-black);
  display: inline-block;
  margin-left: 2px;
}
.footer-area-one .footer-wrapper .footer-main-part {
  padding-bottom: 60px;
  border-bottom: 1px solid var(--gt-border-1);
}
@media (max-width: 767px) {
  .footer-area-one .footer-wrapper .footer-main-part {
    padding-bottom: 30px;
  }
}
.footer-area-one .footer-wrapper .footer-main-part .footer-menu .menu-title {
  color: var(--gt-black);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.footer-area-one .footer-wrapper .footer-main-part .footer-menu ul li a {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  text-transform: capitalize;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.footer-area-one .footer-wrapper .footer-main-part .footer-menu ul li a:hover {
  color: var(--gt-theme);
}
.footer-area-one .footer-wrapper .footer-bottom {
  padding: 28px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 500px) {
  .footer-area-one .footer-wrapper .footer-bottom {
    padding: 20px 0;
  }
}
.footer-area-one .footer-wrapper .footer-bottom p {
  color: var(--gt-text-2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  text-transform: capitalize;
}
.footer-area-one .footer-wrapper .footer-bottom p a {
  color: var(--gt-text-2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  text-transform: capitalize;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.footer-area-one .footer-wrapper .footer-bottom p a:hover {
  color: var(--gt-theme);
}

.footer-area-two .footer-wrapper {
  background: var(--gt-bg10);
}
.footer-area-two .footer-wrapper .footer-main-part {
  margin-bottom: 60px;
}
.footer-area-two .footer-wrapper .owner-info {
  background: var(--gt-text-3);
  padding: 30px;
  margin-right: 20px;
}
.footer-area-two .footer-wrapper .owner-info .owner-data {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--gt-border-1);
}
.footer-area-two .footer-wrapper .owner-info .owner-data .content .name {
  color: var(--gt-white);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.footer-area-two .footer-wrapper .owner-info .owner-data .content .title {
  color: var(--gt-text-2);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-transform: capitalize;
}
.footer-area-two .footer-wrapper .owner-info .text {
  color: var(--gt-text-4);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-transform: capitalize;
  max-width: 369px;
}
.footer-area-two .footer-wrapper .title {
  color: var(--gt-white);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  text-transform: capitalize;
}
@media (max-width: 1399px) {
  .footer-area-two .footer-wrapper .title.ml-60 {
    margin-left: 0;
  }
}
@media (max-width: 1399px) {
  .footer-area-two .footer-wrapper .title.ml-20 {
    margin-left: 0;
  }
}
@media (max-width: 1399px) {
  .footer-area-two .footer-wrapper .content.ml-60 {
    margin-left: 0;
  }
}
@media (max-width: 1399px) {
  .footer-area-two .footer-wrapper .content.ml-20 {
    margin-left: 0;
  }
}
.footer-area-two .footer-wrapper .content ul li a {
  color: var(--gt-text-4);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  text-transform: capitalize;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.footer-area-two .footer-wrapper .content ul li a:hover {
  color: var(--gt-theme-2);
}
.footer-area-two .footer-wrapper .footer-contact-cta .cta-item {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 25px;
}
.footer-area-two .footer-wrapper .footer-contact-cta .cta-item .icon {
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  border: 1px solid var(--gt-border-3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-area-two .footer-wrapper .footer-contact-cta .cta-item .location {
  color: var(--gt-text-4);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
}
.footer-area-two .footer-wrapper .footer-contact-cta .cta-item a {
  color: var(--gt-text-4);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  display: block;
}
.footer-area-two .footer-wrapper .footer-contact-cta .cta-item a:hover {
  color: var(--gt-theme-2);
}
.footer-area-two .footer-wrapper .footer-social-link .social-btn {
  position: relative;
  z-index: 1;
  background: var(--gt-text-3);
  padding: 25px;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  transform-origin: left;
}
.footer-area-two .footer-wrapper .footer-social-link .social-btn a {
  color: var(--gt-text-4);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.2px;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 5;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.footer-area-two .footer-wrapper .footer-social-link .social-btn::before {
  content: "";
  width: 3px;
  height: 100%;
  background: var(--gt-theme-2);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.footer-area-two .footer-wrapper .footer-social-link .social-btn:hover::before {
  width: 100%;
  height: 100%;
}
.footer-area-two .footer-wrapper .footer-social-link .social-btn:hover a {
  color: var(--gt-black);
}
.footer-area-two .footer-wrapper .footer-bottom {
  text-align: center;
  padding: 40px 0;
}
.footer-area-two .footer-wrapper .footer-bottom span {
  color: var(--gt-text-4);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 3.2px;
  text-transform: capitalize;
}
.footer-area-two .footer-wrapper .footer-bottom span a {
  color: var(--gt-text-4);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 3.2px;
  text-transform: capitalize;
}
.footer-area-two .footer-wrapper .footer-bottom span a:hover {
  color: var(--gt-theme-2);
}

.footer-area-three .footer-wrapper {
  border-top: 1px solid var(--gt-border-1);
}
.footer-area-three .footer-wrapper .left-content {
  display: flex;
  align-items: center;
  padding-top: 75px;
}
@media (max-width: 767px) {
  .footer-area-three .footer-wrapper .left-content {
    flex-wrap: wrap;
  }
}
.footer-area-three .footer-wrapper .left-content .footer-items {
  width: 50%;
}
@media (max-width: 450px) {
  .footer-area-three .footer-wrapper .left-content .footer-items {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .footer-area-three .footer-wrapper .left-content .footer-items {
    margin-bottom: 30px;
  }
  .footer-area-three .footer-wrapper .left-content .footer-items:last-child {
    width: 100%;
  }
}
.footer-area-three .footer-wrapper .footer-items.border-content {
  border-left: 1px solid var(--gt-border-1);
  padding-left: 75px;
  margin-left: 15px;
  padding-bottom: 55px;
}
@media (max-width: 1199px) {
  .footer-area-three .footer-wrapper .footer-items.border-content {
    border: none;
    padding-left: 0;
    margin-left: 0;
  }
}
.footer-area-three .footer-wrapper .footer-items .title {
  color: var(--gt-text-1);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 25px;
}
.footer-area-three .footer-wrapper .footer-items .footer-menu li a {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  text-transform: capitalize;
  margin-right: 10px;
}
.footer-area-three .footer-wrapper .footer-items .footer-menu li span {
  border-radius: 100px;
  background: var(--gt-theme-2);
  padding: 4px 5px;
  color: var(--gt-black);
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  text-transform: capitalize;
}
.footer-area-three .footer-wrapper .footer-items .company-info {
  border-radius: 10px;
  border: 1px solid var(--gt-bg);
  background: var(--gt-bg9);
  padding: 30px 30px 33px 30px;
}
.footer-area-three .footer-wrapper .footer-items .company-info .title {
  color: var(--gt-black);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize;
  font-family: "Inter", sans-serif;
  margin-bottom: 0;
}
.footer-area-three .footer-wrapper .footer-items .company-info .title span {
  color: var(--gt-text-2);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  text-transform: capitalize;
}
.footer-area-three .footer-wrapper .footer-items .company-info .text {
  color: var(--gt-bg10);
  letter-spacing: 3.2px;
  text-transform: capitalize;
  margin-bottom: 30px;
  display: inline-block;
}
.footer-area-three .footer-wrapper .footer-items .company-info .location {
  color: var(--gt-black);
  letter-spacing: 3.2px;
  text-transform: capitalize;
  display: flex;
  gap: 10px;
}
.footer-area-three .footer-wrapper .footer-items .company-info .location span {
  width: 18px;
  height: 18px;
  aspect-ratio: 1/1;
}
.footer-area-three .footer-wrapper .footer-items .contact-info {
  padding-bottom: 26px;
}
.footer-area-three .footer-wrapper .footer-items .contact-info .maill {
  color: var(--gt-black);
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  margin-bottom: 40px;
  display: inline-block;
}
@media (max-width: 450px) {
  .footer-area-three .footer-wrapper .footer-items .contact-info .maill {
    font-size: 35px;
  }
}
.footer-area-three .footer-wrapper .footer-items .contact-info .company-copy-right {
  display: flex;
  align-items: center;
  gap: 50px;
}
.footer-area-three .footer-wrapper .footer-items .contact-info .company-copy-right span {
  color: var(--gt-text-2);
  letter-spacing: -0.16px;
  text-transform: capitalize;
}
.footer-area-three .footer-wrapper .footer-items .contact-info .company-copy-right span a {
  color: var(--gt-text-2);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
}
.footer-area-three .footer-wrapper .footer-items .contact-info .company-copy-right .policy {
  color: var(--gt-black);
  letter-spacing: -0.16px;
  text-transform: capitalize;
}
.footer-area-three .footer-wrapper .footer-bottom {
  background: var(--gt-theme-2);
  padding: 35px 0;
}
.footer-area-three .footer-wrapper .footer-bottom .footer-bottom-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-area-three .footer-wrapper .footer-bottom .footer-bottom-content .footer-bottom-right {
  display: flex;
  align-items: center;
  gap: 100px;
}
.footer-area-three .footer-wrapper .footer-bottom .footer-bottom-content .footer-bottom-right .title {
  color: var(--gt-black);
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.36px;
}
@media (max-width: 991px) {
  .footer-area-three .footer-wrapper .footer-bottom .footer-bottom-content .footer-bottom-right .title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .footer-area-three .footer-wrapper .footer-bottom .footer-bottom-content .footer-bottom-right .title {
    display: none;
  }
}

.footer-area-four {
  background: var(--gt-text-6);
  position: relative;
  z-index: 5;
}
.footer-area-four .footer-wrapper {
  position: relative;
  z-index: 1;
}
.footer-area-four .footer-wrapper .footer-shape-1 {
  position: absolute;
  top: -23px;
  left: 0;
  z-index: -1;
}
.footer-area-four .footer-wrapper .footer-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.footer-area-four .footer-wrapper .footer-border {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
.footer-area-four .footer-wrapper .footer-main-part {
  padding-bottom: 60px;
}
.footer-area-four .footer-wrapper .footer-main-part .footer-menu .menu-title {
  color: var(--gt-white);
  font-family: "Kanit", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.footer-area-four .footer-wrapper .footer-main-part .footer-menu ul li a {
  color: var(--gt-text-4);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  text-transform: capitalize;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.footer-area-four .footer-wrapper .footer-main-part .footer-menu ul li a:hover {
  color: var(--gt-theme-3);
}
.footer-area-four .footer-wrapper .footer-main-part .footer-menu .text {
  color: var(--gt-text-4);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-transform: capitalize;
  margin-bottom: 35px;
}
.footer-area-four .footer-wrapper .footer-main-part .footer-menu .footer-top-right-content .form-group {
  position: relative;
}
.footer-area-four .footer-wrapper .footer-main-part .footer-menu .footer-top-right-content .form-group .icon {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.footer-area-four .footer-wrapper .footer-main-part .footer-menu .footer-top-right-content .form-control {
  color: var(--gt-text-4);
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  text-transform: capitalize;
  height: 54px;
  padding: 18px 20px 18px 25px;
  border-radius: 4px;
  border: 1px solid var(--gt-border-3);
  background: var(--gt-text-6);
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .footer-area-four .footer-wrapper .footer-main-part .footer-menu .footer-top-right-content .form-control {
    margin-bottom: 20px;
  }
}
.footer-area-four .footer-wrapper .footer-main-part .footer-menu .footer-top-right-content .form-control::placeholder {
  color: var(--gt-text-1);
}
.footer-area-four .footer-wrapper .footer-main-part .footer-menu .footer-top-right-content .form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid var(--gt-theme) !important;
}
.footer-area-four .footer-wrapper .logo {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .footer-area-four .footer-wrapper .logo img {
    width: 190px;
  }
}
.footer-area-four .footer-wrapper .cta-item {
  display: flex;
  align-items: center;
  gap: 35px;
  margin-bottom: 25px;
  margin-top: 15px;
}
.footer-area-four .footer-wrapper .cta-item .icon {
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  border: 1px solid var(--gt-border-7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-area-four .footer-wrapper .cta-item .location {
  color: var(--gt-text-4);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
}
.footer-area-four .footer-wrapper .cta-item a {
  color: var(--gt-text-4);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  display: block;
}
.footer-area-four .footer-wrapper .cta-item a:hover {
  color: var(--gt-theme);
}
.footer-area-four .footer-wrapper .footer-center .bottom-title {
  color: var(--gt-white);
  font-family: "Kanit", sans-serif;
  font-size: 130px;
  font-style: normal;
  font-weight: 600;
  line-height: 130px;
  letter-spacing: -6.5px;
}
@media (max-width: 1399px) {
  .footer-area-four .footer-wrapper .footer-center .bottom-title {
    font-size: 90px;
    line-height: 110px;
  }
}
@media (max-width: 1199px) {
  .footer-area-four .footer-wrapper .footer-center .bottom-title {
    font-size: 80px;
    line-height: 100px;
  }
}
@media (max-width: 991px) {
  .footer-area-four .footer-wrapper .footer-center .bottom-title {
    font-size: 90px;
    line-height: 110px;
    letter-spacing: 0.2px;
  }
}
@media (max-width: 991px) {
  .footer-area-four .footer-wrapper .footer-center .bottom-title {
    font-size: 45px;
    line-height: 60px;
  }
}
@media (max-width: 1199px) {
  .footer-area-four .footer-wrapper .footer-center .bottom-title svg {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .footer-area-four .footer-wrapper .footer-center .bottom-title svg {
    width: 300px;
  }
}
.footer-area-four .footer-wrapper .footer-center .bottom-title span {
  font-weight: 400;
  color: var(--gt-text-4);
}
@media (max-width: 575px) {
  .footer-area-four .footer-wrapper .footer-center .bottom-title .move-shape-4 {
    width: 250px;
  }
}
@media (max-width: 470px) {
  .footer-area-four .footer-wrapper .footer-center .bottom-title .move-shape-4 {
    width: 200px;
  }
}
@media (max-width: 350px) {
  .footer-area-four .footer-wrapper .footer-center .bottom-title .move-shape-4 {
    width: 140px;
  }
}
@media (max-width: 450px) {
  .footer-area-four .footer-wrapper .footer-center .bottom-title .move-shape-4 {
    width: 100px;
  }
}
.footer-area-four .footer-wrapper .footer-center .footer-page-content .logo {
  margin-bottom: 40px;
}
.footer-area-four .footer-wrapper .footer-center .footer-page-content .social-link {
  margin-bottom: 35px;
}
.footer-area-four .footer-wrapper .footer-center .footer-page-content .social-link ul {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 350px) {
  .footer-area-four .footer-wrapper .footer-center .footer-page-content .social-link ul {
    gap: 10px;
  }
}
.footer-area-four .footer-wrapper .footer-center .footer-page-content .social-link ul li a {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 175%;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: var(--gt-text-4);
}
.footer-area-four .footer-wrapper .footer-center .footer-page-content p {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5em;
  text-transform: capitalize;
  color: var(--gt-text-4);
}
@media (max-width: 350px) {
  .footer-area-four .footer-wrapper .footer-center .footer-page-content p {
    font-size: 10px;
  }
}
.footer-area-four .footer-wrapper .footer-center .footer-page-content p a {
  color: var(--gt-text-4);
}
@media (max-width: 991px) {
  .footer-area-four .footer-wrapper .footer-center .move-btn {
    text-align: center !important;
  }
}
.footer-area-four .footer-wrapper .footer-bottom {
  text-align: center;
  padding: 45px 0;
}
.footer-area-four .footer-wrapper .footer-bottom span {
  color: var(--gt-text-4);
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 3.5px;
  text-transform: uppercase;
}
.footer-area-four .footer-wrapper .footer-bottom span a {
  color: var(--gt-text-4);
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 3.5px;
  text-transform: uppercase;
}

.marquee-section11 {
  background-color: #121212;
  padding: 60px 0;
}
.marquee-section11 .marquee-wrapper {
  display: flex;
  width: fit-content;
  animation: scroll-left 25s linear infinite;
}
.marquee-section11 .marquee-content {
  display: flex;
}
.marquee-section11 .marquee-text {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0 15px;
  white-space: nowrap;
}
.marquee-section11 .marquee-text h3 {
  color: #fff;
  font-size: 90px;
  font-weight: 400;
  text-transform: uppercase;
}

.footer-bottom12 {
  text-align: center;
  background-color: #121212;
}
.footer-bottom12 p {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--gt-white);
  padding: 40px 0;
}
.footer-bottom12 p a {
  color: var(--gt-white);
}

.footer-section6 {
  background-color: #1C1D20;
}

.footer-widget-wrapper6 {
  padding: 70px 0 100px;
}
@media (max-width: 991px) {
  .footer-widget-wrapper6 {
    padding: 50px 0 80px;
  }
}
.footer-widget-wrapper6.style-2 {
  padding: 0px 0 30px;
}
.footer-widget-wrapper6 .footer-right-margin {
  margin-left: 120px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .footer-widget-wrapper6 .footer-right-margin {
    margin-left: 50px;
  }
}
@media (max-width: 991px) {
  .footer-widget-wrapper6 .footer-right-margin {
    margin-left: 0;
  }
}
.footer-widget-wrapper6 .single-footer-widget {
  margin-top: 30px;
}
.footer-widget-wrapper6 .single-footer-widget .widget-head {
  margin-bottom: 20px;
}
.footer-widget-wrapper6 .single-footer-widget .widget-head h4 {
  color: var(--gt-white) !important;
}
.footer-widget-wrapper6 .single-footer-widget .content a,
.footer-widget-wrapper6 .single-footer-widget .content p {
  color: #bbbbbc;
}
.footer-widget-wrapper6 .single-footer-widget .list-items li {
  color: #bbbbbc;
  transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper6 .single-footer-widget .list-items li:not(:last-child) {
  margin-bottom: 10px;
}
.footer-widget-wrapper6 .single-footer-widget .list-items li a {
  color: #bbbbbc;
}
.footer-widget-wrapper6 .single-footer-widget .list-items li:hover {
  margin-left: 5px;
}
.footer-widget-wrapper6 .single-footer-widget .list-items li:hover a {
  color: var(--gt-theme);
}
.footer-widget-wrapper6 .single-footer-widget .list-items.style-2 li:not(:last-child) {
  margin-bottom: 20px;
}
.footer-widget-wrapper6 .single-footer-widget .list-items.style-2 li a {
  color: #d2d2d2;
}
.footer-widget-wrapper6 .single-footer-widget .list-items.style-2 li a:hover {
  margin-left: 5px;
  color: var(--gt-theme) !important;
}
.footer-widget-wrapper6 .single-footer-widget .footer-content p {
  color: #bbbbbc;
}
.footer-widget-wrapper6 .single-footer-widget .ph-items {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.footer-widget-wrapper6 .single-footer-widget .ph-items .icon {
  width: 48px;
  height: 48px;
  background: rgba(102, 102, 102, 0.24);
  border-radius: 100px;
  text-align: center;
  display: inline-block;
  line-height: 48px;
}
.footer-widget-wrapper6 .single-footer-widget .ph-items .ph-item span {
  color: #d2d2d2;
}
.footer-widget-wrapper6 .single-footer-widget .ph-items .ph-item a {
  color: var(--gt-white);
}
.footer-widget-wrapper6 .single-footer-widget .footer-address span {
  color: #bbbbbc;
  margin-bottom: 20px;
  display: inline-block;
}
.footer-widget-wrapper6 .single-footer-widget .footer-address h3 a {
  color: var(--gt-theme);
}
.footer-widget-wrapper6 .single-footer-widget .footer-address .socials {
  margin-top: 30px;
}
.footer-widget-wrapper6 .single-footer-widget .footer-address .socials h5 {
  color: var(--gt-white) !important;
}
.footer-widget-wrapper6 .single-footer-widget .footer-address .socials .social-icon {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.footer-widget-wrapper6 .single-footer-widget .footer-address .socials .social-icon li a {
  color: var(--gt-white);
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper6 .single-footer-widget .footer-address .socials .social-icon li a i {
  width: 40px;
  height: 40px;
  border: var(--gt-border);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-widget-wrapper6 .single-footer-widget .footer-address .socials .social-icon li a:hover i {
  color: var(--gt-header);
  background-color: var(--gt-theme);
}
.footer-widget-wrapper6 .footer-social {
  border-top: 1.5px solid #3a3a3c;
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.footer-widget-wrapper6 .footer-social h4 {
  color: var(--gt-white) !important;
}
.footer-widget-wrapper6 .footer-social .socials-icon {
  display: flex;
  align-items: center;
}
.footer-widget-wrapper6 .footer-social .socials-icon li {
  margin-right: 10px;
}
.footer-widget-wrapper6 .footer-social .socials-icon li a {
  color: var(--gt-white);
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper6 .footer-social .socials-icon li a i {
  width: 40px;
  height: 40px;
  border: var(--gt-border);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-widget-wrapper6 .footer-social .socials-icon li a:hover i {
  color: var(--gt-header);
  background-color: var(--gt-theme);
}
.footer-widget-wrapper6 .menu-list {
  display: flex;
  align-items: center;
  justify-content: end;
}
@media (max-width: 575px) {
  .footer-widget-wrapper6 .menu-list {
    justify-content: start;
  }
}
.footer-widget-wrapper6 .menu-list li {
  margin-inline-end: 40px;
}
@media (max-width: 575px) {
  .footer-widget-wrapper6 .menu-list li {
    margin-inline-end: 20px;
  }
}
.footer-widget-wrapper6 .menu-list li a {
  color: var(--gt-white);
}
.footer-widget-wrapper6 .menu-list li a:hover {
  color: var(--gt-theme);
}

.footer-bottom {
  padding: 20px 0;
  border-top: 1.5px solid #3a3a3c;
}
.footer-bottom .footer-bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer-bottom .footer-bottom-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
}
.footer-bottom .footer-bottom-wrapper p {
  margin-right: 180px;
  color: var(--gt-white);
}
@media (max-width: 991px) {
  .footer-bottom .footer-bottom-wrapper p {
    margin-right: 0;
  }
}
.footer-bottom .footer-bottom-wrapper p span {
  color: var(--gt-theme);
}
.footer-bottom .footer-bottom-wrapper .footer-list {
  display: flex;
  align-items: center;
  gap: 48px;
}
@media (max-width: 767px) {
  .footer-bottom .footer-bottom-wrapper .footer-list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
}
.footer-bottom .footer-bottom-wrapper .footer-list li {
  color: var(--gt-white);
}
.footer-bottom .footer-bottom-wrapper .social-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-bottom .footer-bottom-wrapper .social-icon li {
  margin-right: 10px;
}
.footer-bottom .footer-bottom-wrapper .social-icon li a {
  color: var(--gt-white);
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.4s ease-in-out;
}
.footer-bottom .footer-bottom-wrapper .social-icon li a i {
  width: 40px;
  height: 40px;
  border: var(--gt-border);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-bottom .footer-bottom-wrapper .social-icon li a:hover i {
  color: var(--gt-header);
  background-color: var(--gt-theme);
}
.footer-bottom .footer-bottom-wrapper.style-2 {
  justify-content: center;
}

.footer-section-55 {
  background-color: #fbf9ef;
}
.footer-section-55 .footer-widget-wrapper55 {
  padding: 70px 0 100px;
}
@media (max-width: 991px) {
  .footer-section-55 .footer-widget-wrapper55 {
    padding: 50px 0 80px;
  }
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items {
  margin-top: 30px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .widget-head {
  margin-bottom: 30px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .widget-head h3 {
  font-size: 20px;
  font-weight: 500;
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .footer-content {
  max-width: 310px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .footer-content p {
  color: #000;
  opacity: 0.5;
  font-size: 16px;
  line-height: 162.5%;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .footer-content .footer-btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  border-radius: 70px;
  border: 1px solid #3D4857;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  color: var(--gt-white);
  font-family: "Inter", sans-serif;
  padding: 0 30px;
  padding-left: 7px;
  margin-top: 30px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .footer-content .footer-btn .icon {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: var(--gt-theme);
  color: var(--gt-white);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
  transition: all 0.4s ease-in-out;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .footer-content .footer-btn:hover {
  background-color: var(--gt-theme);
  border: 1px solid var(--gt-theme);
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .footer-content .footer-btn:hover .icon {
  background-color: var(--gt-header);
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .footer-content .social-icon {
  gap: 8px;
  margin-top: 30px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .footer-content .social-icon a {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  color: var(--gt-white);
  text-align: center;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .footer-content .social-icon a:hover {
  background-color: var(--gt-theme);
  color: #000;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .gt-list-area li {
  transition: all 0.4s ease-in-out;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .gt-list-area li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .gt-list-area li a {
  color: rgba(0, 0, 0, 0.75);
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .gt-list-area li:hover {
  margin-left: 5px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .gt-list-area li:hover a {
  color: var(--gt-black);
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .contact-list li {
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
  font-weight: 500;
  line-height: 162.5%;
  font-family: "Inter", sans-serif;
  transition: all 0.4s ease-in-out;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .contact-list li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .contact-list li:hover {
  color: var(--gt-theme);
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .contact-list li a {
  color: rgba(255, 255, 255, 0.75);
}
.footer-section-55 .footer-widget-wrapper55 .footer-widget-items .contact-list li a:hover {
  color: var(--gt-theme);
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 h3 {
  color: var(--gt-black);
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1px;
  text-transform: capitalize;
  font-family: "Inter", sans-serif;
}
@media (max-width: 575px) {
  .footer-section-55 .footer-widget-wrapper55 .footer-form-3 h3 {
    font-size: 26px;
  }
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 form {
  position: relative;
  margin-top: 25px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 form input {
  width: 100%;
  border: none;
  background-color: var(--gt-white);
  padding: 22px 20px;
  border-radius: 0;
  line-height: 1;
  border: 1px solid var(--gt-black);
  color: var(--gt-black);
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 form input::placeholder {
  color: var(--gt-black);
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 form .email-btn {
  color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
  position: absolute;
  top: 6px;
  right: 18px;
  bottom: 6px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 .sq-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  color: var(--gt-black);
  margin-top: 20px;
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 .sq-checkbox input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 .sq-checkbox .box {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 4px;
  border: 2px solid #cbd5e1;
  display: inline-grid;
  place-items: center;
  transition: background-color 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease, transform 0.12s ease;
  background: var(--gt-white);
  box-sizing: border-box;
  flex-shrink: 0;
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 .sq-checkbox .check {
  width: 14px;
  height: 14px;
  transform: scale(0);
  transition: transform 0.14s cubic-bezier(0.2, 0.9, 0.2, 1);
  color: var(--gt-white);
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 .sq-checkbox input:checked + .box {
  background: var(--gt-black);
  border-color: var(--gt-black);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 .sq-checkbox input:checked + .box .check {
  transform: scale(1);
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 .sq-checkbox input:focus + .box {
  box-shadow: 0 0 0 4px rgba(14, 165, 164, 0.12);
  border-color: var(--gt-black);
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 .sq-checkbox:active .box {
  transform: scale(0.98);
}
.footer-section-55 .footer-widget-wrapper55 .footer-form-3 .sq-checkbox .label-text {
  line-height: 1;
}
.footer-section-55 .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.footer-section-55 .footer-bottom-wrapper p {
  color: #000;
  font-weight: 400;
}
.footer-section-55 .footer-bottom-wrapper p b {
  font-weight: 400;
}

@media (max-width: 1199px) {
  .menu-thumb {
    display: none !important;
  }
}

.header-section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: transparent;
  z-index: 9999;
}

.header-top-section {
  background-color: var(--gt-theme);
  padding: 12px 0;
}
@media (max-width: 991px) {
  .header-top-section {
    display: none;
  }
}
.header-top-section .container-fluid {
  padding: 0 100px;
}
@media (max-width: 1600px) {
  .header-top-section .container-fluid {
    padding: 0 50px;
  }
}
@media (max-width: 1399px) {
  .header-top-section .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 1199px) {
  .header-top-section .container-fluid {
    padding: 0 30px;
  }
}
.header-top-section .header-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-top-section .header-top-wrapper ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header-top-section .header-top-wrapper ul li {
  color: var(--gt-white);
}
.header-top-section .header-top-wrapper ul li i {
  margin-right: 8px;
}
.header-top-section .header-top-wrapper ul li a {
  color: var(--gt-white);
}
.header-top-section .header-top-wrapper .gt-social-icon {
  gap: 15px;
  font-size: 20px;
}
.header-top-section .header-top-wrapper .gt-social-icon a {
  color: var(--gt-white);
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  position: relative;
}
.header-main .menu-thumb {
  position: inherit !important;
}
@media (max-width: 1199px) {
  .header-main .main-menu {
    display: none;
  }
}
.header-main .main-menu ul {
  margin-bottom: 0;
}
.header-main .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 45px;
}
.header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}
.header-main .main-menu ul li a {
  display: inline-block;
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  text-transform: uppercase;
  color: var(--gt-black);
  padding: 20px 0;
  text-align: left;
  position: relative;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li a i {
  margin-left: 4px;
  font-size: 14px;
}
.header-main .main-menu ul li a:hover {
  color: var(--gt-theme) !important;
}
.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  min-width: 280px;
  background: #f6f6f6;
  padding: 20px 0;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  color: var(--gt-header);
  transform: translateY(-10px);
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 16px;
  font-weight: 500;
  color: var(--gt-black);
  line-height: 22px;
  padding: 0px 0px 18px 32px;
  padding-right: 22px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-main .main-menu ul li .submenu li a::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: var(--gt-theme);
  left: 14px;
  top:9px;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li a:hover {
  color: var(--gt-theme) !important;
}
.header-main .main-menu ul li .submenu li:last-child a {
  border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
  inset-inline-start: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.header-main .main-menu ul li .submenu {
  max-height:75vh;
  overflow-y:auto;
  overflow-x:hidden;
}
.header-main .main-menu ul li .submenu li:hover > a {
  color: var(--gt-theme) !important;
  margin-left: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::before {
  width: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--gt-theme);
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
  -webkit-transform: translateY(1);
  -moz-transform: translateY(1);
  -ms-transform: translateY(1);
  -o-transform: translateY(1);
  transform: translateY(1);
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--gt-theme);
}
.header-main .main-menu ul li .has-homemenu {
  padding: 20px 20px 10px 20px !important;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  width: 100%;
  z-index: 999;
  overflow: hidden;
  margin: auto;
  max-height: 740px;
  overflow-y: auto;
  overflow-x: hidden;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  transform: translateY(-40%);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  left: 25px;
  right: 25px;
  display: grid;
  gap: 16px;
  max-width: 170px;
  margin: 0 auto;
}
@media (max-width: 1399px) {
  .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .gt-theme-btn {
    font-size: 14px;
    min-width: 140px;
  }
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
  padding: 18px 30px;
  justify-content: center;
  line-height: 1;
  background-color: var(--gt-theme);
  color: var(--gt-black);
  border-radius: 30px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
  background-color: #121212;
  color: #fff;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn i {
  margin-left: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  transform: translateY(-50%);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb a {
  padding: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}
.header-main .main-menu ul li .has-pagemenu {
  width: 1500px;
  padding: 30px 30px 50px 30px;
  opacity: 0;
  left: -752px;
  visibility: hidden;
}
@media (max-width: 1600px) {
  .header-main .main-menu ul li .has-pagemenu {
    width: 1100px;
    left: -550px;
  }
}
.header-main .main-menu ul li .has-pagemenu .pagemenu-items {
  display: flex;
  align-items: center;
  align-items: start;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .header-main .main-menu ul li .has-pagemenu .pagemenu-items {
    flex-wrap: wrap;
  }
}
.header-main .main-menu ul li .has-pagemenu .pagemenu-items .pagemenu {
  position: relative;
  width: 100%;
}
.header-main .main-menu ul li .has-pagemenu .pagemenu-items .pagemenu .pagemenu-title {
  margin: 15px 0;
  padding-bottom: 15px;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  font-family: "Anton", sans-serif;
  padding-left: 32px;
  text-transform: capitalize;
  letter-spacing: 2px;
}
.header-main .main-menu ul li .has-pagemenu .pagemenu-items .pagemenu ul li {
  margin-bottom: 15px;
}
.header-main .main-menu ul li:hover > a {
  color: var(--gt-theme);
}
.header-main .main-menu ul li:hover > a::after {
  color: var(--gt-theme);
}
.header-main .main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.header-main .header-right {
  gap: 30px;
}
@media (max-width: 1399px) {
  .header-main .header-right {
    gap: 20px;
  }
}
.header-main .sidebar__toggle {
  cursor: pointer;
  font-size: 20px;
}

.header-main .main-menu ul li .has-homemenu::-webkit-scrollbar {
  display: none;
}

.header-main .main-menu ul li .has-homemenu {
  scrollbar-width: none;
}

.header-main .main-menu ul li .has-homemenu {
  -ms-overflow-style: none;
}

.header-1 .container-fluid {
  padding: 0 100px;
}
@media (max-width: 991px) {
  .header-1 .container-fluid {
    padding: 0 40px;
  }
}
.header-1 .header-main {
  padding: 30px 0;
}
@media (max-width: 470px) {
  .header-1 .logo img {
    width: 150px;
  }
}
.header-1 .header-logo-2 {
  display: none;
}
.header-1 .header-left {
  display: flex;
  align-items: center;
  gap: 200px;
}
@media (max-width: 1399px) {
  .header-1 .header-left {
    gap: 100px;
  }
}
.header-1 .header-left .sidebar__toggle {
  cursor: pointer;
}
.header-1 .header-left .sidebar__toggle .header-bar p {
  color: var(--gt-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
}
.header-1 .header-right .hero-button {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1199px) {
  .header-1 .header-right .hero-button {
    display: none;
  }
}
.header-1 .header-right .gt-theme-btn {
  color: var(--gt-white);
}
.header-1 .header-right .gt-theme-btn::before {
  background-color: var(--gt-white);
}
.header-1 .header-right .gt-theme-btn:hover {
  color: var(--gt-header);
}
.header-1 .header-right .sidebar__toggle {
  cursor: pointer;
}
.header-1 .header-right .sidebar__toggle .header-bar {
  position: relative;
  width: 40px;
  height: 11px;
}
.header-1 .header-right .sidebar__toggle .header-bar span {
  position: absolute;
  width: 100%;
  height: 2px;
  display: inline-block;
  transition: all 0.3s;
  left: 0;
  background: var(--gt-header);
  overflow: hidden;
}
.header-1 .header-right .sidebar__toggle .header-bar span:first-child {
  top: 0;
  background: var(--gt-white);
  left: 0;
  width: 40px;
}
.header-1 .header-right .sidebar__toggle .header-bar span:last-child {
  bottom: 0;
  background: var(--gt-white);
  width: 40px;
}
.header-1 .header-right .sidebar__toggle .header-bar.active span:first-child {
  transform: rotate(45deg) translate(3px, 9px);
}
.header-1 .header-right .sidebar__toggle .header-bar.active span:nth-child(2) {
  opacity: 0;
}
.header-1 .header-right .sidebar__toggle .header-bar.active span:last-child {
  transform: rotate(-45deg) translate(3px, -9px);
}
.header-1 .header-right .sidebar__toggle .header-bar:hover {
  cursor: pointer;
}

.header-2 .container-fluid {
  padding: 0 150px;
}
@media (max-width: 1399px) {
  .header-2 .container-fluid {
    padding: 0 90px;
  }
}
@media (max-width: 991px) {
  .header-2 .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .header-2 .container-fluid {
    padding: 0 20px;
  }
}
.header-2 .header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.header-2 .header-main .main-menu ul {
  margin-bottom: 0;
}
.header-2 .header-main .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 45px;
}
@media (max-width: 1399px) {
  .header-2 .header-main .main-menu ul li {
    margin-inline-end: 20px;
  }
}
.header-2 .header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}
.header-2 .header-main .main-menu ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--gt-black);
  font-family: "Kanit", sans-serif;
  padding: 20px 0;
  text-align: left;
  position: relative;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out;
}
.header-2 .header-main .main-menu ul li a i {
  margin-left: 4px;
  font-size: 14px;
}
.header-2 .header-main .main-menu ul li a:hover {
  color: var(--gt-theme) !important;
}
.header-2 .header-main .main-menu ul li:hover > a {
  color: var(--gt-theme);
}
.header-2 .header-main .main-menu ul li:hover > a::after {
  color: var(--gt-theme);
}
.header-2 .header-main .main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.header-2 .header-main .header-right {
  gap: 30px;
}
@media (max-width: 1399px) {
  .header-2 .header-main .header-right {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .header-2 .header-main .header-right .hero-button {
    display: none;
  }
}
.header-2 .header-main .sidebar__toggle {
  cursor: pointer;
  font-size: 20px;
}

.header-3.page-header {
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
}
.header-3.page-header .mega-menu-wrapper {
  margin: 0;
}
.header-3 .mega-menu-wrapper {
  margin: 0 150px;
}
@media (max-width: 1399px) {
  .header-3 .mega-menu-wrapper {
    margin: 0 90px;
  }
}
@media (max-width: 991px) {
  .header-3 .mega-menu-wrapper {
    margin: 0 40px;
  }
}
@media (max-width: 767px) {
  .header-3 .mega-menu-wrapper {
    margin: 0;
  }
}
.header-3 .mega-menu-wrapper .header-main {
  padding: 18px 0;
}
.header-3 .mega-menu-wrapper .header-main .hero-button {
  font-family: "Kanit";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: uppercase;
  color: var(--gt-text-6);
}
.header-3 .mega-menu-wrapper .header-main .header-right {
  gap: 30px;
}
.header-3 .mega-menu-wrapper .header-main .header-right .search-toggler {
  font-size: 18px;
}
@media (max-width: 1399px) {
  .header-3 .mega-menu-wrapper .header-main .header-right {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .header-3 .mega-menu-wrapper .header-main .header-right {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .header-3 .mega-menu-wrapper .header-main .header-right .search-btn {
    display: none;
  }
}
.header-3 .mega-menu-wrapper .header-main .header-right .header-bar {
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-4 .mega-menu-wrapper {
  margin: 0 74px;
}
@media (max-width: 767px) {
  .header-4 .mega-menu-wrapper {
    margin: 0 20px;
  }
}
.header-4 .mega-menu-wrapper .header-main {
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  padding: 12px 0;
}
@media (max-width: 575px) {
  .header-4 .mega-menu-wrapper .header-main .logo img {
    max-height: 72px;
  }
}

.header-4 .mega-menu-wrapper .header-main .hero-button {
  font-family: "Kanit";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: uppercase;
  color: var(--gt-text-6);
}
@media (max-width: 575px) {
  .header-4 .mega-menu-wrapper .header-main .hero-button {
    display: none;
  }
}
.header-4 .mega-menu-wrapper .header-main .header-right .hero-button .solid-btn {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: uppercase;
  color: var(--gt-text-6);
}
.header-4 .mega-menu-wrapper .header-main .header-right .hero-button .solid-btn:hover {
  color: var(--gt-theme);
}
.header-4 .mega-menu-wrapper .header-main .header-right .header-bar {
  background-color: var(--gt-theme);
  width: 45px;
  height: 45px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.9s;
  background-color: var(--gt-white);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.sticky.header-1 .header-logo-2 {
  display: block;
}
.sticky.header-1 .header-logo {
  display: none;
}
.sticky.header-1 .header-main {
  padding: 20px 0;
}
.sticky.header-1 .header-main .main-menu ul li a {
  color: var(--gt-header);
}
.sticky.header-1 .header-main .main-menu ul li a:hover,
.header-main .main-menu ul li.active > a {
  color: var(--gt-theme) !important;
}
.sticky.header-1 .header-left .header-bar p {
  color: var(--gt-black);
}
.sticky.header-1 .header-right .gt-theme-btn {
  color: var(--gt-white);
}
.sticky.header-1 .header-right .gt-theme-btn::before {
  background-color: var(--gt-header);
}
.sticky.header-1 .header-right .gt-theme-btn:hover {
  color: var(--gt-white);
}
.sticky.header-1 .header-right .hero-button a {
  color: var(--gt-black);
}
.sticky.header-1 .header-right .sidebar__toggle .header-bar span {
  background: var(--gt-header);
}
.sticky.header-1 .header-right .sidebar__toggle .header-bar span:first-child {
  background: var(--gt-header);
}
.sticky.header-1 .header-right .sidebar__toggle .header-bar span:last-child {
  background: var(--gt-header);
}
.sticky.header-1 .header-right .sidebar__toggle .header-bar p {
  color: var(--gt-black);
}
.sticky.header-2 {
  background-color: var(--gt-white);
}
.sticky.header-3.page-header {
  border-bottom: none;
}
.sticky.header-4 .mega-menu-wrapper .header-main {
  border-bottom: none;
}

.offcanvas-header-1 {
  width: 100% !important;
  background: transparent !important;
  top: 0 !important;
  right: 0 !important;
  transform: translateY(0) !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
.offcanvas-header-1.info-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.offcanvas-header-1.info-open .offcanvas__wrapper .offcanvas__content .offcanvas-left {
  top: 0;
  transform: scale(1, 1);
}
.offcanvas-header-1.info-open .offcanvas__wrapper .offcanvas__content .offcanvas-right {
  top: 0;
}
.offcanvas-header-1 .offcanvas__wrapper {
  padding: 0 !important;
}
.offcanvas-header-1 .offcanvas__wrapper .offcanvas__content {
  display: flex;
  justify-content: space-between;
  position: relative;
  /* LEFT PANEL */
  /* RIGHT PANEL */
}
.offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas__top {
  position: fixed;
  right: 35px;
  top: 35px;
  z-index: 100000;
}
.offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-left {
  position: fixed;
  left: 0;
  top: -100%;
  width: 60%;
  height: 100vh;
  z-index: 9999;
  overflow-y: auto;
  padding: 40px 80px 50px 80px;
  background: #fff;
  transform: scale(1, 0);
  transform-origin: top center;
  transition: transform 0.6s ease-in-out, top 0.6s ease-in-out;
}
@media (max-width: 1199px) {
  .offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-left {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-left {
    padding: 30px;
  }
}
.offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-left .logo {
  margin-bottom: 150px;
}
.offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-left .mobile-menu .mean-bar .mean-nav ul li {
  margin-bottom: 10px;
}
.offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-left .mobile-menu .mean-bar .mean-nav ul li a {
  font-size: 30px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-left .mobile-menu .mean-bar .mean-nav ul li a {
    font-size: 22px;
  }
}
.offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-left .mobile-menu .mean-bar .mean-nav ul li .submenu li {
  margin-bottom: 0;
}
.offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-left .mobile-menu .mean-bar .mean-nav ul li .submenu li a {
  font-family: "Kanit", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
}
.offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-right {
  position: fixed;
  right: 0;
  top: 100%;
  width: 40%;
  height: 100vh;
  z-index: 9999;
  padding: 50px 100px;
  background: #f1f1f1;
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  justify-content: center;
  transition: top 0.6s ease-in-out;
}
@media (max-width: 1199px) {
  .offcanvas-header-1 .offcanvas__wrapper .offcanvas__content .offcanvas-right {
    display: none;
  }
}

.offcanvas-header-1:not(.info-open) {
  visibility: visible;
  transition-delay: 0s, 0.6s;
  pointer-events: none;
}

.offcanvas__info {
  background: var(--gt-white) none repeat scroll 0 0;
  border-left: 2px solid var(--gt-theme);
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas__info::-webkit-scrollbar {
  display: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
  color: var(--gt-text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--gt-theme);
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--gt-black);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
  font-size: 16px;
  font-weight: 600;
  /*text-transform: capitalize;*/
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {
  color: var(--gt-text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 15px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
  margin-right: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i {
  color: var(--gt-black);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
  text-transform: initial;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn {
  width: 100%;
  padding: 20px 40px;
  text-transform: capitalize !important;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
  margin-top: 30px;
  gap: 10px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: var(--gt-bg);
  color: var(--gt-header);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  border-radius: 4px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover {
  background-color: var(--gt-theme);
  color: var(--gt-black);
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.breadcrumb-page-area-one {
  padding-top: 220px;
}
@media (max-width: 767px) {
  .breadcrumb-page-area-one {
    padding-top: 150px;
  }
}
@media (max-width: 991px) {
  .breadcrumb-page-area-one {
    padding-top: 150px;
  }
}
@media (max-width: 470px) {
  .breadcrumb-page-area-one {
    padding-top: 120px;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-page-area-one .breadcrumb-page-wrap.pb-250 {
    padding-bottom: 150px;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-page-area-one .breadcrumb-page-wrap.pt-250 {
    padding-top: 150px;
  }
}
.breadcrumb-page-area-one .breadcrumb-page-wrap .bg-shape-1 {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: -1;
}
@media (max-width: 991px) {
  .breadcrumb-page-area-one .breadcrumb-page-wrap .bg-shape-1 {
    top: -100px;
  }
}
.breadcrumb-page-area-one .breadcrumb-page-wrap .bg-shape-2 {
  position: absolute;
  top: 150px;
  left: 99px;
  z-index: -1;
}
@media (max-width: 991px) {
  .breadcrumb-page-area-one .breadcrumb-page-wrap .bg-shape-2 {
    display: none;
  }
}
.breadcrumb-page-area-one.style-2 {
  padding-top: 100px;
}
.breadcrumb-page-area-one.style-2 .breadcrumb-page-wrap {
  position: relative;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.breadcrumb-page-area-one.style-2 .breadcrumb-page-wrap .bg-shape {
  position: absolute;
  left: 253px;
  bottom: 98px;
}
@media (max-width: 1199px) {
  .breadcrumb-page-area-one.style-2 .breadcrumb-page-wrap .bg-shape {
    left: 50px;
  }
}
@media (max-width: 991px) {
  .breadcrumb-page-area-one.style-2 .breadcrumb-page-wrap .bg-shape {
    display: none;
  }
}

.breadcrumb-page-area-one.style-2 .gt-breadcrumb-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 96px;
}
@media (max-width: 991px) {
  .breadcrumb-page-area-one.style-2 .gt-breadcrumb-wrapper {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 40px;
  }
}
.breadcrumb-page-area-one.style-2 .gt-breadcrumb-wrapper .title {
  color: var(--gt-white);
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .breadcrumb-page-area-one.style-2 .gt-breadcrumb-wrapper .title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.breadcrumb-page-area-one.style-2 .gt-breadcrumb-wrapper .text {
  color: var(--gt-white);
  /*margin-bottom: 79px;*/
}
@media (max-width: 991px) {
  .breadcrumb-page-area-one.style-2 .gt-breadcrumb-wrapper .text {
    font-size: 40px;
    line-height: 55px;
    /*margin-bottom: 40px;*/
  }
}
@media (max-width: 767px) {
  .breadcrumb-page-area-one.style-2 .gt-breadcrumb-wrapper .text {
    font-size: 35px;
    line-height: 45px;
  }
}

.gt-breadcrumb-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 96px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .gt-breadcrumb-wrapper {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 40px;
  }
}
.gt-breadcrumb-wrapper .meta-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 200px;
  line-height: 60px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
  display: flex;
  align-items: center;
}
@media (max-width: 470px) {
  .gt-breadcrumb-wrapper .meta-title {
    font-size: 100px;
  }
}
@media (max-width: 470px) {
  .gt-breadcrumb-wrapper .meta-title img {
    width: 27%;
  }
}
.gt-breadcrumb-wrapper .title {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--gt-text-6);
  min-width: 100px;
  position: relative;
}
.gt-breadcrumb-wrapper .title i {
  font-size: 90%;
  padding: 0 3px;
}
.gt-breadcrumb-wrapper .title.title-1::before {
  background: var(--gt-text-6);
}
.gt-breadcrumb-wrapper .title.title-1::after {
  background: var(--gt-text-6);
}
.gt-breadcrumb-wrapper .title::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background: var(--gt-white);
  top: 30px;
  bottom: -5px;
  left: 0;
}
.gt-breadcrumb-wrapper .title::after {
  content: "";
  position: absolute;
  width: 39px;
  height: 2px;
  background: var(--gt-white);
  top: 30px;
  bottom: -5px;
  left: 17px;
}
@media (max-width: 1199px) {
.gt-breadcrumb-wrapper .title::before {
  bottom: -15px;
}
.gt-breadcrumb-wrapper .title::after {
  bottom: -15px;
}
}
.gt-breadcrumb-wrapper .text {
  /*font-family: "Inter", sans-serif;*/
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 55px;
  /*letter-spacing: -0.03em;*/
  letter-spacing: 0;
  text-align: left;
  color: #555555;
  max-width: 735px;
}
.gt-breadcrumb-wrapper .text.blog-text {
  max-width: 450px;
}
@media (max-width: 991px) {
  .gt-breadcrumb-wrapper .text {
    font-size: 25px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .gt-breadcrumb-wrapper .text {
    font-size: 23px;
    line-height: 28px;
  }
}
.gt-breadcrumb-wrapper .right-contents .text {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 40px;
  line-height: 55px;
  letter-spacing: -0.03em;
  color: #555;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .gt-breadcrumb-wrapper .right-contents .text {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .gt-breadcrumb-wrapper .right-contents .text {
    font-size: 23px;
    line-height: 28px;
  }
}
.gt-breadcrumb-wrapper .right-contents .pra-text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #555555;
  max-width: 415px;
}
.gt-breadcrumb-wrapper .right-contents .faq-text {
  width: 270px;
}
.gt-breadcrumb-wrapper .right-contents .meta-data ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 10px;
}
.gt-breadcrumb-wrapper .right-contents .meta-data ul li {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #555;
  border-right: 1px solid #121212;
  margin-right: 16px;
  padding-right: 16px;
}
.gt-breadcrumb-wrapper .right-contents .meta-data ul li:last-child {
  border: none;
  margin-right: 0;
  padding-right: 0;
}
.gt-breadcrumb-wrapper .right-contents .meta-data ul li span {
  color: #121212;
}
.gt-breadcrumb-wrapper .our-clint {
  display: inline-flex;
  gap: 15px;
  background-color: var(--gt-white);
  padding: 13px 15px;
  border-radius: 6px;
}
.gt-breadcrumb-wrapper .our-clint ul {
  margin-left: 25px;
}
.gt-breadcrumb-wrapper .our-clint ul li img {
  border: 1px solid var(--gt-white);
}
.gt-breadcrumb-wrapper .our-clint .text-1 {
  max-width: 135px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: #555;
}

.gt-error-items {
  text-align: center;
  position: relative;
}
.gt-error-items .gt-error-image {
  margin-bottom: 50px;
}
.gt-error-items .gt-error-image img {
  width: 100%;
  height: 100%;
}
.gt-error-items h2 {
  margin-bottom: 15px;
}
.gt-error-items h2 span {
  font-size: 72px;
}
@media (max-width: 1199px) {
  .gt-error-items h2 span {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .gt-error-items h2 span {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .gt-error-items h2 span {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .gt-error-items h2 span {
    font-size: 28px;
  }
}
.gt-error-items p {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .gt-error-items p {
    margin-bottom: 30px;
  }
}
.gt-error-items .gt-theme-btn .gt-icon-btn {
  background-color: var(--gt-header);
}
.gt-error-items .gt-theme-btn .gt-icon-btn::after {
  background-color: var(--gt-theme);
}

.gt-coming-soon-items {
  text-align: center;
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .gt-coming-soon-items {
    margin-bottom: 0;
  }
}
.gt-coming-soon-items h2 {
  margin-top: 24px;
  margin-bottom: 10px;
}
.gt-coming-soon-items form {
  max-width: 540px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.gt-coming-soon-items .form-clt {
  position: relative;
  margin-top: 40px;
}
.gt-coming-soon-items .form-clt input {
  width: 100%;
  outline: none;
  border: none;
  background-color: var(--gt-bg);
  line-height: 1;
  padding: 20px;
  max-width: 540px;
}
.gt-coming-soon-items .form-clt .gt-theme-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  text-align: center;
}
.gt-coming-soon-items .form-clt .gt-theme-btn .gt-text-btn {
  background-color: var(--gt-header);
}
.gt-coming-soon-items .form-clt .gt-theme-btn .gt-text-btn::after {
  background-color: var(--gt-theme);
}
@media (max-width: 470px) {
  .gt-coming-soon-items .form-clt .gt-theme-btn {
    position: static;
    margin-top: 20px;
  }
}
.gt-coming-soon-items .gt-social-icon {
  gap: 15px;
  margin-top: 40px;
  justify-content: center;
}
.gt-coming-soon-items .gt-social-icon a {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--gt-bg);
  color: var(--gt-header);
}
.gt-coming-soon-items .gt-social-icon a:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}

.gt-coming-soon-section {
  position: relative;
}
.gt-coming-soon-section .left-shape {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .gt-coming-soon-section .left-shape {
    display: none;
  }
}
.gt-coming-soon-section .left-shape img {
  width: 100%;
  height: 100%;
}
.gt-coming-soon-section .right-shape {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1199px) {
  .gt-coming-soon-section .right-shape {
    display: none;
  }
}
.gt-coming-soon-section .bottom-shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .gt-coming-soon-section .bottom-shape {
    display: none;
  }
}

.gt-error-items {
  text-align: center;
}
.gt-error-items .gt-error-image {
  margin-bottom: 50px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .gt-error-items .gt-error-image {
    margin-bottom: 40px;
  }
}
.gt-error-items .gt-error-image img {
  width: 100%;
  height: 100%;
}
.gt-error-items h2 {
  margin-bottom: 20px;
}
.gt-error-items p {
  margin-bottom: 48px;
}
@media (max-width: 1199px) {
  .gt-error-items p {
    margin-bottom: 30px;
  }
}
.gt-error-items .theme-btn {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.gt-error-items .theme-btn::before {
  background-color: var(--gt-header);
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--gt-bg);
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--gt-theme);
  border-radius: 10px;
}

.fix {
  overflow: hidden;
}

.ralt {
  position: relative;
}

.ripple {
  position: relative;
}
.ripple::before, .ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(170, 132, 83, 0.5);
  -webkit-animation: rippleOne 3s infinite;
  animation: rippleOne 3s infinite;
}
.ripple::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
.ripple::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.gt-array-button {
  display: flex;
  align-items: center;
  gap: 14px;
}
.gt-array-button .array-prev {
  background-color: var(--gt-white);
  color: var(--gt-header);
}

.array-prev {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: var(--gt-bg);
  color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.array-prev:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}

.array-next {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: var(--gt-theme);
  color: var(--gt-white);
  transition: all 0.4s ease-in-out;
}
.array-next:hover {
  background-color: var(--gt-bg);
  color: var(--gt-theme);
}

.swiper-dot {
  padding-top: 50px;
  position: relative;
}
.swiper-dot .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transition: 0.6s;
  background-color: rgba(252, 252, 252, 0.7);
  opacity: 1;
  border-radius: 10px;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 10px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--gt-theme);
  transition: 0.6s;
  position: relative;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  top: -6px;
  left: -6px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--gt-theme);
  content: "";
}

img {
  max-width: 100%;
  height: auto !important;
}

.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
}

.gt-slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.gt-brand-slide-element {
  width: auto;
  display: inline-block;
}

.sticky-style {
  position: sticky !important;
  top: 100px;
}

.mtt-30 {
  margin-top: 30px !important;
}
@media (max-width: 1199px) {
  .mtt-30 {
    margin-top: 0 !important;
  }
}

.page-nav-wrap {
  margin-top: 60px;
}
.page-nav-wrap ul li {
  display: inline-block;
}
.page-nav-wrap ul li.active .page-numbers {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.page-nav-wrap ul li .page-numbers {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 0;
  background: #F4F4F4;
  color: var(--gt-header);
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  margin: 0 2px;
  border-radius: 4px;
  font-family: "Anton", sans-serif;
}
.page-nav-wrap ul li .page-numbers.current {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
@media (max-width: 767px) {
  .page-nav-wrap ul li .page-numbers {
    margin-top: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
.page-nav-wrap ul li .page-numbers i {
  margin-top: 2px;
  color: var(--gt-header);
  transition: all 0.4s ease-in-out;
}
.page-nav-wrap ul li .page-numbers:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
.page-nav-wrap ul li .page-numbers:hover i {
  color: var(--gt-white);
}

.our-clint {
  display: flex;
  align-items: center;
  gap: 40px;
}
.our-clint ul {
  display: flex;
  align-items: center;
}
.our-clint ul li {
  margin-left: -25px;
}
.our-clint ul li img {
  border: 2px solid var(--gt-black);
  border-radius: 100%;
}
.our-clint .text {
  color: var(--gt-text-1);
  letter-spacing: -0.16px;
  text-transform: capitalize;
  max-width: 116px;
}

.our-clint-2 {
  display: flex;
  align-items: center;
  gap: 4px;
  background: var(--gt-black);
  padding: 20px;
  width: 277px;
  border-radius: 100px;
  transform: rotate(-30deg);
}
.our-clint-2 ul {
  display: flex;
  align-items: center;
  margin-left: 25px;
}
.our-clint-2 ul li {
  margin-left: -25px;
  width: 50px;
  height: 50px;
}
.our-clint-2 ul li img {
  border: 2px solid var(--gt-black);
  border-radius: 100%;
}
.our-clint-2 .text {
  color: var(--gt-white);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.14px;
  text-transform: capitalize;
  max-width: 116px;
}

.slider-control {
  display: flex;
  gap: 165px;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 45px;
}
.slider-control .btns-group {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 52px;
  justify-content: space-between;
  height: 100%;
}
.slider-control .array-nav {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.slider-control .array-nav .array-prev,
.slider-control .array-nav .array-next {
  width: 44px;
  height: 44px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: var(--gt-bg);
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.slider-control .array-nav .array-prev:hover,
.slider-control .array-nav .array-next:hover {
  background-color: var(--gt-theme-2);
}
.slider-control .page-control {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
  position: relative;
}
.slider-control .page-control::before {
  content: "";
  width: 1px;
  height: 96px;
  background: var(--gt-black);
  position: absolute;
  left: 50%;
  top: 90px;
  transform: translateX(-50%);
}
.slider-control .page-control .page-1 {
  color: var(--gt-black);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  position: relative;
}
.slider-control .page-control .page-1::after {
  content: "";
  width: 10px;
  height: 1px;
  background: var(--gt-black);
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
}
.slider-control .page-control .page-2 {
  color: var(--gt-black);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}

.line-shape-wrap {
  position: relative;
  z-index: 4;
}
.line-shape-wrap .line-shape-1 {
  position: absolute;
  left: 200px;
  top: 0;
  width: 1px;
  height: 100%;
  background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 5px, transparent 5px, transparent 10px);
  z-index: 2;
  animation: dash 0.5s linear infinite;
}
@media (max-width: 1899px) {
  .line-shape-wrap .line-shape-1 {
    left: 7%;
  }
}
.line-shape-wrap .line-shape-2 {
  position: absolute;
  left: 580px;
  top: 0;
  width: 1px;
  height: 100%;
  background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 5px, transparent 5px, transparent 10px);
  z-index: -1;
  animation: dash-2 0.5s linear infinite;
}
@media (max-width: 1899px) {
  .line-shape-wrap .line-shape-2 {
    left: 28%;
  }
}
.line-shape-wrap .line-shape-3 {
  position: absolute;
  right: 200px;
  top: 0;
  width: 1px;
  height: 100%;
  background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 5px, transparent 5px, transparent 10px);
  z-index: 2;
  animation: dash 0.5s linear infinite;
}
@media (max-width: 1899px) {
  .line-shape-wrap .line-shape-3 {
    right: 20%;
  }
}
.line-shape-wrap .line-shape-4 {
  position: absolute;
  right: 580px;
  top: 0;
  width: 1px;
  height: 100%;
  background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 5px, transparent 5px, transparent 10px);
  z-index: 0;
  animation: dash-2 0.5s linear infinite;
}
@media (max-width: 1899px) {
  .line-shape-wrap .line-shape-4 {
    right: 40%;
  }
}
.line-shape-wrap .line-shape-5 {
  position: absolute;
  left: 960px;
  top: 0;
  width: 1px;
  height: 100%;
  background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 5px, transparent 5px, transparent 10px);
  z-index: 0;
  animation: dash 0.5s linear infinite;
}
@media (max-width: 1899px) {
  .line-shape-wrap .line-shape-5 {
    display: none;
  }
}

.info-cta {
  display: flex;
  align-items: center;
  gap: 64px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .info-cta {
    gap: 20px;
  }
}
@media (max-width: 450px) {
  .info-cta {
    gap: 10px;
  }
}
.info-cta .cta-item .title {
  color: var(--gt-text-6);
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  text-transform: uppercase;
}
.info-cta .cta-item span {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  text-transform: uppercase;
}

.progress-bar-wrapper .progress-info {
  margin-bottom: 30px;
  position: relative;
}
.progress-bar-wrapper .progress-info .progress-title {
  flex: 1;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #555555;
  margin-bottom: 20px;
  display: inline-block;
}
.progress-bar-wrapper .progress-info .progress-title:last-child {
  margin-bottom: 0;
}
.progress-bar-wrapper .progress-info .progress {
  flex: 3;
  position: relative;
  background-color: rgba(30, 30, 30, 0.4);
  height: 4px;
  border-radius: 10px;
  overflow: hidden;
}
.progress-bar-wrapper .progress-info .progress .progress-bar {
  height: 100%;
  transition: width 0.4s ease;
  border-color: #121212;
  border-radius: 10px;
  background: #121212;
}
.progress-bar-wrapper .progress-info .progress-percent {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #ffffff;
  position: relative;
}
.progress-bar-wrapper .progress-info .progress-percent .shape {
  position: absolute;
  top: -3px;
  left: -6px;
  z-index: -1;
}
@media (max-width: 1199px) {
  .progress-bar-wrapper .progress-info .progress-percent {
    display: none;
  }
}
.progress-bar-wrapper .progress-info:nth-child(1) .progress-percent {
  position: absolute;
  left: 88%;
  bottom: 15px;
}
.progress-bar-wrapper .progress-info:nth-child(2) .progress-percent {
  position: absolute;
  left: 95%;
  bottom: 15px;
}
.progress-bar-wrapper .progress-info:nth-child(3) .progress-percent {
  position: absolute;
  left: 80%;
  bottom: 15px;
}

.gt_text_invert > div {
  background-image: linear-gradient(to right, #111013 50%, #9E9EA3 50%);
  background-size: 200% 100%;
  background-position: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.hover-item {
  position: relative;
  display: inline-block;
}

.cursor-content {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 148px;
  height: 147px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(47.5px);
  border-radius: 100%;
  white-space: nowrap;
  z-index: 2;
  color: var(--gt-white);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
}

.no-cursor {
  pointer-events: auto;
  cursor: pointer;
}

.gt_text_invert_2 > div {
  background-image: linear-gradient(to right, #111013 50%, #e4e4e4 50%);
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.gt_text_invert_3 > div {
  background-image: linear-gradient(to right, #111013 50%, #e4e4e4 50%);
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.gt_text_invert_4 > div {
  background-image: linear-gradient(to right, var(--gt-white) 50%, var(--gt-text-4) 50%);
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.line-shape-1 {
  height: 1px;
  background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 5px, transparent 5px, transparent 10px);
  animation: dash-3 1s linear infinite;
}

.line-shape-2 {
  height: 1px;
  background: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 5px, transparent 5px, transparent 10px);
  animation: dash-3 1s linear infinite;
}

.line-shape-3 {
  height: 1px;
  background: repeating-linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 7px, transparent 4px, transparent 10px);
  animation: dash-4 1s linear infinite;
}

.container-xxl {
  padding: 150px;
}

.gx-40 {
  --bs-gutter-x: 40px;
}

.gy-40 {
  --bs-gutter-y: 40px;
}

.gx-35 {
  --bs-gutter-x: 35px;
}

.gx-6 {
  --bs-gutter-x: 100px;
}
@media (max-width: 1399px) {
  .gx-6 {
    --bs-gutter-x: 30px;
  }
}

.gy-6 {
  --bs-gutter-y: 100px;
}
@media (max-width: 1399px) {
  .gy-6 {
    --bs-gutter-y: 30px;
  }
}

.thumb-wrap {
  margin-bottom: 25px;
  position: relative;
}

.thumb-wrap .tp--hover-img {
  overflow: hidden;
}

.thumb-wrap .tp--hover-img img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.thumb-wrap .tp--hover-img canvas {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.design-project-thumb img {
  will-change: transform;
}

/* CSS */
.marquee-vert {
  width: 260px;
  height: 360px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #fff;
  position: relative;
}

.track {
  display: flex;
  flex-direction: column;
  animation: scrollUp 30s linear infinite;
  gap: 60px;
}

.marquee-vert:hover .track {
  animation-play-state: paused;
}

.content-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.content-pagination ul li a {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: center;
  text-transform: capitalize;
  color: #121212;
  width: 55px;
  height: 55px;
  background-color: #ffffff;
  border-radius: 100%;
  border: 1px solid rgba(18, 18, 18, 0.2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.content-pagination ul li a svg path {
  fill: #121212;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.content-pagination ul li a:hover,
.content-pagination ul li.active a {
  background-color: #121212;
  color: var(--gt-white);
}
.content-pagination ul li a:hover svg path {
  fill: var(--gt-theme);
}

.search-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.search-popup__overlay {
  position: fixed;
  width: 224vw;
  height: 224vw;
  top: calc(90px - 112vw);
  right: calc(50% - 112vw);
  z-index: 3;
  display: block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: transform 0.8s ease-in-out;
  -khtml-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  background-color: #000000;
  opacity: 0.7;
  cursor: url(../../assets/img/close.png), auto;
}

@media (max-width: 767px) {
  .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(-110%);
  }
}
.search-popup__content {
  position: fixed;
  width: 0;
  max-width: 560px;
  padding: 30px 15px;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition-delay: 0s, 0.8s, 0s;
  transition-delay: 0s, 0.4s, 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.search-popup__form {
  position: relative;
}

.search-popup__form input[type=search],
.search-popup__form input[type=text] {
  width: 100%;
  height: 66px;
  border: none;
  outline: none;
  padding-left: 20px;
  background-color: var(--gt-white);
  font-size: 16px;
  font-weight: 400;
  color: var(--gt-text);
  transition: all 500ms ease;
}

.search-popup__form input[type=search]:focus,
.search-popup__form input[type=text]:focus {
  color: var(--gt-header);
}

.search-popup__form .search-btn {
  padding: 0;
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 0;
  font-size: 20px;
  color: var(--gt-black);
  background-color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.search-popup__form .search-btn:hover {
  background-color: var(--gt-header);
  color: #fff;
}

.search-popup__form .eolexi-btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.search-popup.active {
  z-index: 999999;
}

.search-popup.active .search-popup__overlay {
  top: auto;
  bottom: calc(90px - 112vw);
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  opacity: 0.7;
  -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}

@media (max-width: 767px) {
  .search-popup.active .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(0%);
  }
}
.search-popup.active .search-popup__content {
  width: 100%;
  opacity: 1;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.error-wrapper {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 190px;
}
@media (max-width: 1399px) {
  .error-wrapper {
    padding-top: 130px;
  }
}
@media (max-width: 991px) {
  .error-wrapper {
    padding-top: 110px;
  }
}
.error-wrapper .error h2 {
  color: var(--gt-black);
  font-size: 350px;
  line-height: 1;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .error-wrapper .error h2 {
    font-size: 140px;
  }
}
@media (max-width: 991px) {
  .error-wrapper .error h2 {
    font-size: 130px;
  }
}
@media (max-width: 575px) {
  .error-wrapper .error h2 {
    font-size: 100px;
  }
}
.error-wrapper .error-content h2 {
  font-size: 72px;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: initial;
}
@media (max-width: 1199px) {
  .error-wrapper .error-content h2 {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .error-wrapper .error-content h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .error-wrapper .error-content h2 {
    font-size: 30px;
  }
}
.error-wrapper .error-content p {
  margin-top: 22px;
}
.error-wrapper .error-btn {
  display: inline-block;
  padding: 18px 32px;
  background-color: var(--gt-black);
  border-radius: 30px;
  color: var(--gt-white);
  line-height: 1;
  margin-top: 40px;
}
.error-wrapper .error-btn i {
  margin-left: 8px;
}
.error-wrapper .error-btn:hover {
  background-color: var(--gt-theme);
  color: var(--gt-black);
}

.gt-slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.gt-brand-slide-element {
  width: auto;
  display: inline-block;
}

.section-padding {
  padding: 120px 0;
}
@media (max-width: 1199px) {
  .section-padding {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 80px 0;
  }
}

.hero-area-one .tp-letter-span {
  display: inline-block;
}
.hero-area-one .hero-wrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 220px 0 80px 0;
}
@media (max-width: 767px) {
  .hero-area-one .hero-wrapper {
    padding: 150px 0 100px 0;
  }
}
.hero-area-one .hero-wrapper .content__img {
  position: absolute;
  width: 300px;
  height: 400px;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.hero-area-one .hero-wrapper .content__img-inner {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background-repeat: no-repeat;
}
.hero-area-one .hero-wrapper .hero-line-one {
  position: absolute;
  bottom: 0;
  left: 200px;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 1899px) {
  .hero-area-one .hero-wrapper .hero-line-one {
    left: 20%;
  }
}
.hero-area-one .hero-wrapper .hero-line-two {
  position: absolute;
  bottom: 0;
  right: 200px;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 1899px) {
  .hero-area-one .hero-wrapper .hero-line-two {
    right: 20%;
  }
}
.hero-area-one .hero-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
}
.hero-area-one .hero-wrapper .container {
  position: relative;
}
.hero-area-one .hero-wrapper .hero-section-title {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .hero-area-one .hero-wrapper .hero-section-title {
    margin-bottom: 0;
  }
}
.hero-area-one .hero-wrapper .hero-section-title h1 {
  color: var(--gt-white);
  margin-bottom: 20px;
  font-family: "Playfair Display", serif;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .hero-area-one .hero-wrapper .hero-section-title h1 {
    margin-bottom: 0 !important;
  }
}
.hero-area-one .hero-wrapper .hero-section-title .title {
  color: var(--gt-theme);
  font-family: "Anton", sans-serif;
  font-size: 200px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  letter-spacing: -2px;
  text-transform: uppercase;
  text-align: center;
  line-height: 180px;
}
@media (max-width: 1399px) {
  .hero-area-one .hero-wrapper .hero-section-title .title {
    font-size: 140px;
    line-height: 80%;
  }
}
@media (max-width: 991px) {
  .hero-area-one .hero-wrapper .hero-section-title .title {
    font-size: 105px;
    line-height: 100px;
  }
}
@media (max-width: 767px) {
  .hero-area-one .hero-wrapper .hero-section-title .title {
    font-size: 80px;
    line-height: 85px;
  }
}
@media (max-width: 575px) {
  .hero-area-one .hero-wrapper .hero-section-title .title {
    font-size: 72px;
    line-height: 77px;
  }
}
@media (max-width: 500px) {
  .hero-area-one .hero-wrapper .hero-section-title .title {
    font-size: 70px;
    line-height: 75px;
  }
}
@media (max-width: 470px) {
  .hero-area-one .hero-wrapper .hero-section-title .title {
    font-size: 60px;
    line-height: 68px;
  }
}
@media (max-width: 450px) {
  .hero-area-one .hero-wrapper .hero-section-title .title {
    font-size: 47px;
    line-height: 53px;
  }
}
.hero-area-one .hero-wrapper .hero-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .hero-area-one .hero-wrapper .hero-content {
    flex-direction: column-reverse;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .hero-area-one .hero-wrapper .hero-content {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.hero-area-one .hero-wrapper .hero-content .title-two {
  color: var(--gt-white);
  font-family: "Anton", sans-serif;
  font-size: 200px;
  font-style: normal;
  font-weight: 400;
  line-height: 180px;
  letter-spacing: -2px;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 1399px) {
  .hero-area-one .hero-wrapper .hero-content .title-two {
    font-size: 130px;
    line-height: 130%;
  }
}
@media (max-width: 991px) {
  .hero-area-one .hero-wrapper .hero-content .title-two {
    font-size: 105px;
    line-height: 100px;
  }
}
@media (max-width: 767px) {
  .hero-area-one .hero-wrapper .hero-content .title-two {
    font-size: 80px;
    line-height: 85px;
  }
}
@media (max-width: 500px) {
  .hero-area-one .hero-wrapper .hero-content .title-two {
    font-size: 70px;
    line-height: 75px;
  }
}
@media (max-width: 470px) {
  .hero-area-one .hero-wrapper .hero-content .title-two {
    font-size: 60px;
    line-height: 68px;
  }
}
@media (max-width: 450px) {
  .hero-area-one .hero-wrapper .hero-content .title-two {
    font-size: 47px;
    line-height: 53px;
  }
}
.hero-area-one .hero-wrapper .hero-content .text {
  color: var(--gt-text-1);
  max-width: 300px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
  margin-left: -26px;
}
@media (max-width: 1600px) {
  .hero-area-one .hero-wrapper .hero-content .text {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .hero-area-one .hero-wrapper .hero-content .text {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .hero-area-one .hero-wrapper .hero-content .our-clint {
    gap: 3px;
  }
}
@media (max-width: 767px) {
  .hero-area-one .hero-wrapper .hero-content .our-clint {
    display: none;
  }
}
.hero-area-one .hero-wrapper .hero-content .our-clint .text {
  max-width: 116px;
}

.hero-area-two .hero-wrapper {
  padding-top: 278px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1399px) {
  .hero-area-two .hero-wrapper {
    padding-top: 150px;
  }
}
.hero-area-two .hero-wrapper .hero-shape-bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}
.hero-area-two .hero-wrapper .hero-shape-1 {
  position: absolute;
  right: 150px;
  top: 200px;
  z-index: -1;
}
.hero-area-two .hero-wrapper .hero-shape-2 {
  position: absolute;
  left: 0;
  bottom: 123px;
  z-index: -1;
}
.hero-area-two .hero-wrapper .hero-shape-3 {
  position: absolute;
  right: 0;
  top: 148px;
  z-index: 0;
}
.hero-area-two .hero-wrapper .line-shape-1 {
  position: absolute;
  left: 75px;
  bottom: 0;
  width: calc(100% - 150px);
  height: 1px;
  background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 5px, transparent 5px, transparent 10px);
  z-index: -1;
  animation: dash-3 1s linear infinite;
}
.hero-area-two .hero-wrapper .note-btn {
  border-radius: 4px;
  color: var(--gt-white);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: -0.36px;
  text-transform: capitalize;
  display: inline-block;
  padding: 7px 10px;
}
.hero-area-two .hero-wrapper .note-btn.note-btn-1 {
  transform: rotate(15deg);
  background: var(--gt-bg6);
  position: absolute;
  bottom: 240px;
  left: 199px;
}
@media (max-width: 1399px) {
  .hero-area-two .hero-wrapper .note-btn.note-btn-1 {
    left: 100px;
  }
}
@media (max-width: 470px) {
  .hero-area-two .hero-wrapper .note-btn.note-btn-1 {
    display: none;
  }
}
.hero-area-two .hero-wrapper .note-btn.note-btn-2 {
  transform: rotate(-15deg);
  background: var(--gt-bg7);
  position: absolute;
  right: 704px;
  top: 209px;
}
@media (max-width: 1399px) {
  .hero-area-two .hero-wrapper .note-btn.note-btn-2 {
    top: 100px;
  }
}
@media (max-width: 1199px) {
  .hero-area-two .hero-wrapper .note-btn.note-btn-2 {
    right: 50%;
  }
}
.hero-area-two .hero-wrapper .note-btn.note-btn-3 {
  transform: rotate(15deg);
  background: var(--gt-bg8);
  position: absolute;
  right: 163px;
  bottom: 122px;
}
@media (max-width: 1399px) {
  .hero-area-two .hero-wrapper .note-btn.note-btn-3 {
    right: 50px;
  }
}
.hero-area-two .hero-wrapper .container-fluid {
  margin: 0 150px;
}
@media (max-width: 1399px) {
  .hero-area-two .hero-wrapper .container-fluid {
    margin: 50px;
  }
}
@media (max-width: 1199px) {
  .hero-area-two .hero-wrapper .container-fluid {
    margin: 0;
  }
}
.hero-area-two .hero-wrapper .hero-section-heading {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .hero-area-two .hero-wrapper .hero-section-heading {
    margin-bottom: 30px;
  }
}
.hero-area-two .hero-wrapper .hero-section-heading .title {
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: 100px;
  letter-spacing: -3px;
  text-transform: capitalize;
  max-width: 100%;
  display: block;
}
@media (max-width: 1399px) {
  .hero-area-two .hero-wrapper .hero-section-heading .title {
    font-size: 90px;
  }
}
@media (max-width: 1199px) {
  .hero-area-two .hero-wrapper .hero-section-heading .title {
    font-size: 80px;
    line-height: 85px;
  }
}
@media (max-width: 767px) {
  .hero-area-two .hero-wrapper .hero-section-heading .title {
    font-size: 70px;
    line-height: 72px;
  }
}
@media (max-width: 575px) {
  .hero-area-two .hero-wrapper .hero-section-heading .title {
    font-size: 65px;
    line-height: 72px;
  }
}
@media (max-width: 500px) {
  .hero-area-two .hero-wrapper .hero-section-heading .title {
    font-size: 60px;
    line-height: 70px;
  }
}
@media (max-width: 470px) {
  .hero-area-two .hero-wrapper .hero-section-heading .title {
    font-size: 55px;
    line-height: 65px;
  }
}
@media (max-width: 450px) {
  .hero-area-two .hero-wrapper .hero-section-heading .title {
    font-size: 40px;
    line-height: 52px;
  }
}
.hero-area-two .hero-wrapper .hero-main-content {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-left: 225px;
}
@media (max-width: 1199px) {
  .hero-area-two .hero-wrapper .hero-main-content {
    gap: 30px;
  }
}
@media (max-width: 1399px) {
  .hero-area-two .hero-wrapper .hero-main-content {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .hero-area-two .hero-wrapper .hero-main-content {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .hero-area-two .hero-wrapper .hero-main-content {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .hero-area-two .hero-wrapper .hero-main-content .hero-thumb {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .hero-area-two .hero-wrapper .hero-main-content .hero-thumb img {
    width: 100%;
  }
}
.hero-area-two .hero-wrapper .hero-main-content .content {
  color: var(--gt-text-2);
  text-transform: capitalize;
}
.hero-area-two .hero-wrapper .hero-main-content .content .text {
  color: var(--gt-text-2);
  text-transform: capitalize;
  max-width: 545px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .hero-area-two .hero-wrapper .hero-main-content .content .text {
    font-size: 14px;
  }
}
.hero-area-two .hero-wrapper .hero-main-content .content .hero-btn-wrap {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 450px) {
  .hero-area-two .hero-wrapper .hero-main-content .content .hero-btn-wrap {
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }
}

.hero-area-three {
  padding-top: 280px;
  position: relative;
  margin-bottom: 150px;
}
.hero-area-three .hero-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.hero-area-three .hero-line img {
  width: 100%;
}
@media (max-width: 1399px) {
  .hero-area-three {
    padding-top: 170px;
  }
}
@media (max-width: 1199px) {
  .hero-area-three {
    padding-top: 150px;
  }
}
@media (max-width: 991px) {
  .hero-area-three {
    padding-top: 150px;
  }
}
@media (max-width: 767px) {
  .hero-area-three {
    padding-top: 150px;
  }
}
.hero-area-three .hero-wrapper {
  position: relative;
  margin: 0 138px;
}
@media (max-width: 1899px) {
  .hero-area-three .hero-wrapper {
    margin: 0 20px;
  }
}
.hero-area-three .hero-wrapper .main-shape {
  position: absolute;
  top: -50px;
  right: 40%;
}
.hero-area-three .hero-wrapper .hero-section-title .sub-title {
  color: var(--gt-black);
  font-family: "Playfair Display", serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.3px;
  text-transform: capitalize;
  margin-bottom: 8px;
  margin-bottom: 20px;
}
.hero-area-three .hero-wrapper .hero-section-title .title {
  color: var(--gt-black);
  font-size: 130px;
  font-style: normal;
  font-weight: 600;
  line-height: 140px;
  text-transform: capitalize;
  max-width: 880px;
  margin-bottom: 70px;
}
@media (max-width: 1899px) {
  .hero-area-three .hero-wrapper .hero-section-title .title {
    font-size: 115px;
    line-height: 120px;
  }
}
@media (max-width: 1600px) {
  .hero-area-three .hero-wrapper .hero-section-title .title {
    font-size: 85px;
    line-height: 110px;
    max-width: 680px;
  }
}
@media (max-width: 1199px) {
  .hero-area-three .hero-wrapper .hero-section-title .title {
    font-size: 130px;
    line-height: 140px;
    max-width: 880px;
  }
}
@media (max-width: 991px) {
  .hero-area-three .hero-wrapper .hero-section-title .title {
    font-size: 85px;
    line-height: 110px;
    max-width: 680px;
  }
}
@media (max-width: 767px) {
  .hero-area-three .hero-wrapper .hero-section-title .title {
    font-size: 65px;
    line-height: 70px;
    margin-bottom: 30px;
    max-width: 500px;
  }
}
@media (max-width: 575px) {
  .hero-area-three .hero-wrapper .hero-section-title .title {
    font-size: 57px;
    line-height: 60px;
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  .hero-area-three .hero-wrapper .hero-section-title .title {
    font-size: 40px;
    line-height: 50px;
    max-width: 370px;
  }
}
@media (max-width: 470px) {
  .hero-area-three .hero-wrapper .hero-section-title .title {
    max-width: 280px;
  }
}
@media (max-width: 350px) {
  .hero-area-three .hero-wrapper .hero-section-title .title {
    font-size: 38px;
    line-height: 45px;
    max-width: 250px;
  }
}
@media (max-width: 767px) {
  .hero-area-three .hero-wrapper .hero-section-title .title span svg {
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 470px) {
  .hero-area-three .hero-wrapper .hero-section-title .title span svg {
    display: none;
  }
}
.hero-area-three .hero-wrapper .text-content {
  margin-left: 247px;
  margin-bottom: 124px;
}
@media (max-width: 1600px) {
  .hero-area-three .hero-wrapper .text-content {
    margin-left: 80px;
  }
}
@media (max-width: 1199px) {
  .hero-area-three .hero-wrapper .text-content {
    margin-left: 0;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .hero-area-three .hero-wrapper .text-content {
    margin-bottom: 30px;
  }
}
.hero-area-three .hero-wrapper .text-content h4 {
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
}
.hero-area-three .hero-wrapper .text-content .text {
  color: var(--gt-text-2);
  text-transform: capitalize;
  max-width: 555px;
}
.hero-area-three .hero-wrapper .hero-clint-part {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1600px) {
  .hero-area-three .hero-wrapper .hero-clint-part {
    justify-content: start;
    gap: 50px;
  }
}
@media (max-width: 575px) {
  .hero-area-three .hero-wrapper .hero-clint-part {
    flex-direction: column;
    align-items: start;
    gap: 30px;
  }
}
@media (max-width: 1600px) {
  .hero-area-three .hero-wrapper .hero-clint-part .shape {
    display: none;
  }
}
@media (max-width: 575px) {
  .hero-area-three .hero-wrapper .hero-clint-part .our-clint {
    margin-left: 25px;
  }
}
.hero-area-three .hero-wrapper .thumb-wrap {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-left: -58px;
}
@media (max-width: 1899px) {
  .hero-area-three .hero-wrapper .thumb-wrap {
    margin-left: -85px;
  }
}
@media (max-width: 1600px) {
  .hero-area-three .hero-wrapper .thumb-wrap {
    margin-left: -150px;
  }
}
@media (max-width: 1399px) {
  .hero-area-three .hero-wrapper .thumb-wrap {
    margin-left: 0;
  }
}
.hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper {
  width: 50%;
  position: relative;
}
@media (max-width: 1399px) {
  .hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper {
    display: none;
  }
}
.hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper .masked-img {
  width: 100%;
  min-height: 687px;
  object-fit: cover;
  clip-path: path("M345.653 0.0007L345.767 335.199L0 335.188C5.42343 149.38 158.272 -0.380283 345.653 0.0007Z M1.77502 352.484L347 352.467L345.492 687C158.416 686.646 6.4537 537.738 1.77502 352.484Z");
}
.hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper .shape-1 {
  position: absolute;
  bottom: -18px;
  left: -16px;
}
@media (max-width: 1899px) {
  .hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper .shape-1 {
    display: none;
  }
}
.hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper .shape-1 svg path {
  stroke: black;
  stroke-opacity: 0.25;
  stroke-width: 1.5;
  fill: none;
  stroke-dasharray: 5 5;
  animation: move-dash 2s linear infinite;
}
.hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper-2 {
  width: 50%;
  margin-top: -165px;
  position: relative;
}
@media (max-width: 1600px) {
  .hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper-2 {
    width: 100%;
  }
}
@media (max-width: 1399px) {
  .hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper-2 {
    margin-top: 0;
  }
}
@media (max-width: 1199px) {
  .hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper-2 {
    display: none;
  }
}
.hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper-2 .masked-img {
  width: 100%;
  min-height: 687px;
  object-fit: cover;
  clip-path: path("M344.711 352.983C339.777 537.564 188.41 685.881 2.00488 686.497L0.501953 352.967L344.711 352.983ZM1.8457 0.500977C188.554 0.386501 340.805 149.551 346.482 334.688L1.7334 334.697L1.8457 0.500977Z");
}
.hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper-2 .shape-2 {
  position: absolute;
  top: -22px;
  right: -10px;
}
@media (max-width: 1899px) {
  .hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper-2 .shape-2 {
    display: none;
  }
}
.hero-area-three .hero-wrapper .thumb-wrap .shape-wrapper-2 .shape-2 svg path {
  stroke: black;
  stroke-opacity: 0.25;
  stroke-width: 1.5;
  fill: none;
  stroke-dasharray: 5 5;
  animation: move-dash 2s linear infinite;
}

.hero-area-four .hero-wrapper {
  position: relative;
}
.hero-area-four .hero-wrapper .hero-bg {
  position: absolute;
  right: 0;
  bottom: -578px;
  z-index: -1;
}
.hero-area-four .hero-wrapper .hero-top-content {
  display: flex;
  align-items: center;
  padding-bottom: 0;
}
@media (max-width: 1199px) {
  .hero-area-four .hero-wrapper .col-xl-3 {
    display: none;
  }
}
.hero-area-four .hero-wrapper .hero-main-content {
  padding-top: 94px;
}
@media (max-width: 991px) {
  .hero-area-four .hero-wrapper .hero-main-content {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .hero-area-four .hero-wrapper .hero-main-content {
    padding-top: 40px;
  }
}
.hero-area-four .hero-wrapper .hero-main-content .section-title {
  margin-bottom: 45px;
}
.hero-area-four .hero-wrapper .hero-main-content .section-title .sub-title {
  color: var(--gt-text-5);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.hero-area-four .hero-wrapper .hero-main-content .section-title .title {
  color: var(--gt-text-6);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 300;
  line-height: 110px;
  letter-spacing: -3px;
}
@media (max-width: 1399px) {
  .hero-area-four .hero-wrapper .hero-main-content .section-title .title {
    font-size: 85px;
    line-height: 102px;
  }
}
@media (max-width: 991px) {
  .hero-area-four .hero-wrapper .hero-main-content .section-title .title {
    font-size: 84px;
    line-height: 94px;
  }
}
@media (max-width: 767px) {
  .hero-area-four .hero-wrapper .hero-main-content .section-title .title {
    font-size: 64px;
    line-height: 77px;
  }
}
@media (max-width: 575px) {
  .hero-area-four .hero-wrapper .hero-main-content .section-title .title {
    font-size: 59px;
    line-height: 74px;
  }
}
@media (max-width: 500px) {
  .hero-area-four .hero-wrapper .hero-main-content .section-title .title {
    font-size: 56px;
    line-height: 68px;
  }
}
@media (max-width: 470px) {
  .hero-area-four .hero-wrapper .hero-main-content .section-title .title {
    font-size: 50px;
    line-height: 64px;
  }
}
@media (max-width: 450px) {
  .hero-area-four .hero-wrapper .hero-main-content .section-title .title {
    font-size: 42px;
    line-height: 57px;
  }
}
@media (max-width: 350px) {
  .hero-area-four .hero-wrapper .hero-main-content .section-title .title {
    font-size: 39px;
    line-height: 54px;
  }
}
.hero-area-four .hero-wrapper .hero-main-content .section-title .title span {
  font-weight: 600;
}
.hero-area-four .hero-wrapper .hero-main-content .hero-right-content {
  margin-right: -20px;
}
.hero-area-four .hero-wrapper .hero-main-content .hero-right-content .right-text {
  color: var(--gt-text-5);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 35px;
}
.hero-area-four .hero-wrapper .hero-main-content .hero-right-content .our-clint {
  margin-left: 25px;
}

.hero-4 {
  padding: 180px 0 0;
}
.hero-4 .hero-content h1 {
  color: var(--gt-black);
  font-size: 122.704px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -3.408px;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
}
@media (max-width: 1199px) {
  .hero-4 .hero-content h1 {
    letter-spacing: initial;
  }
  .hero-4 .hero-content h1 br {
    display: none;
  }
}
@media (max-width: 1399px) {
  .hero-4 .hero-content h1 {
    font-size: 100px;
  }
}
@media (max-width: 1199px) {
  .hero-4 .hero-content h1 {
    font-size: 90px;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-content h1 {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .hero-4 .hero-content h1 {
    font-size: 46px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-content h1 {
    font-size: 42px;
  }
}
@media (max-width: 470px) {
  .hero-4 .hero-content h1 {
    font-size: 36px;
  }
}
.hero-4 .hero-content h1 .text {
  color: var(--gt-theme);
  opacity: 0.87;
  font-size: 136px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .hero-4 .hero-content h1 .text {
    display: none;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-content h1 img {
    display: none;
  }
}
.hero-4 .hero-content .hero-bottom {
  margin-top: 60px;
  display: flex;
  align-items: end;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .hero-4 .hero-content .hero-bottom {
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 30px;
    align-items: center;
  }
}
.hero-4 .hero-content .hero-bottom .social-icon {
  gap: 6px;
}
.hero-4 .hero-content .hero-bottom .social-icon a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--gt-black);
  color: var(--gt-white);
}
.hero-4 .hero-content .hero-bottom .social-icon a:hover {
  background-color: var(--gt-theme);
}
.hero-4 .hero-content .hero-bottom .content {
  display: flex;
  gap: 10px;
  border-top: 1px solid var(--gt-black);
  max-width: 430px;
  padding-top: 30px;
}
@media (max-width: 575px) {
  .hero-4 .hero-content .hero-bottom .content {
    padding-top: 20px;
  }
}
.hero-4 .hero-content .hero-bottom .content p {
  color: var(--gt-black);
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  max-width: 400px;
}
@media (max-width: 575px) {
  .hero-4 .hero-content .hero-bottom .content p {
    font-size: 16px;
  }
}
.hero-4 .hero-image {
  margin-top: 120px;
}
@media (max-width: 1399px) {
  .hero-4 .hero-image {
    height: 600px;
  }
  .hero-4 .hero-image img {
    object-fit: cover;
  }
}
@media (max-width: 1199px) {
  .hero-4 .hero-image {
    margin-top: 80px;
    height: 500px;
  }
  .hero-4 .hero-image img {
    object-fit: cover;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-image {
    margin-top: 50px;
    height: 600px;
  }
  .hero-4 .hero-image img {
    object-fit: cover;
  }
}
.hero-4 .hero-image img {
  width: 100%;
  height: 100%;
}

.hero-1 {
  padding-top: 120px;
  position: relative;
}
.hero-1 .random-shape {
  position: absolute;
  top: 24%;
  left: 18%;
}
@media (max-width: 1199px) {
  .hero-1 .random-shape {
    display: none;
  }
}
.hero-1 .arrow-shape {
  position: absolute;
  top: 28%;
  left: 45.5%;
}
@media (max-width: 1199px) {
  .hero-1 .arrow-shape {
    display: none;
  }
}
.hero-1 .star-shape {
  position: absolute;
  top: 15%;
  right: 22%;
}
@media (max-width: 1199px) {
  .hero-1 .star-shape {
    display: none;
  }
}
.hero-1 .hero-info {
  display: flex;
  align-items: center;
  gap: 10px;
  gap: 20px;
  position: absolute;
  transform: rotate(-90deg) translateY(-50%);
  top: 50%;
  left: -45px;
}
@media (max-width: 1199px) {
  .hero-1 .hero-info {
    display: none;
  }
}
.hero-1 .hero-info a {
  font-size: 14px;
  font-weight: 500;
  color: var(--gt-text);
  position: relative;
  transition: all 0.4s ease-in-out;
  font-family: "Inter", sans-serif;
}
.hero-1 .hero-info a.active {
  color: var(--gt-black);
}
.hero-1 .hero-info a.active::before {
  width: 50%;
}
.hero-1 .hero-info a::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--gt-theme);
  transition: all 0.4s ease-in-out;
}
.hero-1 .hero-info a:hover {
  color: var(--gt-black);
}
.hero-1 .hero-info a:hover::before {
  width: 50%;
}
.hero-1 .hero-images {
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .hero-1 .hero-images img {
    width: 100%;
    height: 100%;
  }
}
.hero-1 .hero-images .hero-shape {
  position: absolute;
  left: -10px;
  bottom: 48px;
  z-index: -1;
}
@media (max-width: 1199px) {
  .hero-1 .hero-images .hero-shape {
    display: none;
  }
}
.hero-1 .hero-images .hero-shape img {
  height: initial;
  width: initial;
}
.hero-1 .hero-content span {
  color: var(--gt-black);
  font-size: 18px;
  font-weight: 600;
}
.hero-1 .hero-content span img {
  margin-right: 10px;
}
.hero-1 .hero-content h1 {
  font-size: 75px;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: "Inter", sans-serif;
  color: var(--gt-black);
  line-height: 1.3;
}
@media (max-width: 1199px) {
  .hero-1 .hero-content h1 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content h1 {
    font-size: 35px;
  }
}
.hero-1 .hero-content h1 .type-text {
  display: inline-block;
  white-space: nowrap;
  min-width: 150px;
  word-break: keep-all;
}
.hero-1 .hero-content h1 .type-text span {
  color: var(--gt-text);
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}
.hero-1 .hero-content p {
  letter-spacing: 0;
}
.hero-1 .hero-content .hero-btn-wrapper {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1199px) {
  .hero-1 .hero-content .hero-btn-wrapper {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.hero-1 .hero-content .hero-btn-wrapper .video-btn {
  display: flex;
  align-items: center;
  gap: 9px;
}
.hero-1 .hero-content .hero-btn-wrapper .video-btn span {
  margin-bottom: 0;
}
.hero-1 .hero-content .hero-btn-wrapper .video-btn .icon {
  width: 56px;
  height: 56px;
  border-radius: 100px;
  border: 1px solid rgba(102, 102, 102, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-1 .hero-content .hero-btn-wrapper .video-btn .icon i {
  color: var(--gt-theme);
}
.hero-1 .hero-content .hero-btn-wrapper .video-btn .text {
  font-size: 14px;
  font-family: "Inter", sans-serif;
  color: var(--gt-black);
  font-weight: 600;
  line-height: 24px;
}

.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  text-transform: uppercase;
  color: var(--gt-text-5);
  border-bottom: 1px solid #E5E5E5 !important;
  border: none;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--gt-theme);
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--gt-theme);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li {
  padding-top: 0;
}
.mean-container .mean-nav ul li .submenu .homemenu-title {
  padding: 0 10%;
  padding-top: 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  font-family: "Anton", sans-serif;
  padding-left: 32px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.mean-container .mean-nav ul .desktop-page {
  display: none !important;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
  font-size: 18px;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}

body.loaded {
  overflow: hidden !important;
  height: 100% !important;
}

.loader-wrap {
  position: fixed;
  z-index: 10;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  z-index: 99999999999999;
}

.loader-wrap svg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 110vh;
  fill: #121212;
}

.loader-wrap .loader-wrap-heading .load-text {
  font-size: 62px;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: uppercase;
  z-index: 20;
  font-family: "Playfair Display", serif;
  color: var(--gt-white);
}
@media (max-width: 991px) {
  .loader-wrap .loader-wrap-heading .load-text {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .loader-wrap .loader-wrap-heading .load-text {
    font-size: 20px;
  }
}

.load-text span {
  -webkit-animation: loading 1s infinite alternate;
  animation: loading 1s infinite alternate;
}

.load-text span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.load-text span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.load-text span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.load-text span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.load-text span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.load-text span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.load-text span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.containers {
  position: inherit;
}

.gt-back-to-top {
  background-color: var(--gt-theme);
  width: 50px;
  height: 50px;
  line-height: 40px;
  color: var(--gt-black);
  font-size: 16px;
  position: fixed;
  display: inline-block;
  z-index: 999;
  right: 30px;
  bottom: 30px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  border-radius: 4px;
}
.gt-back-to-top:hover {
  background-color: var(--gt-header);
  color: var(--gt-white);
}
.gt-back-to-top:hover img {
  animation: slideUp 600ms;
}
.gt-back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.cursor-outer {
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--gt-theme);
  background-color: var(--gt-theme);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.34;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.cursor-outer.cursor-hover {
  opacity: 0.14;
}

.cursor-outer.cursor-big {
  opacity: 0;
}

.mouseCursor {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}

.mouseCursor.cursor-big {
  width: 20px;
  height: 20px;
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
}

.cursor-inner {
  -webkit-margin-start: -3px;
  margin-inline-start: -3px;
  margin-top: -3px;
  width: 10px;
  height: 10px;
  z-index: 10000001;
  background-color: var(--gt-theme);
  opacity: 1;
  -webkit-transition: all 0.24s ease-out 0s;
  transition: all 0.24s ease-out 0s;
}
.cursor-inner span {
  color: var(--gt-text);
  line-height: 60px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.cursor-inner.cursor-big span {
  opacity: 1;
}

.cursor-inner.cursor-hover {
  -webkit-margin-start: -10px;
  margin-inline-start: -10px;
  margin-top: -10px;
  width: 30px;
  height: 30px;
  background-color: var(--gt-theme);
  border: 1px solid #686363;
  opacity: 0;
}

.gt-page-nav-wrap ul {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.gt-page-nav-wrap ul li {
  display: inline-block;
  border-radius: 4px;
}
.gt-page-nav-wrap ul li:first-child {
  border: 1px solid #BFBFBF;
}
.gt-page-nav-wrap ul li:first-child a {
  color: var(--gt-theme);
  background-color: transparent;
}
.gt-page-nav-wrap ul li:last-child {
  border: 1px solid var(--gt-theme);
}
.gt-page-nav-wrap ul li:last-child a {
  color: var(--gt-theme);
  background-color: transparent;
}
.gt-page-nav-wrap ul li .gt-page-numbers {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: transparent;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  color: var(--gt-header);
  text-align: center;
  background-color: var(--gt-bg);
  border: 1px solid transparent;
  border-radius: 4px;
}
.gt-page-nav-wrap ul li .gt-page-numbers.current {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}
@media (max-width: 767px) {
  .gt-page-nav-wrap ul li .gt-page-numbers {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.gt-page-nav-wrap ul li .gt-page-numbers i {
  margin-top: 2px;
}
.gt-page-nav-wrap ul li .gt-page-numbers:hover {
  background-color: var(--gt-theme);
  color: var(--gt-white);
}

.service-area-one {
  position: relative;
  z-index: 1;
  background: var(--gt-white);
}
.service-area-one .service-wrapper .section-title {
  margin-bottom: 62px;
}
.service-area-one .service-wrapper .section-title .sub-title {
  margin-bottom: 40px;
}
.service-area-one .service-wrapper .section-title .title {
  max-width: 744px;
  margin: 0 auto;
}
.service-area-one .service-wrapper .service-card {
  position: relative;
  width: 100%;
  height: 450px;
  background: var(--gt-white);
  perspective: 1000px;
  cursor: pointer;
  /* White Card (Default) */
  /* Black Card (Hover State) */
  /* Flip Effect */
}
.service-area-one .service-wrapper .service-card.style-2 .title {
  text-transform: initial !important;
  font-weight: 500 !important;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.service-area-one .service-wrapper .service-card.style-2 .number {
  font-family: "Plus Jakarta Sans", sans-serif;
}
.service-area-one .service-wrapper .service-card .card-front,
.service-area-one .service-wrapper .service-card .card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.6s ease;
  backface-visibility: hidden;
  padding: 30px;
}
.service-area-one .service-wrapper .service-card .card-front {
  color: var(--gt-white);
  box-shadow: 0 4px 70px 0 var(--gt-border-1);
}
.service-area-one .service-wrapper .service-card .card-front .card-top-part {
  margin-bottom: 89px;
}
.service-area-one .service-wrapper .service-card .card-front .card-top-part .number {
  color: var(--gt-white);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--gt-text-1);
  font-family: "Anton", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.service-area-one .service-wrapper .service-card .card-front .title {
  color: var(--gt-black);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .service-area-one .service-wrapper .service-card .card-front .title {
    font-size: 30px;
    line-height: 30px;
  }
}
.service-area-one .service-wrapper .service-card .card-front .avatars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-bottom: 93px;
}
.service-area-one .service-wrapper .service-card .card-front .avatars img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid var(--gt-white);
  object-fit: cover;
  margin-right: -25px;
}
.service-area-one .service-wrapper .service-card .card-front .avatars .count {
  font-size: 14px;
  font-weight: 600;
  background: #000;
  color: var(--gt-white);
  border-radius: 20px;
  padding: 3px 10px;
}
.service-area-one .service-wrapper .service-card .card-front .service-card-shape {
  display: flex;
  align-items: center;
  justify-content: end;
}
.service-area-one .service-wrapper .service-card .card-back {
  background: #000;
  color: var(--gt-white);
  transform: rotateY(180deg);
}
.service-area-one .service-wrapper .service-card .card-back .card-top-part {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 37px;
}
.service-area-one .service-wrapper .service-card .card-back .card-top-part .number {
  color: var(--gt-theme);
  font-family: "Anton", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.service-area-one .service-wrapper .service-card .card-back .card-top-part .title {
  color: var(--gt-white);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .service-area-one .service-wrapper .service-card .card-back .card-top-part .title {
    font-size: 30px;
    line-height: 30px;
  }
}
.service-area-one .service-wrapper .service-card .card-back .services {
  list-style: disc;
  padding-left: 18px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--gt-border-3);
}
.service-area-one .service-wrapper .service-card .card-back .services li {
  color: var(--gt-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}
.service-area-one .service-wrapper .service-card .card-back .review {
  margin-bottom: 46px;
}
.service-area-one .service-wrapper .service-card .card-back .card-bottom-content {
  display: flex;
  align-self: center;
  justify-content: space-between;
}
.service-area-one .service-wrapper .service-card .card-back .card-bottom-content .btn {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s;
}
.service-area-one .service-wrapper .service-card .card-back .card-bottom-content .btn:hover {
  background: #00c853;
  border-color: #00c853;
  color: #000;
}
.service-area-one .service-wrapper .service-card .card-back .card-bottom-content svg path {
  fill: var(--gt-theme);
}
.service-area-one .service-wrapper .service-card:hover .card-front {
  transform: rotateY(180deg);
}
.service-area-one .service-wrapper .service-card:hover .card-back {
  transform: rotateY(360deg);
}
.service-area-one .service-wrapper .service-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-area-two .service-wrapper .section-title .title {
  color: var(--gt-black);
  text-align: center !important;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: -0.6px;
  max-width: 1410px;
  margin: 0 auto 150px auto;
}
@media (max-width: 1399px) {
  .service-area-two .service-wrapper .section-title .title {
    margin-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .service-area-two .service-wrapper .section-title .title {
    font-size: 50px;
    line-height: 57px;
  }
}
@media (max-width: 991px) {
  .service-area-two .service-wrapper .section-title .title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .service-area-two .service-wrapper .section-title .title {
    margin-bottom: 50px;
  }
}
@media (max-width: 450px) {
  .service-area-two .service-wrapper .section-title .title {
    font-size: 24px;
    line-height: 32px;
  }
}
.service-area-two .service-wrapper .sub-title {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  padding-bottom: 68px;
}
@media (max-width: 767px) {
  .service-area-two .service-wrapper .sub-title {
    padding-bottom: 30px;
  }
}
.service-area-two .service-wrapper .line-shape-1 {
  height: 1px;
  background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 5px, transparent 5px, transparent 10px);
  animation: dash-3 1s linear infinite;
}
@media (max-width: 1199px) {
  .service-area-two .service-wrapper .line-shape-1.mb-75 {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .service-area-two .service-wrapper .line-shape-1.mt-75 {
    margin-top: 30px;
  }
}
@media (max-width: 1199px) {
  .service-area-two .service-wrapper .line-shape-1.mt-55 {
    margin-top: 30px;
  }
}
.service-area-two .service-wrapper .thumb {
  overflow: hidden;
  text-align: start;
  margin-right: 65px;
}
@media (max-width: 1199px) {
  .service-area-two .service-wrapper .thumb {
    margin-right: 0;
  }
}
.service-area-two .service-wrapper .thumb img {
  width: 35%;
  object-fit: cover;
  min-height: 300px;
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .service-area-two .service-wrapper .thumb img {
    width: 100%;
  }
}
.service-area-two .service-wrapper .service-card-content {
  margin-left: -65px;
}
@media (max-width: 1199px) {
  .service-area-two .service-wrapper .service-card-content {
    margin-left: 0;
  }
}
.service-area-two .service-wrapper .service-card-content .title {
  color: var(--gt-black);
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
  display: inline-block;
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
  transition: all 0.4s ease-in-out;
}
.service-area-two .service-wrapper .service-card-content .title:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, #000 0%, #000 100%);
}
@media (max-width: 991px) {
  .service-area-two .service-wrapper .service-card-content .title {
    font-size: 35px;
    line-height: 38px;
  }
}
@media (max-width: 991px) {
  .service-area-two .service-wrapper .service-card-content .title {
    font-size: 30px;
    line-height: 36px;
  }
}
.service-area-two .service-wrapper .service-card-content .text {
  color: var(--gt-black);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.24px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.service-area-two .service-wrapper .service-card-content .items-wrap {
  display: grid;
  grid-template-columns: 40% 60%;
  row-gap: 15px;
}
@media (max-width: 1199px) {
  .service-area-two .service-wrapper .service-card-content .items-wrap {
    grid-template-columns: 44% 56%;
  }
}
@media (max-width: 767px) {
  .service-area-two .service-wrapper .service-card-content .items-wrap {
    grid-template-columns: 100%;
  }
}
.service-area-two .service-wrapper .service-card-content .items-wrap .item .item-title {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.16px;
}
.service-area-two .service-wrapper .service-card-content .items-wrap .item .text {
  color: var(--gt-text-2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.16px;
  max-width: 373px;
}

.service-area-three {
  margin-left: 255px;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .service-area-three {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .service-area-three .service-wrapper {
    padding: 0 30px;
  }
}
.service-area-three .service-wrapper .services-card-wrap {
  display: flex;
  gap: 150px;
  width: 476px;
  position: relative;
}
@media (max-width: 1199px) {
  .service-area-three .service-wrapper .services-card-wrap {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    width: initial;
  }
}
.service-area-three .service-wrapper .services-card-wrap .wrapper-rolling-text {
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 120px;
  width: 100%;
  z-index: -1;
}
@media (max-width: 767px) {
  .service-area-three .service-wrapper .services-card-wrap .wrapper-rolling-text {
    display: none;
  }
}
.service-area-three .service-wrapper .services-card-wrap .rolling-text {
  display: inline-block;
}
.service-area-three .service-wrapper .services-card-wrap .rolling-text .marquee-text {
  color: #E6E6E6;
  font-size: 310px;
  font-style: normal;
  font-weight: 600;
  line-height: 85px;
  letter-spacing: -3.1px;
  text-transform: capitalize;
}
.service-area-three .service-wrapper .services-card {
  display: flex;
  flex: 0 0 auto;
  width: 930px;
}
@media (max-width: 1199px) {
  .service-area-three .service-wrapper .services-card {
    width: initial;
  }
  .service-area-three .service-wrapper .services-card .solid-btn-2 {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .service-area-three .service-wrapper .services-card {
    flex-direction: column;
    width: 100%;
    gap: 20px;
  }
}
.service-area-three .service-wrapper .services-card .card-left-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 100%;
}
@media (max-width: 1199px) {
  .service-area-three .service-wrapper .services-card .card-left-content {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .service-area-three .service-wrapper .services-card .card-left-content {
    width: 100%;
  }
}
.service-area-three .service-wrapper .services-card .card-left-content .sub-title {
  color: var(--gt-text-2);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .service-area-three .service-wrapper .services-card .card-left-content .sub-title {
    margin-bottom: 20px;
  }
}
.service-area-three .service-wrapper .services-card .card-left-content .title {
  color: var(--gt-black);
  font-size: 45px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .service-area-three .service-wrapper .services-card .card-left-content .title {
    margin-bottom: 30px;
  }
}
.service-area-three .service-wrapper .services-card .card-right-content {
  width: 50%;
}
@media (max-width: 767px) {
  .service-area-three .service-wrapper .services-card .card-right-content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .service-area-three .service-wrapper .services-card .card-right-content .thumb {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .service-area-three .service-wrapper .services-card .card-right-content .thumb img {
    width: 100%;
  }
}

.service-area-four .service-wrapper .title {
  max-width: 487px;
}
@media (max-width: 500px) {
  .service-area-four .service-wrapper .title {
    font-size: 46px;
    line-height: 48px;
  }
}
@media (max-width: 470px) {
  .service-area-four .service-wrapper .title {
    font-size: 38px;
    line-height: 48px;
  }
}
.service-area-four .service-wrapper .title span {
  margin-left: 145px;
}
@media (max-width: 575px) {
  .service-area-four .service-wrapper .title span {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .service-area-four .service-wrapper .row-contol {
    display: none !important;
  }
}
.service-area-four .service-wrapper .gt-funfact-panel-wrap-2 {
  display: flex;
  gap: 200px;
  flex-wrap: nowrap;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .service-area-four .service-wrapper .gt-funfact-panel-wrap-2 {
    display: inline;
  }
}
.service-area-four .service-wrapper .gt-funfact-panel-wrap-2 .gt-funfact-panel-2 {
  display: flex;
  flex: 0 0 auto;
  width: 1410px;
}
@media (max-width: 991px) {
  .service-area-four .service-wrapper .gt-funfact-panel-wrap-2 .gt-funfact-panel-2 {
    width: 100% !important;
    flex-wrap: wrap;
    flex: 0;
  }
}
.service-area-four .service-wrapper .service-right-bottom {
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 138px;
}
@media (max-width: 767px) {
  .service-area-four .service-wrapper .service-right-bottom {
    flex-direction: column;
    gap: 30px;
    align-items: end;
  }
}
@media (max-width: 767px) {
  .service-area-four .service-wrapper .service-right-bottom .thumb {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.service-area-four .service-wrapper .service-right-bottom .thumb span {
  color: var(--gt-white);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--gt-border-7);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -1.5px;
  text-transform: capitalize;
  display: block;
  margin-top: 27px;
}
.service-area-four .service-wrapper .main-thumb {
  margin-left: -50px;
  margin-right: 26px;
}
@media (max-width: 991px) {
  .service-area-four .service-wrapper .main-thumb {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .service-area-four .service-wrapper .main-thumb img {
    width: 100%;
  }
}
.service-area-four .service-wrapper .service-right-content {
  display: flex;
  justify-content: end;
  flex-direction: column;
  height: 100%;
}
.service-area-four .service-wrapper .service-right-content .text {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 34px;
}
.service-area-four .service-wrapper .service-right-content ul li {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.16px;
  list-style: disc;
  margin-left: 20PX;
}

.service-page.service-page-wrapper {
  background-color: var(--gt-theme);
}
.service-page .service-main-content {
  margin-right: -255px;
}
@media (max-width: 1399px) {
  .service-page .service-main-content {
    margin-right: 0;
  }
}
.service-page .wrapper-rolling-text {
  white-space: nowrap;
  z-index: 1;
}
@media (max-width: 767px) {
  .service-page .wrapper-rolling-text {
    display: none;
  }
}
.service-page .rolling-text {
  display: inline-block;
}
.service-page .rolling-text .marquee-text {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 130px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--gt-text-6);
}

.service-page-area-two .service-page-wrapper .content {
  margin-left: 93px;
}
@media (max-width: 1199px) {
  .service-page-area-two .service-page-wrapper .content {
    margin-left: 0;
  }
}
.service-page-area-two .service-page-wrapper .content .text {
  font-weight: 400;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: -0.03em;
  color: var(--gt-text-6);
  max-width: 1087px;
}
@media (max-width: 1600px) {
  .service-page-area-two .service-page-wrapper .content .text {
    font-size: 40px;
    max-width: 887px;
    line-height: 55px;
  }
}
@media (max-width: 1399px) {
  .service-page-area-two .service-page-wrapper .content .text {
    font-size: 32px;
    max-width: 887px;
    line-height: 40px;
  }
}
@media (max-width: 991px) {
  .service-page-area-two .service-page-wrapper .content .text {
    font-size: 35px;
    max-width: 887px;
    line-height: 55px;
  }
}
@media (max-width: 767px) {
  .service-page-area-two .service-page-wrapper .content .text {
    font-size: 28px;
    max-width: 887px;
    line-height: 35px;
  }
}
@media (max-width: 350px) {
  .service-page-area-two .service-page-wrapper .content .text {
    font-size: 20px;
    max-width: 887px;
    line-height: 28px;
  }
}

.service-details-wrapper {
  margin-top: 220px;
}
@media (max-width: 991px) {
  .service-details-wrapper {
    margin-top: 170px;
  }
}
@media (max-width: 767px) {
  .service-details-wrapper {
    margin-top: 150px;
  }
}
.service-details-wrapper .section-title {
  margin-bottom: 65px;
}
@media (max-width: 767px) {
  .service-details-wrapper .section-title {
    margin-bottom: 30px;
  }
}
.service-details-wrapper h1, .service-details-wrapper h2,
.service-details-wrapper h3, .service-details-wrapper h4 {
  text-transform: capitalize;
}
.service-details-wrapper .section-title .sub-title {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.3px;
  color: #555555;
  text-align: center;
  text-transform: none;
}

.service-details-wrapper .section-title .sub-title span {
  padding: 0 3px;
  font-size: 90%;
}
.service-details-wrapper .section-title .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 65px;
  line-height: 75px;
  letter-spacing: 0;
  /*text-align: left;*/
  color: #121212;
  text-align: center;
}
@media (max-width: 1399px) {
  .service-details-wrapper .section-title .title {
    font-size: 50px;
    line-height: 60px;
  }
  .service-details-wrapper .section-title .sub-title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 991px) {
  .service-details-wrapper .section-title .title {
    font-size: 42px;
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .service-details-wrapper .section-title .title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (max-width: 500px) {
  .service-details-wrapper .section-title .title {
    font-size: 30px;
    line-height: 40px;
  }
  .service-details-wrapper .section-title .sub-title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 450px) {
  .service-details-wrapper .section-title .title {
    /*font-size: 20px;
    line-height: 30px;*/
  }
  .service-details-wrapper .section-title .sub-title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom:10px;
  }
}

.service-details-wrapper .text-content .text-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -1.2px;
  color: #121212;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .service-details-wrapper .text-content .text-title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 500px) {
  .service-details-wrapper .text-content .text-title {
    font-size: 20px;
    line-height: 30px;
  }
}

.service-details-wrapper .text-content .text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 175%;
  letter-spacing: -0.01em;
  color: #555;
}
.service-details-wrapper .content-card .card-items .card-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 138%;
  color: #121212;
  margin-bottom: 20px;
}
.service-details-wrapper .content-card .card-items .card-text {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 162%;
  text-transform: capitalize;
  color: #555;
  max-width: 350px;
  margin-bottom: 30px;
}

.service-page-cta-wrap .content {
  display: flex;
  align-items: center;
  gap: 83px;
}
.service-page-cta-wrap .content .thumb {
  min-width: 242px;
}
@media (max-width: 991px) {
  .service-page-cta-wrap .content .thumb {
    display: none;
  }
}
.service-page-cta-wrap .content .text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 45px;
  letter-spacing: -0.03em;
  color: #121212;
  max-width: 1083px;
}
@media (max-width: 1199px) {
  .service-page-cta-wrap .content .text {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 575px) {
  .service-page-cta-wrap .content .text {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 450px) {
  .service-page-cta-wrap .content .text {
    font-size: 20px;
    line-height: 28px;
  }
}

.marquee-service-1 .marquee {
  position: relative;
  --duration: 30s;
  --gap: 0px;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 0;
  margin-top: -7px;
  margin-bottom: 80px;
}
.marquee-service-1 .marquee .marquee-group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 30px;
  min-width: 100%;
  animation: scroll var(--duration) linear infinite;
}
.marquee-service-1 .marquee .star-icon {
  margin-left: 15px;
}
.marquee-service-1 .marquee .text {
  font-size: 130px;
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
  color: #000;
}
@media (max-width: 1199px) {
  .marquee-service-1 .marquee .text {
    letter-spacing: initial;
  }
}
@media (max-width: 1199px) {
  .marquee-service-1 .marquee .text {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .marquee-service-1 .marquee .text {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .marquee-service-1 .marquee .text {
    font-size: 50px;
  }
}
.marquee-service-1 .marquee .text span {
  margin-top: -10px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

.service-footer-details {
  padding-bottom: 250px;
}
@media (max-width: 991px) {
  .service-footer-details {
    padding-bottom: 140px;
  }
}

.service-box-style-4 {
  margin-top: 30px;
}
.service-box-style-4 .service-list-wrap {
  position: relative;
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  padding: 50px 30px;
}
@media (max-width: 575px) {
  .service-box-style-4 .service-list-wrap {
    padding: 40px 10px;
  }
}
.service-box-style-4 .service-list-wrap.active-block {
  background-color: rgb(251, 249, 239);
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
}
.service-box-style-4 .service-list-wrap .service-acc-btn {
  position: relative;
  padding-left: 275px;
  cursor: pointer;
}
@media (max-width: 1399px) {
  .service-box-style-4 .service-list-wrap .service-acc-btn {
    padding-left: 200px;
  }
}
@media (max-width: 1199px) {
  .service-box-style-4 .service-list-wrap .service-acc-btn {
    padding-left: 90px;
  }
}
@media (max-width: 575px) {
  .service-box-style-4 .service-list-wrap .service-acc-btn {
    padding-left: 20px;
  }
}
.service-box-style-4 .service-list-wrap .service-acc-btn .number {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: var(--gt-black);
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 575px) {
  .service-box-style-4 .service-list-wrap .service-acc-btn .number {
    top: -30px;
    left: 20px;
  }
}
.service-box-style-4 .service-list-wrap .service-acc-btn .icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  color: var(--gt-black);
  border: 1px solid var(--gt-black);
  text-align: center;
}
.service-box-style-4 .service-list-wrap .service-acc-btn h3 {
  font-size: 30px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.service-box-style-4 .service-list-wrap .service-acc-btn h3 a {
  color: var(--gt-black);
}
.service-box-style-4 .service-list-wrap .service-acc-btn h3 a:hover {
  color: var(--gt-theme);
}
.service-box-style-4 .service-list-wrap .service-acc-content {
  margin-top: 35px;
  display: none;
  position: relative;
}
@media (max-width: 575px) {
  .service-box-style-4 .service-list-wrap .service-acc-content {
    margin-top: 25px;
  }
}
.service-box-style-4 .service-list-wrap .service-wrap {
  display: flex;
  gap: 100px;
  width: 100%;
  padding-left: 275px;
}
@media (max-width: 1399px) {
  .service-box-style-4 .service-list-wrap .service-wrap {
    padding-left: 200px;
  }
}
@media (max-width: 1199px) {
  .service-box-style-4 .service-list-wrap .service-wrap {
    padding-left: 90px;
  }
}
@media (max-width: 991px) {
  .service-box-style-4 .service-list-wrap .service-wrap {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .service-box-style-4 .service-list-wrap .service-wrap {
    padding-left: 20px;
  }
}
.service-box-style-4 .service-list-wrap .service-wrap .item-text h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
}
.service-box-style-4 .service-list-wrap .service-wrap .item-text .text {
  max-width: 465px;
}
.service-box-style-4 .service-list-wrap .service-wrap .item-text .text p {
  font-size: 14px;
  line-height: 155.556%;
  font-family: "Inter", sans-serif;
}
@media (max-width: 575px) {
  .service-box-style-4 .service-list-wrap .service-wrap .item-text .text p {
    font-size: 16px;
  }
}
.service-box-style-4 .service-list-wrap .service-wrap .item-text ul li {
  color: var(--gt-black);
  font-size: 16px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}
.service-box-style-4 .service-list-wrap .service-wrap .item-text ul li:not(:last-child) {
  margin-bottom: 10px;
}
.service-box-style-4 .service-list-wrap .service-wrap .item-text ul li i {
  font-size: 20px;
  margin-right: 8px;
}

.service-section-4 .service-box-style-4 .block .service-acc-content.current {
  display: block;
}
.service-section-4 .service-box-style-4 .block .service-acc-btn.active .icon:before {
  content: "\f00d";
}
.service-section-4 .service-box-style-4 .block .service-acc-btn.active .icon {
  background-color: var(--gt-theme);
  color: var(--gt-black);
  border: 1px solid var(--gt-theme);
}
.service-section-4 .service-box-style-4 .block .service-acc-btn.active {
  color: var(--gt-theme);
}
.service-section-4 .aservice-box-style-4 .block:last-child {
  margin-bottom: 0;
}

.service-1 {
  position: relative;
}
.service-1 .random-shape {
  position: absolute;
  top: 23%;
  left: 6%;
}
.service-1 .random-shape.style-2 {
  top: 8%;
}
@media (max-width: 1199px) {
  .service-1 .random-shape {
    display: none;
  }
}

.service-12 {
  background-color: #1C1D20;
}

.service-wrapper {
  margin-top: 30px;
}
.service-wrapper .services-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  margin-bottom: 20px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .service-wrapper .services-item {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.service-wrapper .services-item .head {
  display: flex;
  align-items: center;
  gap: 48px;
  width: 300px;
}
@media (max-width: 1199px) {
  .service-wrapper .services-item .head {
    gap: 20px;
    width: 210px;
  }
}
@media (max-width: 991px) {
  .service-wrapper .services-item .head {
    width: 100%;
  }
}
.service-wrapper .services-item .head span {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 991px) {
  .service-wrapper .services-item .head span {
    font-size: 18px;
  }
}
.service-wrapper .services-item .head h4 a {
  color: var(--gt-white);
}
.service-wrapper .services-item .head h4 a:hover {
  color: var(--gt-theme);
}
@media (max-width: 1199px) {
  .service-wrapper .services-item .head h4 {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .service-wrapper .services-item .head h4 {
    font-size: 18px;
  }
}
.service-wrapper .services-item .text p {
  color: #bbbcbc;
}
.service-wrapper .services-item .link-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  left: 100px;
  position: relative;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .service-wrapper .services-item .link-btn {
    left: 0;
  }
}
.service-wrapper .services-item .link-btn i {
  width: 32px;
  height: 32px;
  color: var(--gt-theme);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg);
  cursor: pointer;
}
.service-wrapper .services-item .link-btn a {
  color: var(--gt-theme);
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .service-wrapper .services-item .link-btn a {
    opacity: 1;
    visibility: visible;
    color: var(--gt-white);
  }
}
.service-wrapper .services-item:hover {
  border-color: var(--gt-theme);
}
.service-wrapper .services-item:hover .link-btn {
  left: 0;
}
.service-wrapper .services-item:hover .link-btn i {
  background-color: var(--gt-theme);
  color: var(--gt-black);
}
.service-wrapper .services-item:hover .link-btn a {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper {
    display: none;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content {
  border-radius: 20px;
  background: var(--gt-bg9);
  padding: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.work-process-area-three .work-process-wrapper .work-process-content .bg-shape-1 {
  position: absolute;
  top: 60px;
  left: 60px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .bg-shape-1 {
    top: 20px;
    left: 20px;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .bg-shape-2 {
  position: absolute;
  bottom: 60px;
  right: 60px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .bg-shape-2 {
    bottom: 20px;
    right: 20px;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items {
  background: var(--gt-bg11);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gt-black);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-1 {
  width: 154px;
  height: 154px;
  position: relative;
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-1 .arrow-icon {
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-2 {
  width: 260px;
  height: 260px;
  position: relative;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-2 {
    width: 200px;
    height: 200px;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-2 ul li {
  color: var(--gt-text-1);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: capitalize;
  list-style: disc;
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-2 ul li:nth-of-type(1) {
  position: absolute;
  left: 60px;
  top: 53px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-2 ul li:nth-of-type(1) {
    left: 60px;
    top: 33px;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-2 ul li:nth-of-type(2) {
  position: absolute;
  right: 60px;
  top: 85px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-2 ul li:nth-of-type(2) {
    display: none;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-2 ul li:nth-of-type(3) {
  position: absolute;
  left: 60px;
  bottom: 69px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-2 ul li:nth-of-type(3) {
    left: 60px;
    bottom: 39px;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-2 .arrow-icon {
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 {
  width: 598px;
  height: 598px;
  border-radius: 598px;
  background: var(--gt-theme-2);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 {
    width: 398px;
    height: 398px;
  }
}
@media (max-width: 1199px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 {
    width: 298px;
    height: 298px;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 .arrow-icon {
  position: absolute;
  right: -22px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 ul li {
  color: var(--gt-text-1);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: capitalize;
  list-style: disc;
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 ul li:nth-of-type(1) {
  position: absolute;
  right: 198px;
  top: 132px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 ul li:nth-of-type(1) {
    right: 20%;
    top: 20%;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 ul li:nth-of-type(2) {
  position: absolute;
  right: 100px;
  top: 181px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 ul li:nth-of-type(2) {
    right: 30%;
    top: 30%;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 ul li:nth-of-type(3) {
  position: absolute;
  right: 131px;
  bottom: 196px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 ul li:nth-of-type(3) {
    right: 20%;
    bottom: 20%;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 ul li:nth-of-type(4) {
  position: absolute;
  right: 107px;
  bottom: 147px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-3 ul li:nth-of-type(4) {
    right: 30%;
    bottom: 30%;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items.items-4 {
  width: 216px;
  height: 216px;
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items .left-content {
  width: 260px;
  height: 260px;
  position: relative;
  border-radius: 324px;
  border: 1px dashed var(--gt-border-6);
  width: 324px;
  height: 324px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items .left-content {
    width: 188px;
    height: 188px;
  }
}
@media (max-width: 1199px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items .left-content {
    display: none;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items .left-content ul li {
  color: var(--gt-text-1);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-transform: capitalize;
  list-style: disc;
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items .left-content ul li:nth-of-type(1) {
  position: absolute;
  left: 60px;
  top: 53px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items .left-content ul li:nth-of-type(1) {
    left: 40px;
    top: 23px;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items .left-content ul li:nth-of-type(2) {
  position: absolute;
  right: 60px;
  top: 85px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items .left-content ul li:nth-of-type(2) {
    right: 20px;
    top: 50px;
  }
}
.work-process-area-three .work-process-wrapper .work-process-content .work-process-items .left-content ul li:nth-of-type(3) {
  position: absolute;
  left: 60px;
  bottom: 69px;
}
@media (max-width: 1399px) {
  .work-process-area-three .work-process-wrapper .work-process-content .work-process-items .left-content ul li:nth-of-type(3) {
    left: 30px;
    bottom: 39px;
  }
}

.work-process-area-four .work-process-wrapper {
  position: relative;
  z-index: 1;
}
.work-process-area-four .work-process-wrapper .shape-1 {
  position: absolute;
  top: 74px;
  right: 60px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .work-process-area-four .work-process-wrapper .shape-1 {
    display: none;
  }
}
.work-process-area-four .work-process-wrapper .shape-2 {
  position: absolute;
  bottom: 33px;
  left: 60%;
  transform: translate(-60%);
  z-index: 1;
}
@media (max-width: 1199px) {
  .work-process-area-four .work-process-wrapper .shape-2 {
    left: 40%;
  }
}
@media (max-width: 991px) {
  .work-process-area-four .work-process-wrapper .shape-2 {
    display: none;
  }
}
.work-process-area-four .work-process-wrapper .work-process-left-content {
  background: var(--gt-text-6);
  margin-right: 45px;
  position: relative;
  z-index: 5;
}
@media (max-width: 1199px) {
  .work-process-area-four .work-process-wrapper .work-process-left-content {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .work-process-area-four .work-process-wrapper .work-process-left-content .thumb img {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .work-process-area-four .work-process-wrapper .work-process-left-content .work-process-teb-content {
    display: none;
  }
}
.work-process-area-four .work-process-wrapper .work-process-left-content .work-process-teb-content ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 30px 0;
}
.work-process-area-four .work-process-wrapper .work-process-left-content .work-process-teb-content ul li {
  color: var(--gt-white);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  padding: 5px 20px;
  border-radius: 100px;
  border: 1px solid var(--gt-border-3);
  cursor: pointer;
}
@media (max-width: 1399px) {
  .work-process-area-four .work-process-wrapper .work-process-left-content .work-process-teb-content ul li {
    font-size: 9px;
    line-height: 14px;
    padding: 4px 20px;
  }
}
.work-process-area-four .work-process-wrapper .work-process-right-content {
  background: var(--gt-theme-3);
  padding: 200px 0 226px 0;
  margin-left: -480px;
  padding-left: 480px;
  margin-right: -255px;
  padding-right: 255px;
  position: relative;
}
@media (max-width: 1199px) {
  .work-process-area-four .work-process-wrapper .work-process-right-content {
    margin-right: 0;
    margin-left: 0;
    padding: 100px 20px;
  }
}
@media (max-width: 1199px) {
  .work-process-area-four .work-process-wrapper .work-process-right-content {
    margin-right: 0;
    margin-left: 0;
    padding: 30px;
  }
}
.work-process-area-four .work-process-wrapper .work-process-right-content .work-process-main-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .work-process-area-four .work-process-wrapper .work-process-right-content .work-process-main-content {
    flex-direction: column-reverse;
    align-items: start;
    gap: 20px;
  }
}
.work-process-area-four .work-process-wrapper .work-process-right-content .work-process-main-content .simple-btn-black {
  position: relative;
}
.work-process-area-four .work-process-wrapper .work-process-right-content .work-process-main-content .simple-btn-black::before {
  content: "";
  position: absolute;
  right: -96px;
  top: -20px;
  width: 1px;
  height: 88px;
  background: var(--gt-border-7);
}
@media (max-width: 1399px) {
  .work-process-area-four .work-process-wrapper .work-process-right-content .work-process-main-content .simple-btn-black::before {
    display: none;
  }
}
.work-process-area-four .work-process-wrapper .work-process-right-content .work-process-main-content .text {
  max-width: 330px;
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.who-we-are-area-four .who-we-are-wrapper {
  background: var(--gt-text-6);
  position: relative;
}
.who-we-are-area-four .who-we-are-wrapper .bg-shape-1 {
  position: absolute;
  left: 60px;
  top: 98px;
}
.who-we-are-area-four .who-we-are-wrapper .bg-shape-2 {
  position: absolute;
  right: 60px;
  bottom: 48px;
}
.who-we-are-area-four .who-we-are-wrapper .section-title-four {
  text-align: center;
  margin-bottom: 55px;
}
.who-we-are-area-four .who-we-are-wrapper .section-title-four .sub-title {
  color: var(--gt-text-2);
  font-weight: 400;
  line-height: 26px;
  justify-content: center !important;
}
.who-we-are-area-four .who-we-are-wrapper .section-title-four .title {
  color: var(--gt-white);
  text-align: center;
  letter-spacing: -1.2px;
}
@media (max-width: 991px) {
  .who-we-are-area-four .who-we-are-wrapper .section-title-four .title {
    font-size: 45px;
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .who-we-are-area-four .who-we-are-wrapper .section-title-four .title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 500px) {
  .who-we-are-area-four .who-we-are-wrapper .section-title-four .title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (max-width: 450px) {
  .who-we-are-area-four .who-we-are-wrapper .section-title-four .title {
    font-size: 28px;
    line-height: 35px;
  }
}
@media (max-width: 350px) {
  .who-we-are-area-four .who-we-are-wrapper .section-title-four .title {
    font-size: 25px;
    line-height: 30px;
  }
}
.who-we-are-area-four .who-we-are-wrapper .section-title-four .title .bold-text {
  font-weight: 700;
  color: var(--gt-text-4);
}
.who-we-are-area-four .who-we-are-wrapper .section-title-four .title span {
  color: var(--gt-text-4);
}
.who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .marquee-card-content {
  border-radius: 100px;
  background: #D7AB50;
  padding: 34px 70px;
  position: relative;
  height: 120px;
}
@media (max-width: 1399px) {
  .who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .marquee-card-content {
    height: 80px;
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .marquee-card-content {
    height: 80px;
    padding: 34px 70px;
  }
}
.who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .marquee-card-content .wrapper-rolling-text {
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
}
.who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .marquee-card-content .rolling-text {
  display: inline-flex;
  align-items: center;
}
.who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .marquee-card-content .rolling-text .marquee-text {
  color: #000;
  font-family: "Plus Jakarta Sans";
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  display: inline-block;
  margin: 0 10px;
}
@media (max-width: 991px) {
  .who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .marquee-card-content .rolling-text .marquee-text {
    font-size: 50px;
    line-height: 60px;
  }
}
@media (max-width: 991px) {
  .who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .marquee-card-content .rolling-text .marquee-text {
    font-size: 45px;
    line-height: 50px;
  }
}
.who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .thumb {
  height: 120px;
  position: relative;
}
@media (max-width: 1199px) {
  .who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .thumb {
    height: auto;
  }
}
.who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .thumb img {
  border-radius: 100px;
  max-height: 120px;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .who-we-are-area-four .who-we-are-wrapper .who-we-are-main-content .thumb img {
    min-height: 80px;
  }
}

.award-area-four .award-wrapper .thumb {
  position: relative;
}
.award-area-four .award-wrapper .thumb .thumb-shape-1 {
  position: absolute;
  left: 15px;
  bottom: -145px;
  z-index: -1;
}
.award-area-four .award-wrapper .thumb .thumb-shape-2 {
  position: absolute;
  right: 151px;
  top: 94px;
  z-index: -1;
}
.award-area-four .award-wrapper nav {
  border: none;
}
.award-area-four .award-wrapper .nav-link {
  border-bottom: none !important;
  padding: 0;
  border-radius: 0;
  width: 100%;
}
.award-area-four .award-wrapper .nav-link.active {
  background: transparent;
}
.award-area-four .award-wrapper .award-info .info-items {
  display: flex;
  align-items: center;
  gap: 24px;
}
.award-area-four .award-wrapper .award-info .info-items .year {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  width: 80px;
}
.award-area-four .award-wrapper .award-info .info-items .info-content {
  color: var(--gt-text-6);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  border-bottom: 1px solid var(--gt-border-7);
  padding: 30px;
  width: 100%;
  text-align: start;
}
@media (max-width: 450px) {
  .award-area-four .award-wrapper .award-info .info-items .info-content {
    font-size: 14px;
    line-height: 18px;
  }
}
.award-area-four .award-wrapper .award-info .info-items .info-content.fast-items {
  border-top: 1px solid var(--gt-border-7);
}
.award-area-four .award-wrapper .award-info .info-items .info-content span {
  color: var(--gt-text-5);
}

.our-client-area-one .our-client-wrapper {
  position: relative;
  z-index: 5;
}
.our-client-area-one .our-client-wrapper .row {
  margin: 0 55px 0 55px;
}
@media (max-width: 991px) {
  .our-client-area-one .our-client-wrapper .row {
    margin: 0;
  }
}
.our-client-area-one .our-client-wrapper .clint-items {
  height: 100%;
}
.our-client-area-one .our-client-wrapper .clint-items.items-2 {
  margin-top: 96px;
}
@media (max-width: 991px) {
  .our-client-area-one .our-client-wrapper .clint-items.items-2 {
    margin-top: 0;
  }
}
.our-client-area-one .our-client-wrapper .clint-items.items-3 {
  margin-top: 192px;
}
@media (max-width: 991px) {
  .our-client-area-one .our-client-wrapper .clint-items.items-3 {
    margin-top: 0;
  }
}
.our-client-area-one .our-client-wrapper .clint-items.items-4 {
  margin-top: 288px;
}
@media (max-width: 991px) {
  .our-client-area-one .our-client-wrapper .clint-items.items-4 {
    margin-top: 0;
  }
}
.our-client-area-one .our-client-wrapper .clint-items .item {
  border: 1px solid var(--gt-border-1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 96px;
  margin-bottom: 40px;
  position: relative;
}
.our-client-area-one .our-client-wrapper .clint-items .item:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .our-client-area-one .our-client-wrapper .clint-items .item {
    margin-bottom: 20px;
  }
}
.our-client-area-one .our-client-wrapper .clint-items .item svg path {
  fill: #6D6D6D;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.our-client-area-one .our-client-wrapper .clint-items .item::before {
  content: "";
  width: 3px;
  height: 100%;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.our-client-area-one .our-client-wrapper .clint-items .item:hover svg path {
  fill: var(--gt-white);
}
.our-client-area-one .our-client-wrapper .clint-items .item:hover::before {
  width: 100%;
  height: 100%;
  background: var(--gt-text-6);
}

.our-client-area-four .our-client-wrapper .our-client-right-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1399px) {
  .our-client-area-four .our-client-wrapper .our-client-right-content {
    flex-direction: column;
    align-items: start;
    gap: 30px;
  }
}
.our-client-area-four .our-client-wrapper .our-client-right-content .our-clint {
  gap: 10px;
  position: relative;
  margin-left: 25px;
}
.our-client-area-four .our-client-wrapper .our-client-right-content .our-clint::after {
  content: "";
  position: absolute;
  right: -64px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 88px;
  background: var(--gt-border-7);
}
@media (max-width: 1399px) {
  .our-client-area-four .our-client-wrapper .our-client-right-content .our-clint::after {
    display: none;
  }
}
.our-client-area-four .our-client-wrapper .our-client-right-content .content-text {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  max-width: 330px;
}
@media (max-width: 1199px) {
  .our-client-area-four .our-client-wrapper .our-client-right-content .content-text {
    max-width: 100%;
  }
}
.our-client-area-four .our-client-wrapper .cards {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 28px;
}
@media (max-width: 575px) {
  .our-client-area-four .our-client-wrapper .cards {
    gap: 15px;
  }
}
.our-client-area-four .our-client-wrapper .cards .card-items {
  width: calc(50% - 14px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 38px 0;
  border: 1px solid var(--gt-border-7);
  position: relative;
}
@media (max-width: 575px) {
  .our-client-area-four .our-client-wrapper .cards .card-items {
    padding: 15px 15px;
  }
}
@media (max-width: 575px) {
  .our-client-area-four .our-client-wrapper .cards .card-items svg {
    width: 90px;
  }
}
.our-client-area-four .our-client-wrapper .cards .card-items svg path {
  fill: #6D6D6D;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.our-client-area-four .our-client-wrapper .cards .card-items::before {
  content: "";
  width: 3px;
  height: 100%;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.our-client-area-four .our-client-wrapper .cards .card-items:hover svg path {
  fill: var(--gt-white);
}
.our-client-area-four .our-client-wrapper .cards .card-items:hover::before {
  width: 100%;
  height: 100%;
  background: var(--gt-text-6);
}

.counter-area-four .counter-wrapper {
  background: var(--gt-theme-3);
  padding: 60px 0;
  margin-right: 255px;
  padding-left: 255px;
  position: relative;
}
@media (max-width: 1899px) {
  .counter-area-four .counter-wrapper {
    margin-right: 100px;
    padding-left: 100px;
  }
}
@media (max-width: 1399px) {
  .counter-area-four .counter-wrapper {
    margin-right: 0;
    padding-left: 0;
  }
}
.counter-area-four .counter-wrapper .bg-shape-1 {
  width: 90px;
  height: 90px;
  border-radius: 0 0 0 100px;
  background: var(--gt-text-6);
  position: absolute;
  right: 0;
  top: 0;
}
.counter-area-four .counter-wrapper .bg-shape-2 {
  width: 62px;
  height: 62px;
  transform: rotate(90deg);
  border-radius: 0 0 0 100px;
  background: var(--gt-text-6);
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .counter-area-four .counter-wrapper .row .col-xl-3 {
    width: 50%;
  }
}
.counter-area-four .counter-wrapper .counter-items span {
  color: var(--gt-text-6);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 15px;
}
@media (max-width: 1399px) {
  .counter-area-four .counter-wrapper .counter-items span {
    font-size: 80px;
    line-height: 80px;
  }
}
@media (max-width: 991px) {
  .counter-area-four .counter-wrapper .counter-items span {
    font-size: 50px;
    line-height: 50px;
  }
}
.counter-area-four .counter-wrapper .counter-items .counter-title h4 {
  color: var(--gt-black);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: capitalize;
}
@media (max-width: 350px) {
  .counter-area-four .counter-wrapper .counter-items .counter-title h4 {
    font-size: 13px;
    line-height: 18px;
  }
}

.group {
  position: relative;
  z-index: 5;
}
.group .cta-area {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.group .cta-area .cta-area-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.group .cta-area .cta-area-inner .area-bg {
  position: absolute;
  height: 390px;
  width: 390px;
  background-color: var(--gt-black);
  border-radius: 100%;
  z-index: -1;
}
.group .cta-area .cta-area-inner .section-content .section-title-wrapper .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}
.group .cta-area .cta-area-inner .section-content .section-title-wrapper .title-wrapper .title {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
}
.group .cta-area .icon svg {
  width: 115px;
  height: auto;
}

.team-members {
  background: transparent;
  padding: 6rem 0;
  z-index: 1;
  position: relative;
  margin-top: -800px;
}
.team-members.team-members-page {
  margin-top: 0;
  padding: 0;
}
.team-members.team-members-page .section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
}
.team-members.team-members-page .section-title .slider-control {
  margin-left: 30px;
}
.team-members.team-members-page .section-title .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #121212;
  max-width: 810px;
}
@media (max-width: 991px) {
  .team-members.team-members-page .section-title .title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .team-members.team-members-page .section-title .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.team-members.team-members-page .section-title .slider-control .array-nav {
  flex-direction: row;
}
.team-members .team-slider-active .swiper-slide.swiper-slide-active .team-card .thumb .social-links {
  display: block;
}
.team-members .team-slider-active .swiper-slide.swiper-slide-active .team-member-info {
  opacity: 1;
  visibility: visible;
}
.team-members .team-slider-active .swiper-slide.swiper-slide-active .team-member-info .name {
  color: var(--gt-white);
}
.team-members .team-slider-active .swiper-slide.swiper-slide-active .team-member-info .name a {
  color: var(--gt-white);
}
.team-members .team-slider-active .swiper-slide.swiper-slide-active .team-member-info .designation {
  color: var(--gt-white);
}
.team-members .team-card .team-member-info {
  margin-bottom: 20px;
  transition: all 0.4s ease-in-out;
}
.team-members .team-card .team-member-info .name {
  color: var(--gt-white);
  font-family: "Kanit", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.24px;
  margin-bottom: 12px;
}
.team-members .team-card .team-member-info .name a {
  color: var(--gt-white);
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
  transition: all 0.4s ease-in-out;
}
.team-members .team-card .team-member-info .name a:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, #fff 0%, #fff 100%);
}
.team-members .team-card .team-member-info .designation {
  color: var(--gt-white);
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.14px;
}
.team-members .team-card .thumb {
  position: relative;
  overflow: hidden;
}
.team-members .team-card .thumb img {
  width: 100%;
}
.team-members .team-card .thumb .thumb-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  transition: all 0.5s ease-in-out;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
}

.team-members .team-card .thumb:hover img:nth-child(2) {
  transform: translatex(-50%) scalex(2);
  opacity: 0;
  filter: blur(10px);
}
.team-members .team-card .thumb:hover img:nth-child(1) {
  transform: translatex(0) scalex(1);
  opacity: 1;
  filter: blur(0);
}

.team-members .team-card .thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #E8C157;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    z-index: 10;
}
.team-members .team-card:hover .thumb::after {
    opacity: 0.5;
}

.team-members .team-card .thumb:hover .thumb-2 {
  opacity: 1;
  visibility: visible;
}
.team-members .team-card .thumb .social-links {
  position: absolute;
  bottom: 65px;
  right: -65px;
  background: var(--gt-black);
  transform: rotate(-45deg);
  padding: 10px 15px;
  width: 320px;
  display: none;
}
.team-members .team-card .thumb .social-links ul {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.team-members .team-card .thumb .social-links ul li a {
  width: 35px;
  height: 35px;
  aspect-ratio: 1/1;
  display: inline-block;
  border: 1px solid var(--gt-border-3);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.team-members .team-card .thumb .social-links ul li a svg path {
  fill: var(--gt-white);
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.team-members .team-card .thumb .social-links ul li a:hover {
  background: var(--gt-theme-2);
  border: 1px solid transparent;
}
.team-members .team-card .thumb .social-links ul li a:hover svg path {
  fill: var(--gt-black);
}

.team-area-four .team-wrapper .team-top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--gt-border-7);
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .team-area-four .team-wrapper .team-top-content {
    flex-direction: column;
    align-items: start;
    gap: 30px;
  }
}
.team-area-four .team-wrapper .team-top-content .title {
  max-width: 720px;
}
.team-area-four .team-wrapper .item-border {
  border-bottom: 1px solid var(--gt-border-7);
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.team-area-four .team-wrapper .team-main-content {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.team-area-four .team-wrapper .team-main-content .member-title {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.48px;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.team-area-four .team-wrapper .team-main-content .member-name {
  color: var(--gt-black);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -1.5px;
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
  transition: all 0.4s ease-in-out;
}
.team-area-four .team-wrapper .team-main-content .member-name:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, #000 0%, #000 100%);
}
@media (max-width: 1399px) {
  .team-area-four .team-wrapper .team-main-content .member-name {
    font-size: 38px;
    line-height: 45px;
  }
}
.team-area-four .team-wrapper .team-main-content .member-name span {
  display: inline-block;
  transition: color 0.3s ease;
}
.team-area-four .team-wrapper .team-main-content .social-icon {
  margin-top: 20px;
}
.team-area-four .team-wrapper .team-main-content .social-icon ul {
  display: flex;
  align-items: center;
  gap: 7px;
}
.team-area-four .team-wrapper .team-main-content .social-icon ul li a {
  width: 35px;
  height: 35px;
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--gt-border-7);
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.team-area-four .team-wrapper .team-main-content .social-icon ul li a:hover {
  background: var(--gt-theme-2);
  border: 1px solid transparent;
}
.team-area-four .team-wrapper .team-main-content .thumb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.team-area-four .team-wrapper .team-main-content:hover .thumb {
  visibility: visible;
  opacity: 1;
  right: 0;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.team-page-wrapper {
  position: relative;
}
.team-page-wrapper .shape-1 {
  position: absolute;
  left: 70px;
  top: 270px;
}
.team-page-wrapper .shape-2 {
  position: absolute;
  right: 30px;
  bottom: 150px;
  z-index: -1;
}
.team-page-wrapper .team-right-content {
  background-color: #c4c4c4;
  margin-right: 65px;
}
@media (max-width: 1199px) {
  .team-page-wrapper .team-right-content {
    margin-right: 0;
  }
}
.team-page-wrapper .team-right-content .thumb {
  position: relative;
}
.team-page-wrapper .team-right-content .thumb img {
  width: 100% !important;
  height: 100% !important;
}
.team-page-wrapper .team-right-content .thumb .thumb-border {
  position: absolute;
  left: 21px;
  top: 0;
  width: 489px;
  height: 547px;
  border-width: 1px;
  border-color: #121212;
  border-style: solid;
}
@media (max-width: 1399px) {
  .team-page-wrapper .team-right-content .thumb .thumb-border {
    display: none;
  }
}
.team-page-wrapper .team-right-content .thumb .thumb-shape {
  position: absolute;
  top: 0;
  right: 0;
}
.team-page-wrapper .team-member-info .info-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(85, 85, 85, 0.2);
  padding-bottom: 30px;
  margin-bottom: 40px;
  flex-wrap: wrap;
  row-gap: 20px;
}
.team-page-wrapper .team-member-info .info-top .team-member-info .name {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #121212;
  margin-bottom: 10px;
}
.team-page-wrapper .team-member-info .info-top .team-member-info .position {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #555555;
}
.team-page-wrapper .team-member-info .info-top .social-icon ul {
  display: flex;
  align-items: center;
  gap: 7px;
}
.team-page-wrapper .team-member-info .info-top .social-icon ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(85, 85, 85, 0.2);
  border-radius: 100%;
}
.team-page-wrapper .team-member-info .info-top .social-icon ul li a:hover {
  background-color: #22e66e;
  border: 1px solid transparent;
}
.team-page-wrapper .team-member-info .text-content {
  margin-bottom: 40px;
}
.team-page-wrapper .team-member-info .text-content .text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #555555;
  margin-bottom: 30px;
}
.team-page-wrapper .team-member-info .text-content .text:last-child {
  margin-bottom: 0;
}
.team-page-wrapper .team-member-info .meta-content ul {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  gap: 20px;
}
.team-page-wrapper .team-member-info .meta-content ul li {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #121212;
}
.team-page-wrapper .team-member-info .meta-content ul li a {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #121212;
}

.team-progress-wrapper {
  background: #F4F4F2;
  z-index: 1;
  position: relative;
}
.team-progress-wrapper .personal-skill .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
  margin-bottom: 28px;
}
.team-progress-wrapper .personal-skill .text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #555555;
  max-width: 586px;
  margin-bottom: 40px;
}

.work-experience-wrapper .main-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .work-experience-wrapper .main-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .work-experience-wrapper .main-title {
    font-size: 24px;
    line-height: 30px;
  }
}
.work-experience-wrapper .work-experience-items .top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  margin-bottom: 30px;
  padding-bottom: 30px;
  gap: 40px;
  flex-wrap: wrap;
  row-gap: 20px;
}
.work-experience-wrapper .work-experience-items .top-content .work-info .title {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
  margin-bottom: 15px;
}
.work-experience-wrapper .work-experience-items .top-content .work-info .date {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #555555;
}
.work-experience-wrapper .work-experience-items .top-content .position {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
}
.work-experience-wrapper .work-experience-items:last-child .text-content {
  border-bottom: none;
  margin-bottom: 0;
}
.work-experience-wrapper .work-experience-items:last-child .text-content .text {
  margin-bottom: 0;
}
.work-experience-wrapper .work-experience-items .text-content {
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  margin-bottom: 30px;
}
.work-experience-wrapper .work-experience-items .text-content .text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: capitalize;
  color: #555555;
  margin-bottom: 30px;
}

.testimonial-area-one {
  background-color: #F9EFF1;
  position: relative;
}
.testimonial-area-one .testimonial-one-navigation {
  display: flex;
  align-items: center;
  gap: 10px;
}
.testimonial-area-one .tastimonial-one-array-prev, .testimonial-area-one .tastimonial-one-array-next {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--gt-white);
  transition: all 0.4s ease-in-out;
}
.testimonial-area-one .tastimonial-one-array-prev:hover, .testimonial-area-one .tastimonial-one-array-next:hover {
  background-color: var(--gt-theme);
  color: var(--gt-header);
}
.testimonial-area-one .testimonial-wrapper {
  position: relative;
  z-index: 5;
}
.testimonial-area-one .testimonial-wrapper .testimonial-content {
  background: var(--gt-white);
  width: 100%;
  padding: 78px 50px;
  position: relative;
}
@media (max-width: 991px) {
  .testimonial-area-one .testimonial-wrapper .testimonial-content {
    padding: 50px 20px;
  }
}
@media (max-width: 767px) {
  .testimonial-area-one .testimonial-wrapper .testimonial-content {
    padding: 20px 20px;
  }
}
.testimonial-area-one .testimonial-wrapper .testimonial-content::before {
  content: "";
  width: 272px;
  height: 100%;
  background: var(--gt-black);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media (max-width: 1399px) {
  .testimonial-area-one .testimonial-wrapper .testimonial-content::before {
    display: none;
  }
}
.testimonial-area-one .testimonial-wrapper .testimonial-img-slider {
  width: 100%;
  height: 400px;
}
@media (max-width: 767px) {
  .testimonial-area-one .testimonial-wrapper .testimonial-img-slider {
    display: none;
  }
}
.testimonial-area-one .testimonial-wrapper .testimonial-img-slider .swiper-wrapper .swiper-slide {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  gap: 30px;
}
.testimonial-area-one .testimonial-wrapper .testimonial-img-slider .swiper-wrapper .swiper-slide img {
  width: 90px;
  height: 90px;
}
.testimonial-area-one .testimonial-wrapper .testimonial-img-slider .swiper-slide.swiper-slide-active img {
  width: 136px;
  height: 136px;
}
.testimonial-area-one .testimonial-wrapper .testimonial-text-slider {
  padding: 0 20px 0 30px;
  border-left: 1px solid var(--gt-border-1);
}
@media (max-width: 991px) {
  .testimonial-area-one .testimonial-wrapper .testimonial-text-slider {
    border: none;
  }
}
@media (max-width: 767px) {
  .testimonial-area-one .testimonial-wrapper .testimonial-text-slider {
    padding: 0;
  }
}
.testimonial-area-one .testimonial-wrapper .testimonial-slider-content .icon {
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .testimonial-area-one .testimonial-wrapper .testimonial-slider-content .icon {
    margin-bottom: 10px;
  }
}
.testimonial-area-one .testimonial-wrapper .testimonial-slider-content .text {
  color: var(--gt-text-2);
  font-size: 24px;
  font-style: italic;
  font-weight: 600;
  line-height: 38px;
  text-transform: capitalize;
  max-width: 1074px;
  margin-bottom: 70px;
}
@media (max-width: 991px) {
  .testimonial-area-one .testimonial-wrapper .testimonial-slider-content .text {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .testimonial-area-one .testimonial-wrapper .testimonial-slider-content .text {
    margin-bottom: 30px;
    font-size: 14px;
  }
}
.testimonial-area-one .testimonial-wrapper .testimonial-slider-content .slider-button-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .testimonial-area-one .testimonial-wrapper .testimonial-slider-content .slider-button-content {
    flex-direction: column;
    gap: 20px;
  }
}
.testimonial-area-one .testimonial-wrapper .testimonial-slider-content .slider-button-content .bottom-title .title {
  color: var(--gt-black);
  font-family: "Anton", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.testimonial-area-one .testimonial-wrapper .testimonial-slider-content .slider-button-content .bottom-title .text {
  color: var(--gt-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-transform: uppercase;
}
.testimonial-area-one .bg-shape {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
}
@media (max-width: 1600px) {
  .testimonial-area-one .bg-shape {
    right: -10%;
  }
}
@media (max-width: 1399px) {
  .testimonial-area-one .bg-shape {
    display: none;
  }
}
.testimonial-area-one .bg-shape img {
  height: 100% !important;
}

@media (max-width: 1600px) {
  .testimonial-area-two .testimonial-wrapper {
    margin-top: 100px;
  }
}
.testimonial-area-two .testimonial-wrapper .main-slider {
  margin-right: -280px;
}
@media (max-width: 991px) {
  .testimonial-area-two .testimonial-wrapper .main-slider {
    margin-right: 0;
  }
}
.testimonial-area-two .testimonial-wrapper .slider-control {
  display: flex;
  gap: 165px;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 45px;
}
@media (max-width: 1199px) {
  .testimonial-area-two .testimonial-wrapper .slider-control {
    flex-direction: row;
  }
}
@media (max-width: 1199px) {
  .testimonial-area-two .testimonial-wrapper .slider-control .array-nav {
    flex-direction: row;
  }
}
@media (max-width: 1199px) {
  .testimonial-area-two .testimonial-wrapper .slider-control .page-control {
    writing-mode: horizontal-tb;
    transform: rotate(0deg);
  }
  .testimonial-area-two .testimonial-wrapper .slider-control .page-control::before {
    content: "";
    height: 1px;
    width: 96px;
    background: var(--gt-black);
    position: absolute;
    left: -120px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1199px) {
  .testimonial-area-two .testimonial-wrapper .slider-control .page-control .page-1::after {
    content: "";
    height: 10px;
    width: 1px;
    background: var(--gt-black);
    position: absolute;
    left: 37px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.testimonial-area-two .testimonial-wrapper .testimonial-card {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 36px;
  background: var(--gt-theme-2);
}
@media (max-width: 991px) {
  .testimonial-area-two .testimonial-wrapper .testimonial-card {
    flex-direction: column;
  }
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .thumb {
  width: 335px;
  position: relative;
}
@media (max-width: 991px) {
  .testimonial-area-two .testimonial-wrapper .testimonial-card .thumb {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .testimonial-area-two .testimonial-wrapper .testimonial-card .thumb img {
    width: 100%;
  }
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .thumb .thumb-content {
  background: var(--gt-white);
  padding: 16px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .thumb .thumb-content .title {
  color: var(--gt-black);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.6px;
  margin-bottom: 10px;
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .thumb .thumb-content .text {
  color: var(--gt-text-2);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-transform: capitalize;
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .testimonial-review {
  width: calc(100% - 335px);
}
@media (max-width: 991px) {
  .testimonial-area-two .testimonial-wrapper .testimonial-card .testimonial-review {
    width: 100%;
  }
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .testimonial-review .quotation-icon {
  width: 100px;
  height: 100px;
  aspect-ratio: 1/1;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .testimonial-area-two .testimonial-wrapper .testimonial-card .testimonial-review .quotation-icon {
    display: none;
  }
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .review-text {
  color: var(--gt-black);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
  letter-spacing: -0.72px;
  max-width: 738px;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .testimonial-area-two .testimonial-wrapper .testimonial-card .review-text {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;
  }
}
@media (max-width: 450px) {
  .testimonial-area-two .testimonial-wrapper .testimonial-card .review-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
  }
}
@media (max-width: 350px) {
  .testimonial-area-two .testimonial-wrapper .testimonial-card .review-text {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 25px;
  }
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .review-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .review-items .page {
  display: flex;
  align-items: center;
  gap: 63px;
}
@media (max-width: 450px) {
  .testimonial-area-two .testimonial-wrapper .testimonial-card .review-items .page {
    display: none;
  }
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .review-items .page .page-1 {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
  position: relative;
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .review-items .page .page-1::after {
  content: "";
  width: 43px;
  height: 1px;
  background-color: var(--gt-black);
  position: absolute;
  left: 38px;
  top: 50%;
  transform: translate(-50%);
}
.testimonial-area-two .testimonial-wrapper .testimonial-card .review-items .page .page-2 {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
}

.testimonial-area-three .testimonial-wrapper .testimonial-slider-wrap {
  margin-right: -480px;
}
@media (max-width: 991px) {
  .testimonial-area-three .testimonial-wrapper .testimonial-slider-wrap {
    margin-right: 0;
  }
}
.testimonial-area-three .testimonial-wrapper .section-title-three {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .testimonial-area-three .testimonial-wrapper .section-title-three {
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }
}
.testimonial-area-three .testimonial-wrapper .section-title-three .slider-control .array-nav {
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 767px) {
  .testimonial-area-three .testimonial-wrapper .section-title-three .slider-control .array-nav {
    width: 100%;
  }
}
.testimonial-area-three .testimonial-wrapper .swiper-slide.swiper-slide-active .testimonial-card::before {
  display: none;
}
.testimonial-area-three .testimonial-wrapper .swiper-slide.swiper-slide-active .testimonial-card .card-cta .cta-left .text {
  display: block;
}
@media (max-width: 767px) {
  .testimonial-area-three .testimonial-wrapper .swiper-slide.swiper-slide-active .testimonial-card .card-cta .cta-left .text {
    font-size: 12px;
  }
}
@media (max-width: 500px) {
  .testimonial-area-three .testimonial-wrapper .swiper-slide.swiper-slide-active .testimonial-card .card-cta .cta-left .text {
    display: none;
  }
}
.testimonial-area-three .testimonial-wrapper .swiper-slide.swiper-slide-active .testimonial-card .card-cta .cta-left .thumb {
  border-right: 1px solid var(--gt-black);
  padding-right: 20px;
  margin-right: 20px;
}
@media (max-width: 500px) {
  .testimonial-area-three .testimonial-wrapper .swiper-slide.swiper-slide-active .testimonial-card .card-cta .cta-left .thumb {
    border: none;
  }
}
.testimonial-area-three .testimonial-wrapper .testimonial-card {
  border-radius: 20px;
  border: 1px solid var(--gt-border-1);
  background: var(--gt-white);
  padding: 30px;
  display: inline-block;
  position: relative;
}
@media (max-width: 350px) {
  .testimonial-area-three .testimonial-wrapper .testimonial-card {
    padding: 15px;
  }
}
.testimonial-area-three .testimonial-wrapper .testimonial-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #FFF;
  opacity: 0.8;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .card-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .testimonial-area-three .testimonial-wrapper .testimonial-card .card-cta {
    flex-direction: column;
    gap: 20px;
  }
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .card-cta .cta-left {
  display: flex;
  align-items: center;
  border-radius: 26px;
  background: var(--gt-theme-2);
  padding: 14px 20px;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .card-cta .cta-left .icon {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 16px;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .card-cta .cta-left .text {
  display: none;
  color: var(--gt-black);
  letter-spacing: -0.14px;
  text-transform: capitalize;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .card-cta .cta-left .thumb {
  border-right: none;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .card-cta .page {
  display: flex;
  align-items: center;
  gap: 63px;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .card-cta .page .page-1 {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
  position: relative;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .card-cta .page .page-1::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -75px;
  transform: translateX(-50%);
  width: 43px;
  height: 1px;
  background: var(--gt-black);
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .card-cta .page .page-2 {
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .title {
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 37px;
  letter-spacing: -0.72px;
  text-transform: capitalize;
  max-width: 870px;
  margin-bottom: 75px;
}
@media (max-width: 500px) {
  .testimonial-area-three .testimonial-wrapper .testimonial-card .title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
  }
}
@media (max-width: 350px) {
  .testimonial-area-three .testimonial-wrapper .testimonial-card .title {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .bottom-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .bottom-cta .client-data {
  display: flex;
  align-items: center;
  gap: 10px;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .bottom-cta .client-data .info-text .name {
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.testimonial-area-three .testimonial-wrapper .testimonial-card .bottom-cta .client-data .info-text .title {
  color: var(--gt-text-2);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize;
  margin-bottom: 0;
}
@media (max-width: 350px) {
  .testimonial-area-three .testimonial-wrapper .testimonial-card .bottom-cta .icon {
    display: none;
  }
}
@media (max-width: 450px) {
  .testimonial-area-three .testimonial-wrapper .testimonial-card .bottom-cta .icon {
    display: none;
  }
}

.testimonial-area-four .testimonial-wrapper .section-title-four .line {
  margin-left: 104px;
  display: inline-block;
}
@media (max-width: 1399px) {
  .testimonial-area-four .testimonial-wrapper .section-title-four .line svg {
    width: 500px;
  }
}
@media (max-width: 991px) {
  .testimonial-area-four .testimonial-wrapper .section-title-four .line svg {
    width: 350px;
  }
}
@media (max-width: 575px) {
  .testimonial-area-four .testimonial-wrapper .section-title-four .line svg {
    width: 250px;
  }
}
@media (max-width: 450px) {
  .testimonial-area-four .testimonial-wrapper .section-title-four .line svg {
    width: 150px;
  }
}
.testimonial-area-four .testimonial-wrapper .section-title-four .title {
  color: var(--gt-text-6);
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 200px;
  font-style: normal;
  font-weight: 500;
  line-height: 200px;
  letter-spacing: -4px;
}
@media (max-width: 1399px) {
  .testimonial-area-four .testimonial-wrapper .section-title-four .title {
    font-size: 135px;
    line-height: 140px;
  }
}
@media (max-width: 991px) {
  .testimonial-area-four .testimonial-wrapper .section-title-four .title {
    font-size: 100px;
    line-height: 100px;
  }
}
@media (max-width: 991px) {
  .testimonial-area-four .testimonial-wrapper .section-title-four .title {
    font-size: 90px;
    line-height: 90px;
  }
}
@media (max-width: 991px) {
  .testimonial-area-four .testimonial-wrapper .section-title-four .title {
    font-size: 70px;
    line-height: 70px;
  }
}
@media (max-width: 450px) {
  .testimonial-area-four .testimonial-wrapper .section-title-four .title {
    font-size: 50px;
    line-height: 50px;
  }
}
.testimonial-area-four .testimonial-wrapper .row {
  height: 1200px;
}
@media (max-width: 1199px) {
  .testimonial-area-four .testimonial-wrapper .row .col-xl-4:nth-child(2) {
    display: none;
  }
}
@media (max-width: 767px) {
  .testimonial-area-four .testimonial-wrapper .row .col-xl-4:nth-child(3) {
    display: none;
  }
}
.testimonial-area-four .testimonial-wrapper .testimonial-card {
  padding: 30px;
  background: var(--gt-bg13);
}
.testimonial-area-four .testimonial-wrapper .testimonial-card .card-logo {
  margin-bottom: 27px;
}
.testimonial-area-four .testimonial-wrapper .testimonial-card .icon {
  margin-bottom: 25px;
}
.testimonial-area-four .testimonial-wrapper .testimonial-card .pra-text {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-transform: capitalize;
}
@media (max-width: 1399px) {
  .testimonial-area-four .testimonial-wrapper .testimonial-card .pra-text {
    font-size: 15px;
    line-height: 23px;
  }
}
.testimonial-area-four .testimonial-wrapper .clint-info-wrap {
  background: var(--gt-theme-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 30px;
}
.testimonial-area-four .testimonial-wrapper .clint-info-wrap .clint-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 350px) {
  .testimonial-area-four .testimonial-wrapper .clint-info-wrap .video-btn {
    display: none;
  }
}

.testimonial-box-style-4 {
  margin-top: 30px;
  padding: 30px;
  background-color: #FBF9EF;
}
.testimonial-box-style-4 .quote-icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--gt-theme);
  margin-bottom: 40px;
}
.testimonial-box-style-4 .quote-icon img {
  filter: grayscale(1) brightness(0);
}
.testimonial-box-style-4 h3 {
  font-size: 24px;
  font-weight: 500;
  color: var(--gt-black);
  opacity: 0.8;
  line-height: 125%;
  font-family: "Inter", sans-serif;
}
@media (max-width: 1600px) {
  .testimonial-box-style-4 h3 {
    font-size: 20px;
    line-height: 135%;
  }
}
@media (max-width: 575px) {
  .testimonial-box-style-4 h3 {
    font-size: 18px;
  }
}
.testimonial-box-style-4 .client-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: end;
  border-top: 1px solid #DFDCD2;
  margin-top: 30px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .testimonial-box-style-4 .client-info-item {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.testimonial-box-style-4 .client-info-item .client-info h4 {
  font-size: 20px;
  font-weight: 600;
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
}
@media (max-width: 1600px) {
  .testimonial-box-style-4 .client-info-item .client-info h4 {
    font-size: 18px;
  }
}
.testimonial-box-style-4 .client-info-item .client-info span {
  font-weight: 400;
  color: var(--gt-black);
  font-size: 16px;
}
.testimonial-box-style-4 .client-info-item .star {
  color: var(--gt-theme);
}
.testimonial-box-style-4.style-2 {
  background-color: var(--gt-black);
}
.testimonial-box-style-4.style-2 h3 {
  color: var(--gt-white);
  opacity: 0.8;
}
.testimonial-box-style-4.style-2 .client-info-item {
  border-top: 1px solid rgba(223, 220, 210, 0.12);
}
.testimonial-box-style-4.style-2 .client-info-item .client-info h4 {
  color: var(--gt-white);
}
.testimonial-box-style-4.style-2 .client-info-item .client-info span {
  color: var(--gt-white);
}
.testimonial-box-style-4.style-2 .client-info-item .star {
  color: var(--gt-theme);
}

.award-section {
  border-top: 1px solid #EBE8E6;
}

.award-wrapper .title {
  color: var(--gt-black);
  font-size: 122.704px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -3.408px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: "Inter", sans-serif;
}
@media (max-width: 1199px) {
  .award-wrapper .title {
    letter-spacing: initial;
  }
}
@media (max-width: 1199px) {
  .award-wrapper .title {
    font-size: 80px;
  }
}
@media (max-width: 575px) {
  .award-wrapper .title {
    font-size: 58px;
  }
}
@media (max-width: 470px) {
  .award-wrapper .title {
    font-size: 44px;
  }
}
.award-wrapper .award-box-items {
  background-color: #FBF9EF;
  margin-top: 30px;
}
.award-wrapper .award-box-items .icon {
  padding: 30px;
}
.award-wrapper .award-box-items .award-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--gt-black);
  border-top: 1px solid #DFDCD2;
  padding: 30px;
  font-family: "Inter", sans-serif;
}
.award-wrapper .award-box-items:hover .icon img {
  animation: gelatine 0.6s;
}

.testimonial-section-4 .swiper-dot .swiper-pagination-bullet {
  background-color: #000;
}
.testimonial-section-4 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--gt-theme);
}

.testimonials-wrapper .testimonial-box-items {
  padding: 40px;
  border: 1.5px solid rgba(102, 102, 102, 0.24);
  background-color: #1C1D20;
  border-radius: 15px;
  margin: 0 40px;
}
@media (max-width: 575px) {
  .testimonials-wrapper .testimonial-box-items {
    padding: 30px;
  }
}
.testimonials-wrapper .testimonial-box-items .client-info {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}
.testimonials-wrapper .testimonial-box-items .client-info .client-content h5 {
  color: var(--gt-white) !important;
  letter-spacing: 0.5px;
}
.testimonials-wrapper .testimonial-box-items .client-info .client-content p {
  color: var(--gt-white);
  opacity: 0.5;
  text-transform: capitalize;
  font-size: 14px;
}
.testimonials-wrapper .testimonial-box-items .testi-content {
  display: flex;
  gap: 15px;
}
@media (max-width: 1199px) {
  .testimonials-wrapper .testimonial-box-items .testi-content {
    flex-wrap: wrap;
  }
}
.testimonials-wrapper .testimonial-box-items .testi-content p {
  color: var(--gt-white);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
@media (max-width: 1199px) {
  .testimonials-wrapper .testimonial-box-items .testi-content p {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .testimonials-wrapper .testimonial-box-items .testi-content p {
    font-size: 12px;
  }
}
.testimonials-wrapper .testimonial-box-items .testi-content .icon img {
  max-width: initial !important;
  height: initial !important;
}
.testimonials-wrapper .swiper-slide-active .testimonial-box-items {
  border-color: var(--gt-theme);
}

.testi-6 {
  background-color: #1C1D20;
}
.testi-6 .random-shape {
  position: absolute;
  top: 28%;
  left: 7%;
}
@media (max-width: 1199px) {
  .testi-6 .random-shape {
    display: none;
  }
}
.testi-6 .section-title5 span,
.testi-6 .section-title5 h2 {
  color: var(--gt-white) !important;
}
.testi-6 .reviews {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(24px);
  padding: 30px;
}
@media (max-width: 575px) {
  .testi-6 .reviews {
    margin-top: 30px;
  }
}
.testi-6 .reviews h2 {
  color: var(--gt-white) !important;
}
.testi-6 .reviews .item span {
  color: #888;
}
.testi-6 .reviews .item .star i {
  color: #fcd554;
}
.testi-6 .testimonials-item {
  padding: 40px;
  border: var(--gt-border);
  border-radius: 16px;
  transition: all 0.4s ease-in-out;
}
.testi-6 .testimonials-item .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.testi-6 .testimonials-item .head .info {
  display: flex;
  align-items: center;
  gap: 16px;
}
.testi-6 .testimonials-item .head .info .thumb img {
  border-radius: 50%;
}
.testi-6 .testimonials-item p {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 12px;
}
.testi-6 .testimonials-item .star i {
  color: #ecb014;
}
.testi-6 .testimonials-item:hover {
  border-color: var(--gt-theme);
}
.testi-6 .testimonials-item.style-2 {
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .testi-6 .testimonials-item.style-2 {
    margin-top: 0;
  }
}

.gallery-area-one .gallery-wrapper {
  position: relative;
  z-index: 5;
  background: var(--gt-white);
  height: auto;
}
@media (max-width: 1199px) {
  .gallery-area-one .gallery-wrapper {
    height: 750px;
  }
  .gallery-area-one .gallery-wrapper img {
    object-fit: cover;
    height: 100% !important;
  }
}
@media (max-width: 767px) {
  .gallery-area-one .gallery-wrapper {
    height: 480px;
  }
}
.gallery-area-one .gallery-wrapper img {
  width: 100%;
}

.work-process-area-four {
  position: relative;
}
.work-process-area-four .circle-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .work-process-area-four .circle-shape {
    display: none;
  }
}

@media (max-width: 1199px) {
  .team-page-thumb .thumb {
    height: 600px;
  }
  .team-page-thumb .thumb img {
    height: 100% !important;
    object-fit: cover;
  }
}

.brand-area-one .brand-wrapper .sub-title {
  color: var(--gt-text-3);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 60px;
}
.brand-area-one .brand-wrapper .brand-content .title {
  color: var(--gt-black);
  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .brand-area-one .brand-wrapper .brand-content .title .no-split {
    width: 160px;
    display: inline-block;
  }
}
@media (max-width: 500px) {
  .brand-area-one .brand-wrapper .brand-content .title .no-split {
    width: 120px;
  }
}
@media (max-width: 470px) {
  .brand-area-one .brand-wrapper .brand-content .title .no-split {
    width: 90px;
  }
}
@media (max-width: 991px) {
  .brand-area-one .brand-wrapper .brand-content .title {
    font-size: 35px;
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .brand-area-one .brand-wrapper .brand-content .title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (max-width: 500px) {
  .brand-area-one .brand-wrapper .brand-content .title {
    font-size: 25px;
    line-height: 35px;
  }
}
@media (max-width: 470px) {
  .brand-area-one .brand-wrapper .brand-content .title {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 450px) {
  .brand-area-one .brand-wrapper .brand-content .title {
    font-size: 16px;
    line-height: 26px;
  }
}
.brand-area-one .brand-wrapper .brand-content.style-2 .title {
  color: var(--gt-text-6);
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  max-width: 1410px;
  text-transform: lowercase;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .brand-area-one .brand-wrapper .brand-content.style-2 .title {
    font-size: 47px;
    line-height: 56px;
  }
}
@media (max-width: 991px) {
  .brand-area-one .brand-wrapper .brand-content.style-2 .title {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .brand-area-one .brand-wrapper .brand-content.style-2 .title {
    font-size: 30px;
    line-height: 37px;
  }
}
@media (max-width: 450px) {
  .brand-area-one .brand-wrapper .brand-content.style-2 .title {
    font-size: 25px;
    line-height: 30px;
  }
}

.video-area-two .video-wrapper {
  position: relative;
  z-index: 1;
}
.video-area-two .video-wrapper .thumb {
  position: relative;
  z-index: 0;
}
.video-area-two .video-wrapper .thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.video-area-two .video-wrapper .thumb .btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-area-two .video-wrapper .logo {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 575px) {
  .video-area-two .video-wrapper .logo {
    display: none;
  }
}

.section-title .sub-title {
  color: var(--gt-black);
  text-transform: uppercase;
}

.section-title-two {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 767px) {
  .section-title-two {
    flex-direction: column;
    align-items: start;
    gap: 2%;
  }
}
.section-title-two .title-left-content {
  width: 25%;
}
@media (max-width: 767px) {
  .section-title-two .title-left-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.section-title-two .title-left-content .sub-title {
  color: var(--gt-black);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .section-title-two .title-left-content .sub-title {
    max-width: 300px;
  }
}
.section-title-two .title-left-content .service-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-title-two .title-right-content {
  width: 65%;
}
.section-title-two .title-right-content .title {
  max-width: 774px;
}

.section-title-three .title {
  color: var(--gt-black);
  text-align: center;
  font-family: Inter;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 85px;
  letter-spacing: -2.4px;
}
@media (max-width: 991px) {
  .section-title-three .title {
    font-size: 60px;
    line-height: 68px;
  }
}
@media (max-width: 767px) {
  .section-title-three .title {
    font-size: 60px;
    line-height: 68px;
  }
}
@media (max-width: 470px) {
  .section-title-three .title {
    font-size: 50px;
    line-height: 58px;
  }
}
@media (max-width: 450px) {
  .section-title-three .title {
    font-size: 35px;
    line-height: 48px;
  }
}
.section-title-three .title span {
  color: #000;
  font-family: Inter;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 85px;
  letter-spacing: -2.4px;
}
@media (max-width: 767px) {
  .section-title-three .title span {
    font-size: 60px;
    line-height: 68px;
  }
}
@media (max-width: 470px) {
  .section-title-three .title span {
    font-size: 50px;
    line-height: 58px;
  }
}
@media (max-width: 450px) {
  .section-title-three .title span {
    font-size: 35px;
    line-height: 48px;
  }
}

.section-title-four .sub-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--gt-text-6);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 10px;
}
.section-title-four .title {
  color: var(--gt-text-6);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: -1.2px;
}
@media (max-width: 1399px) {
  .section-title-four .title {
    font-size: 40px;
    line-height: 58px;
  }
}
@media (max-width: 767px) {
  .section-title-four .title {
    font-size: 45px;
    line-height: 55px;
  }
}
@media (max-width: 500px) {
  .section-title-four .title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 450px) {
  .section-title-four .title {
    font-size: 31px;
    line-height: 45px;
  }
}
@media (max-width: 350px) {
  .section-title-four .title {
    font-size: 25px;
    line-height: 35px;
  }
}
.section-title-four .title span {
  font-weight: 400;
}

.section-title-area {
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .section-title-area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.section-title-area .section-title {
  margin-bottom: 0;
}

.hero-full-image {
  height: 100vh;
}
@media (max-width: 1399px) {
  .hero-full-image {
    display: none;
  }
}

.hero-area-two {
  position: relative;
}
.hero-area-two .hero-title-shape-2 {
  display: inline-block;
  position: relative;
  width: 375px;
  height: 200px;
}
.hero-area-two .hero-title-shape-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(0, 0);
  position: absolute;
  z-index: 1;
  max-width: 100vw;
  margin-left: 0px;
  will-change: transform;
}
@media (max-width: 1399px) {
  .hero-area-two .hero-title-shape-2 img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
  }
}

.section-title5 {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .section-title5 {
    margin-bottom: 0;
  }
  .section-title5 br {
    display: none;
  }
}
.section-title5 h2 {
  color: var(--gt-black);
  font-size: 48px;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 1399px) {
  .section-title5 h2 {
    font-size: 44px;
  }
}
@media (max-width: 1199px) {
  .section-title5 h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .section-title5 h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .section-title5 h2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .section-title5 h2 {
    font-size: 36px;
  }
}
@media (max-width: 470px) {
  .section-title5 h2 {
    font-size: 32px;
  }
}
.section-title5 .sub-title {
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.section-title5 h6 {
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.section-title5.style-4 h2 {
  font-weight: 600;
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  text-transform: initial;
}

.contact-form.style-2 {
  background: #f9eff1;
  padding: 40px 45px;
  position: relative;
}
@media (max-width: 575px) {
  .contact-form.style-2 {
    padding: 20px;
  }
}
.contact-form.style-2::after {
  content: "";
  border: 1px solid #121212;
  width: 690px;
  height: 600px; /*572px;*/
  background: #fff;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: -1;
}
@media (max-width: 1600px) {
  .contact-form.style-2::after {
    width: 100%;
    height: 100%;
  }
}
.contact-form.style-2 form label {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  letter-spacing: -0.01em;
  color: #121212;
  margin-bottom: 15px;
}
.contact-form.style-2 form input,
.contact-form.style-2 form select,
.contact-form.style-2 form textarea,
.contact-form.style-2 form .form-control {
  background: var(--gt-white) !important;
  padding: 0;
  border: none !important;
  height: 54px;
  padding: 20px;
  margin-bottom: 25px;
}
.contact-form.style-2 form .simple-btn-black .gt-hover-btn {
  border-radius: 4px !important;
}
.contact-form.style-2 form textarea.form-control,
.contact-form.style-2 form textarea {
  min-height: 124px !important;
}
.contact-form.style-3 {
  background: #fff;
  padding: 70px 90px;
  position: relative;
  z-index: 9;
}
@media (max-width: 767px) {
  .contact-form.style-3 {
    padding: 30px;
  }
}
@media (max-width: 470px) {
  .contact-form.style-3 {
    padding: 10px;
  }
}
.contact-form.style-3 .title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 37px;
  letter-spacing: 0em;
  text-align: left;
  color: #121212;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .contact-form.style-3 .title {
    text-align: center;
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 30px;
  }
}
.contact-form.style-3 .text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: center;
  text-transform: capitalize;
  color: #555555;
  margin-bottom: 40px;
}
.contact-form.style-3 input,
.contact-form.style-3 select,
.contact-form.style-3 textarea,
.contact-form.style-3 .form-control {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  color: #555555;
  text-transform: capitalize;
  margin-bottom: 0;
}
.contact-form.style-3 textarea.form-control,
.contact-form.style-3 textarea {
  resize: vertical;
  min-height: 70px !important;
  padding: 0;
  overflow: hidden;
  margin-top: 40px;
}
.contact-form.style-1 input,
.contact-form.style-1 select,
.contact-form.style-1 textarea,
.contact-form.style-1 .form-control {
  color: var(--gt-white);
  border-bottom: 1px solid var(--gt-white) !important;
}
.contact-form.style-1 input::placeholder,
.contact-form.style-1 select::placeholder,
.contact-form.style-1 textarea::placeholder,
.contact-form.style-1 .form-control::placeholder {
  color: var(--gt-white);
}
.contact-form form input,
.contact-form form select,
.contact-form form textarea,
.contact-form form .form-control {
  border: none !important;
  border-bottom: 1px solid var(--gt-border-1) !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--gt-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
  padding: 0 0 20px 0;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .contact-form form input,
  .contact-form form select,
  .contact-form form textarea,
  .contact-form form .form-control {
    margin-bottom: 20px;
  }
}
.contact-form form input:focus,
.contact-form form select:focus,
.contact-form form textarea:focus,
.contact-form form .form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--gt-theme) !important;
}
.contact-form form input::placeholder,
.contact-form form select::placeholder,
.contact-form form textarea::placeholder,
.contact-form form .form-control::placeholder {
  color: var(--gt-black);
}
.contact-form form select.form-control {
  appearance: none;
  background: transparent url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C4.90237 8.68342 4.90237 9.31658 5.29289 9.70711L11.2929 15.7071C11.6834 16.0976 12.3166 16.0976 12.7071 15.7071L18.7071 9.70711C19.0976 9.31658 19.0976 8.68342 18.7071 8.29289C18.3166 7.90237 17.6834 7.90237 17.2929 8.29289L12 13.5858L6.70711 8.29289C6.31658 7.90237 5.68342 7.90237 5.29289 8.29289Z' fill='black'/></svg>") no-repeat right 12px center !important;
  background-size: 16px;
  padding-right: 40px;
}
.contact-form form textarea.form-control,
.contact-form form textarea {
  resize: vertical;
  margin-bottom: 0;
  height: 50px;
  min-height: 50px !important;
  padding: 60px 0 40px 0;
  overflow: hidden;
}
.contact-form form .gt-hover-btn-wrapper {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.contact-form form .gt-hover-btn-wrapper .gt-hover-btn {
  padding: 0 24px;
}

.form-check-label {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  text-transform: capitalize;
  color: #9e9ea3;
}
.form-check-label a {
  color: var(--gt-white);
}

.marquee-wrap {
  overflow: hidden;
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 99;
}

.marquee-content {
  display: flex;
  gap: 17px;
  animation: marquee 20s linear infinite;
  width: max-content;
}
.marquee-content:hover {
  animation-play-state: paused;
}

.marquee-content-two {
  display: flex;
  gap: 17px;
  animation: marquee-two 20s linear infinite;
  width: max-content;
}
.marquee-content-two:hover {
  animation-play-state: paused;
}

.brand-logo {
  flex: 0 0 auto;
  border: 1px solid rgba(18, 18, 18, 0.2);
  width: 290px;
  padding: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
@media (max-width: 991px) {
  .brand-logo {
    padding: 20px;
    width: 200px;
  }
}
@media (max-width: 575px) {
  .brand-logo {
    padding: 10px;
    width: 190px;
  }
}
.brand-logo::before {
  content: "";
  width: 0;
  height: 100%;
  background: var(--gt-black);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.brand-logo svg path {
  fill: var(--gt-text-2);
}
.brand-logo:hover::before {
  width: 100%;
}
.brand-logo:hover svg path {
  fill: var(--gt-white);
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes marquee-two {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.accolades-area-two .accolades-wrapper {
  position: relative;
}
.accolades-area-two .accolades-wrapper .line-shape-1 {
  position: absolute;
  left: 75px;
  bottom: 0;
  width: calc(100% - 150px);
  height: 1px;
  background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 5px, transparent 5px, transparent 10px);
  z-index: -1;
  animation: dash-3 1s linear infinite;
}
.accolades-area-two .accolades-wrapper .accolades-card {
  position: relative;
  padding-left: 30px;
}
.accolades-area-two .accolades-wrapper .accolades-card::before {
  content: "";
  width: 1px;
  height: 100%;
  background: var(--gt-border-1);
  position: absolute;
  left: 0;
  top: 0;
}
.accolades-area-two .accolades-wrapper .accolades-card::after {
  content: "";
  width: 4px;
  height: 50px;
  background: var(--gt-black);
  position: absolute;
  left: 0;
  top: 0;
}
.accolades-area-two .accolades-wrapper .accolades-card .accolades-logo {
  margin-bottom: 20px;
}
.accolades-area-two .accolades-wrapper .accolades-card .title {
  color: var(--gt-black);
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 15px;
}
.accolades-area-two .accolades-wrapper .accolades-card .text {
  color: var(--gt-text-2);
  /*text-transform: capitalize;*/
  max-width: 415px;
}

.accordion.add-faq .accordion-item .accordion-header .accordion-button {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 500;
  font-size: 60px;
  line-height: 60px;
  color: var(--gt-white) !important;
  gap: 35px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
@media (max-width: 991px) {
  .accordion.add-faq .accordion-item .accordion-header .accordion-button {
    font-size: 45px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .accordion.add-faq .accordion-item .accordion-header .accordion-button {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 450px) {
  .accordion.add-faq .accordion-item .accordion-header .accordion-button {
    font-size: 25px;
    line-height: 28px;
  }
}
@media (max-width: 350px) {
  .accordion.add-faq .accordion-item .accordion-header .accordion-button {
    font-size: 20px;
    line-height: 28px;
  }
}
.accordion.add-faq .accordion-item .accordion-header .accordion-button:last-child {
  border: none;
}
.accordion.add-faq .accordion-item .accordion-header .accordion-button .number {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #555;
}
.accordion.add-faq .accordion-item .accordion-header .accordion-button.collapsed {
  background: transparent;
  color: var(--gt-white);
}
.accordion.add-faq .accordion-item .accordion-body {
  margin-left: 35px;
}
@media (max-width: 767px) {
  .accordion.add-faq .accordion-item .accordion-body {
    margin-left: 0;
  }
}
.accordion.add-faq .accordion-item .accordion-body .body-wrap {
  display: flex;
  gap: 35px;
}
@media (max-width: 1399px) {
  .accordion.add-faq .accordion-item .accordion-body .body-wrap {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .accordion.add-faq .accordion-item .accordion-body .body-wrap .faq-thumb img {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .accordion.add-faq .accordion-item .accordion-body .body-wrap .simple-btn-white-2 {
    text-align: center;
  }
}
.accordion.add-faq .accordion-item .accordion-body .body-wrap .simple-btn-white-2 .gt-hover-btn-item {
  background: transparent;
  border: 1px solid var(--gt-theme-2);
  color: var(--gt-theme);
}
.accordion.add-faq .accordion-item .accordion-body .body-wrap .simple-btn-white-2 .gt-btn-circle-dot {
  background-color: var(--gt-theme);
}
.accordion.add-faq .accordion-item .accordion-body .faq-content {
  display: grid;
  grid-template-columns: repeat(2, 330px);
  gap: 30px;
  justify-content: center;
  margin-bottom: 45px;
}
@media (max-width: 1399px) {
  .accordion.add-faq .accordion-item .accordion-body .faq-content {
    grid-template-columns: repeat(2, 300px);
  }
}
@media (max-width: 1199px) {
  .accordion.add-faq .accordion-item .accordion-body .faq-content {
    grid-template-columns: repeat(2, auto);
  }
}
@media (max-width: 767px) {
  .accordion.add-faq .accordion-item .accordion-body .faq-content {
    grid-template-columns: repeat(1, auto);
  }
}
.accordion.add-faq .accordion-item .accordion-body .faq-content .items {
  height: auto;
}
.accordion.add-faq .accordion-item .accordion-body .faq-content .items .title {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: var(--gt-white);
  margin-bottom: 10px;
}
.accordion.add-faq .accordion-item .accordion-body .faq-content .items .text {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: #9e9ea3;
}
.accordion.style3 .accordion-item .accordion-header button:after {
  display: none !important;
}
.accordion.style3 .accordion-item .accordion-button[aria-expanded=false]::before {
  content: "+";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 10px;
  position: absolute;
  font-size: 25px;
}
@media (max-width: 767px) {
  .accordion.style3 .accordion-item .accordion-button[aria-expanded=false]::before {
    right: -45px;
  }
}
.accordion.style3 .accordion-item .accordion-button[aria-expanded=true]::before {
  content: "-";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 10px;
  position: absolute;
  font-size: 25px;
}
@media (max-width: 767px) {
  .accordion.style3 .accordion-item .accordion-button[aria-expanded=true]::before {
    right: -45px;
  }
}
.accordion.style3 .accordion-item {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .accordion.style3 .accordion-item {
    margin-bottom: 15px !important;
  }
}
.accordion.style3 .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion.style3 .accordion-item .accordion-header .accordion-button {
  border: none !important;
}
@media (max-width: 767px) {
  .accordion.style3 .accordion-item .accordion-header {
    padding-right: 50px !important;
  }
  .accordion.style3 .accordion-item .accordion-header button {
    line-height: 1.4;
  }
}
.accordion.style3 .accordion-item .accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: none;
}
.accordion.style3 .accordion-item button {
  background: transparent;
  color: var(--gt-text-6);
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.6px;
  padding: 0 !important;
  padding-bottom: 30px !important;
  margin-right: 100px;
}
@media (max-width: 1399px) {
  .accordion.style3 .accordion-item button {
    font-size: 20px;
    line-height: 18px;
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .accordion.style3 .accordion-item button {
    padding-bottom: 15px !important;
  }
}
.accordion.style3 .accordion-item button:not(.collapsed) {
  color: inherit !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none;
}
.accordion.style3 .accordion-item button:not(.collapsed) .icon-box {
  background-color: var(--gt-theme-2);
}
.accordion.style3 .accordion-item button .accordion-button.collapsed {
  background: var(--gt-white);
}
.accordion.style3 .accordion-item button .accordion-button.collapsed:after {
  display: none;
}
.accordion.style3 .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
  margin-bottom: 5px;
}
.accordion.style3 .accordion-item .accordion-collapse .accordion-body p {
  color: var(--gt-text-5);
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
}

.faq-service-4 .accordion-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.gt-table-dark {
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid var(--gt-theme);
    border-collapse: separate;
    overflow: hidden;
}

.gt-table-dark th {
    background-color: var(--gt-theme);
    color: var(--gt-black);
    padding: 15px 20px;
}
.gt-table-dark td {
    padding: 15px 20px;
    color: #fff;
    border-bottom: 1px solid var(--gt-border-4);
    vertical-align: middle;
}
.gt-table-dark td a {
    color: #fff;
}
.gt-table-dark td a:hover {
    color: var(--gt-theme);
}
.gt-table-dark tr:hover {
    background-color: rgba(255, 255, 255, 0.1);
    transition: background-color 0.3s ease;
}
.gt-table-dark tr:last-child td {
    border-bottom: none;
}
.gt-table-dark.style2 {
    border-collapse: collapse;
}
.gt-table-dark.style2 th {
    width: 25%;
    text-align: left;
    border-bottom: 1px solid var(--gt-border-4);
}
.gt-table-dark.style2 tr:last-child th {
    border-bottom: none;
}

.table-responsive {
    border: none;
}
.map-area-one .map-wrapper {
  position: relative;
  z-index: 5;
  height: auto;
}
.map-area-one .map-wrapper iframe {
  height: 600px;
}
@media (max-width: 767px) {
  .map-area-one .map-wrapper iframe {
    height: 450px;
  }
}
.bg10 {
  background: var(--gt-bg10);
}
.bg6 {
  background: var(--gt-text-6);
}
.cross-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 40px;
  padding-left: 0;
  list-style: none;
}

/* 確保 Cross-reference 列表呈現兩欄 */
    .cross-list-grid {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .cross-list-grid li {
        width: 50%; /* 一列 2 個 */
        padding: 5px 0;
        color: #ffffff;
        position: relative;
        padding-left: 20px;
    }
    /*.cross-list-grid li::before {
        content: "\f105"; 
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        left: 0;
        color: #E8C157;
    }*/
    @media (max-width: 767px) {
        .cross-list-grid li { width: 100%; }
    }
.mw-100 {
  max-width:100%;
}
.service-details-area { min-height: 75vh; }
#smooth-content { padding-bottom: 2px; display: flow-root; }