/*
Theme Name: PixelR
Author: Gramentheme
Author URI: https://themeforest.net/user/Gramentheme/portfolio
Description: PixelR- Creative Agency HTML Template
Service Html Template
Version: 1.0.0
*/
@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: #C9F31D;
--gt-theme-2: #C9F31D;
--gt-theme-3: #C9F31D; */
--gt-theme: #3782c0;
--gt-theme-2: #3782c0;
--gt-theme-3: #3782c0;
--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;
}
/*-- 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 (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;
}
}
@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: 70px;
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-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;
}
}
.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: 30px;
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;
}
@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;
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;
}
.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;
}
.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(201, 243, 29, 0.5) 0%, #3782c0 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;
}
@-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,") 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: 33.3%;
}
@media (max-width: 1399px) {
.contact-page-wrapper .contact-info .info-items {
width: 50%;
}
}
@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 .cta-content-wrap {
display: flex;
align-items: center;
gap: 212px;
}
@media (max-width: 1399px) {
.cta-area-three .cta-wrapper .cta-content .cta-content-wrap {
gap: 50px;
}
}
@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;
}
}
@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: 47px;
}
.cta-area-three .cta-wrapper .cta-content .cta-content-wrap .content-inner .our-clint-2 {
transform: rotate(15deg);
}
@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: 148px;
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 .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: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 5px;
}
.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;
}
.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: 1399px) {
.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-item {
max-width: 340px;
}
.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: 300;
margin-top: 15px;
}
.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 .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);
}
@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: 240px;
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: 38px;
padding: 0px 0px 0px 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;
bottom: 18px;
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 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;
}
.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(-50%);
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
margin-top: 20px;
left: 25px;
right: 25px;
}
@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: 5.5px;
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 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;
}
.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-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: 18px 0;
}
.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 {
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: 413px;
bottom: 98px;
}
@media (max-width: 1199px) {
.breadcrumb-page-area-one.style-2 .breadcrumb-page-wrap .bg-shape {
left: 50px;
}
}
@media (max-width: 767px) {
.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);
}
.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: 25px;
line-height: 35px;
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.breadcrumb-page-area-one.style-2 .gt-breadcrumb-wrapper .text {
font-size: 23px;
line-height: 28px;
}
}
.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.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;
left: 0;
}
.gt-breadcrumb-wrapper .title::after {
content: "";
position: absolute;
width: 39px;
height: 2px;
background: var(--gt-white);
top: 30px;
left: 17px;
}
.gt-breadcrumb-wrapper .text {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 40px;
line-height: 55px;
letter-spacing: -0.03em;
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 {
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(../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;
}
.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: 99px;
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;
}
.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: 245px;
}
@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: 56px;
}
@media (max-width: 767px) {
.service-details-wrapper .section-title {
margin-bottom: 30px;
}
}
.service-details-wrapper .section-title .sub-title {
font-family: "Kanit", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 30px;
letter-spacing: -0.01em;
text-align: left;
color: #555555;
text-align: center;
}
.service-details-wrapper .section-title .title {
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: 500;
font-size: 100px;
line-height: 140px;
letter-spacing: 0em;
text-align: left;
color: #121212;
text-align: center;
}
@media (max-width: 1399px) {
.service-details-wrapper .section-title .title {
font-size: 57px;
line-height: 67px;
}
}
@media (max-width: 991px) {
.service-details-wrapper .section-title .title {
font-size: 50px;
line-height: 60px;
}
}
@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;
}
}
@media (max-width: 450px) {
.service-details-wrapper .section-title .title {
font-size: 25px;
line-height: 30px;
}
}
@media (max-width: 450px) {
.service-details-wrapper .section-title .title {
font-size: 22px;
line-height: 30px;
}
}
.service-details-wrapper .text-content .text-title {
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: 400;
font-size: 30px;
line-height: 40px;
letter-spacing: -0.01em;
color: #121212;
margin-bottom: 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;
}
}
@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: #3782c0;
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: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;
}
}
.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;
}
}
.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: 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,") 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: 20px;
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: 18px;
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;
}
.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;
}/*# sourceMappingURL=main.css.map */