@charset "UTF-8";
  body {
font-family: "Jost", sans-serif;
font-weight: 400;
font-style: normal;
color: var(--clr-body-text);
font-size: 16px;
line-height: 27px;
overflow-x: hidden;
}
.img, img {
max-width: 100%;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
a,
.button, button {
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover {
color: inherit;
text-decoration: none;
}
a,
button {
color: inherit;
outline: medium none;
text-decoration: none;
}
button:focus, input:focus, input:focus, textarea, textarea:focus {
outline: 0;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Enoway Personal Use Only";
color: var(--clr-common-white);
margin-top: 0px;
line-height: 1.25;
font-weight: normal;
text-transform: capitalize;
margin-bottom: 15px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
h1 {
font-size: 124px;
}
h2 {
font-size: 70px;
}
h3 {
font-size: 40px;
}
h4 {
font-size: 28px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
ul {
margin: 0px;
padding: 0px;
list-style: none;
}
p {
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--clr-body-text);
}
hr {
border-bottom: 1px solid var(--clr-bg-gray-3);
border-top: 0 none;
padding: 0;
opacity: 1;
}
label {
color: var(--clr-common-black);
cursor: pointer;
font-size: 14px;
font-weight: 400;
}
*::-moz-selection {
background-color: var(--clr-theme-primary);
color: var(--clr-common-white);
text-shadow: none;
}
::-moz-selection {
background-color: var(--clr-theme-primary);
color: var(--clr-common-white);
text-shadow: none;
}
::selection {
background-color: var(--clr-theme-primary);
color: var(--clr-common-white);
text-shadow: none;
} input::-webkit-input-placeholder {
color: var(--clr-body-text);
font-size: 16px;
opacity: 1;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
input:-moz-placeholder {
color: var(--clr-body-text);
font-size: 16px;
opacity: 1;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
input::-moz-placeholder {
color: var(--clr-body-text);
font-size: 16px;
opacity: 1;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
input:-ms-input-placeholder {
color: var(--clr-body-text);
font-size: 16px;
opacity: 1;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
textarea::-webkit-input-placeholder {
color: var(--clr-body-text);
font-size: 16px;
opacity: 1;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
textarea:-moz-placeholder {
color: var(--clr-body-text);
font-size: 16px;
opacity: 1;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
textarea::-moz-placeholder {
color: var(--clr-body-text);
font-size: 16px;
opacity: 1;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
textarea:-ms-input-placeholder {
color: var(--clr-body-text);
font-size: 16px;
opacity: 1;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
input:focus::placeholder, textarea:focus::placeholder {
opacity: 0;
} .w_img img {
width: 100%;
} [data-overlay] {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
[data-overlay]::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: "";
} .mt-5 {
margin-top: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mt-50 {
margin-top: 50px;
}
.mt-55 {
margin-top: 55px;
}
.mt-60 {
margin-top: 60px;
}
.mt-65 {
margin-top: 65px;
}
.mt-70 {
margin-top: 70px;
}
.mt-75 {
margin-top: 75px;
}
.mt-80 {
margin-top: 80px;
}
.mt-85 {
margin-top: 85px;
}
.mt-90 {
margin-top: 90px;
}
.mt-95 {
margin-top: 95px;
}
.mt-100 {
margin-top: 100px;
}
.mt-105 {
margin-top: 105px;
}
.mt-110 {
margin-top: 110px;
}
.mt-115 {
margin-top: 115px;
}
.mt-120 {
margin-top: 120px;
}
.mt-125 {
margin-top: 125px;
}
.mt-130 {
margin-top: 130px;
}
.mt-135 {
margin-top: 135px;
}
.mt-140 {
margin-top: 140px;
}
.mt-145 {
margin-top: 145px;
}
.mt-150 {
margin-top: 150px;
}
.mt-155 {
margin-top: 155px;
}
.mt-160 {
margin-top: 160px;
}
.mt-165 {
margin-top: 165px;
}
.mt-170 {
margin-top: 170px;
}
.mt-175 {
margin-top: 175px;
}
.mt-180 {
margin-top: 180px;
}
.mt-185 {
margin-top: 185px;
}
.mt-190 {
margin-top: 190px;
}
.mt-195 {
margin-top: 195px;
}
.mt-200 {
margin-top: 200px;
}
.mb-5 {
margin-bottom: 5px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-55 {
margin-bottom: 55px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-65 {
margin-bottom: 65px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-75 {
margin-bottom: 75px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-85 {
margin-bottom: 85px;
}
.mb-90 {
margin-bottom: 90px;
}
.mb-95 {
margin-bottom: 95px;
}
.mb-100 {
margin-bottom: 100px;
}
.mb-105 {
margin-bottom: 105px;
}
.mb-110 {
margin-bottom: 110px;
}
.mb-115 {
margin-bottom: 115px;
}
.mb-120 {
margin-bottom: 120px;
}
.mb-125 {
margin-bottom: 125px;
}
.mb-130 {
margin-bottom: 130px;
}
.mb-135 {
margin-bottom: 135px;
}
.mb-140 {
margin-bottom: 140px;
}
.mb-145 {
margin-bottom: 145px;
}
.mb-150 {
margin-bottom: 150px;
}
.mb-155 {
margin-bottom: 155px;
}
.mb-160 {
margin-bottom: 160px;
}
.mb-165 {
margin-bottom: 165px;
}
.mb-170 {
margin-bottom: 170px;
}
.mb-175 {
margin-bottom: 175px;
}
.mb-180 {
margin-bottom: 180px;
}
.mb-185 {
margin-bottom: 185px;
}
.mb-190 {
margin-bottom: 190px;
}
.mb-195 {
margin-bottom: 195px;
}
.mb-200 {
margin-bottom: 200px;
}
.ml-5 {
margin-left: 5px;
}
.ml-10 {
margin-left: 10px;
}
.ml-15 {
margin-left: 15px;
}
.ml-20 {
margin-left: 20px;
}
.ml-25 {
margin-left: 25px;
}
.ml-30 {
margin-left: 30px;
}
.ml-35 {
margin-left: 35px;
}
.ml-40 {
margin-left: 40px;
}
.ml-45 {
margin-left: 45px;
}
.ml-50 {
margin-left: 50px;
}
.ml-55 {
margin-left: 55px;
}
.ml-60 {
margin-left: 60px;
}
.ml-65 {
margin-left: 65px;
}
.ml-70 {
margin-left: 70px;
}
.ml-75 {
margin-left: 75px;
}
.ml-80 {
margin-left: 80px;
}
.ml-85 {
margin-left: 85px;
}
.ml-90 {
margin-left: 90px;
}
.ml-95 {
margin-left: 95px;
}
.ml-100 {
margin-left: 100px;
}
.ml-105 {
margin-left: 105px;
}
.ml-110 {
margin-left: 110px;
}
.ml-115 {
margin-left: 115px;
}
.ml-120 {
margin-left: 120px;
}
.ml-125 {
margin-left: 125px;
}
.ml-130 {
margin-left: 130px;
}
.ml-135 {
margin-left: 135px;
}
.ml-140 {
margin-left: 140px;
}
.ml-145 {
margin-left: 145px;
}
.ml-150 {
margin-left: 150px;
}
.ml-155 {
margin-left: 155px;
}
.ml-160 {
margin-left: 160px;
}
.ml-165 {
margin-left: 165px;
}
.ml-170 {
margin-left: 170px;
}
.ml-175 {
margin-left: 175px;
}
.ml-180 {
margin-left: 180px;
}
.ml-185 {
margin-left: 185px;
}
.ml-190 {
margin-left: 190px;
}
.ml-195 {
margin-left: 195px;
}
.ml-200 {
margin-left: 200px;
}
.mr-5 {
margin-right: 5px;
}
.mr-10 {
margin-right: 10px;
}
.mr-15 {
margin-right: 15px;
}
.mr-20 {
margin-right: 20px;
}
.mr-25 {
margin-right: 25px;
}
.mr-30 {
margin-right: 30px;
}
.mr-35 {
margin-right: 35px;
}
.mr-40 {
margin-right: 40px;
}
.mr-45 {
margin-right: 45px;
}
.mr-50 {
margin-right: 50px;
}
.mr-55 {
margin-right: 55px;
}
.mr-60 {
margin-right: 60px;
}
.mr-65 {
margin-right: 65px;
}
.mr-70 {
margin-right: 70px;
}
.mr-75 {
margin-right: 75px;
}
.mr-80 {
margin-right: 80px;
}
.mr-85 {
margin-right: 85px;
}
.mr-90 {
margin-right: 90px;
}
.mr-95 {
margin-right: 95px;
}
.mr-100 {
margin-right: 100px;
}
.mr-105 {
margin-right: 105px;
}
.mr-110 {
margin-right: 110px;
}
.mr-115 {
margin-right: 115px;
}
.mr-120 {
margin-right: 120px;
}
.mr-125 {
margin-right: 125px;
}
.mr-130 {
margin-right: 130px;
}
.mr-135 {
margin-right: 135px;
}
.mr-140 {
margin-right: 140px;
}
.mr-145 {
margin-right: 145px;
}
.mr-150 {
margin-right: 150px;
}
.mr-155 {
margin-right: 155px;
}
.mr-160 {
margin-right: 160px;
}
.mr-165 {
margin-right: 165px;
}
.mr-170 {
margin-right: 170px;
}
.mr-175 {
margin-right: 175px;
}
.mr-180 {
margin-right: 180px;
}
.mr-185 {
margin-right: 185px;
}
.mr-190 {
margin-right: 190px;
}
.mr-195 {
margin-right: 195px;
}
.mr-200 {
margin-right: 200px;
}
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-15 {
padding-top: 15px;
}
.pt-20 {
padding-top: 20px;
}
.pt-25 {
padding-top: 25px;
}
.pt-30 {
padding-top: 30px;
}
.pt-35 {
padding-top: 35px;
}
.pt-40 {
padding-top: 40px;
}
.pt-45 {
padding-top: 45px;
}
.pt-50 {
padding-top: 50px;
}
.pt-55 {
padding-top: 55px;
}
.pt-60 {
padding-top: 60px;
}
.pt-65 {
padding-top: 65px;
}
.pt-70 {
padding-top: 70px;
}
.pt-75 {
padding-top: 75px;
}
.pt-80 {
padding-top: 80px;
}
.pt-85 {
padding-top: 85px;
}
.pt-90 {
padding-top: 90px;
}
.pt-95 {
padding-top: 95px;
}
.pt-100 {
padding-top: 100px;
}
.pt-105 {
padding-top: 105px;
}
.pt-110 {
padding-top: 110px;
}
.pt-115 {
padding-top: 115px;
}
.pt-120 {
padding-top: 120px;
}
.pt-125 {
padding-top: 125px;
}
.pt-130 {
padding-top: 130px;
}
.pt-135 {
padding-top: 135px;
}
.pt-140 {
padding-top: 140px;
}
.pt-145 {
padding-top: 145px;
}
.pt-150 {
padding-top: 150px;
}
.pt-155 {
padding-top: 155px;
}
.pt-160 {
padding-top: 160px;
}
.pt-165 {
padding-top: 165px;
}
.pt-170 {
padding-top: 170px;
}
.pt-175 {
padding-top: 175px;
}
.pt-180 {
padding-top: 180px;
}
.pt-185 {
padding-top: 185px;
}
.pt-190 {
padding-top: 190px;
}
.pt-195 {
padding-top: 195px;
}
.pt-200 {
padding-top: 200px;
}
.pb-5 {
padding-bottom: 5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-25 {
padding-bottom: 25px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-35 {
padding-bottom: 35px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-45 {
padding-bottom: 45px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-55 {
padding-bottom: 55px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-65 {
padding-bottom: 65px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-75 {
padding-bottom: 75px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-85 {
padding-bottom: 85px;
}
.pb-90 {
padding-bottom: 90px;
}
.pb-95 {
padding-bottom: 95px;
}
.pb-100 {
padding-bottom: 100px;
}
.pb-105 {
padding-bottom: 105px;
}
.pb-110 {
padding-bottom: 110px;
}
.pb-115 {
padding-bottom: 115px;
}
.pb-120 {
padding-bottom: 120px;
}
.pb-125 {
padding-bottom: 125px;
}
.pb-130 {
padding-bottom: 130px;
}
.pb-135 {
padding-bottom: 135px;
}
.pb-140 {
padding-bottom: 140px;
}
.pb-145 {
padding-bottom: 145px;
}
.pb-150 {
padding-bottom: 150px;
}
.pb-155 {
padding-bottom: 155px;
}
.pb-160 {
padding-bottom: 160px;
}
.pb-165 {
padding-bottom: 165px;
}
.pb-170 {
padding-bottom: 170px;
}
.pb-175 {
padding-bottom: 175px;
}
.pb-180 {
padding-bottom: 180px;
}
.pb-185 {
padding-bottom: 185px;
}
.pb-190 {
padding-bottom: 190px;
}
.pb-195 {
padding-bottom: 195px;
}
.pb-200 {
padding-bottom: 200px;
}
.pb-205 {
padding-bottom: 205px;
}
.pb-210 {
padding-bottom: 210px;
}
.pb-215 {
padding-bottom: 215px;
}
.pb-220 {
padding-bottom: 220px;
}
.pb-225 {
padding-bottom: 225px;
}
.pb-230 {
padding-bottom: 230px;
}
.pb-235 {
padding-bottom: 235px;
}
.pb-240 {
padding-bottom: 240px;
}
.pb-245 {
padding-bottom: 245px;
}
.pb-250 {
padding-bottom: 250px;
}
.pb-255 {
padding-bottom: 255px;
}
.pb-260 {
padding-bottom: 260px;
}
.pb-265 {
padding-bottom: 265px;
}
.pb-270 {
padding-bottom: 270px;
}
.pb-275 {
padding-bottom: 275px;
}
.pb-280 {
padding-bottom: 280px;
}
.pb-285 {
padding-bottom: 285px;
}
.pb-290 {
padding-bottom: 290px;
}
.pb-295 {
padding-bottom: 295px;
}
.pb-300 {
padding-bottom: 300px;
}
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-25 {
padding-left: 25px;
}
.pl-30 {
padding-left: 30px;
}
.pl-35 {
padding-left: 35px;
}
.pl-40 {
padding-left: 40px;
}
.pl-45 {
padding-left: 45px;
}
.pl-50 {
padding-left: 50px;
}
.pl-55 {
padding-left: 55px;
}
.pl-60 {
padding-left: 60px;
}
.pl-65 {
padding-left: 65px;
}
.pl-70 {
padding-left: 70px;
}
.pl-75 {
padding-left: 75px;
}
.pl-80 {
padding-left: 80px;
}
.pl-85 {
padding-left: 85px;
}
.pl-90 {
padding-left: 90px;
}
.pl-95 {
padding-left: 95px;
}
.pl-100 {
padding-left: 100px;
}
.pl-105 {
padding-left: 105px;
}
.pl-110 {
padding-left: 110px;
}
.pl-115 {
padding-left: 115px;
}
.pl-120 {
padding-left: 120px;
}
.pl-125 {
padding-left: 125px;
}
.pl-130 {
padding-left: 130px;
}
.pl-135 {
padding-left: 135px;
}
.pl-140 {
padding-left: 140px;
}
.pl-145 {
padding-left: 145px;
}
.pl-150 {
padding-left: 150px;
}
.pl-155 {
padding-left: 155px;
}
.pl-160 {
padding-left: 160px;
}
.pl-165 {
padding-left: 165px;
}
.pl-170 {
padding-left: 170px;
}
.pl-175 {
padding-left: 175px;
}
.pl-180 {
padding-left: 180px;
}
.pl-185 {
padding-left: 185px;
}
.pl-190 {
padding-left: 190px;
}
.pl-195 {
padding-left: 195px;
}
.pl-200 {
padding-left: 200px;
}
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pr-25 {
padding-right: 25px;
}
.pr-30 {
padding-right: 30px;
}
.pr-35 {
padding-right: 35px;
}
.pr-40 {
padding-right: 40px;
}
.pr-45 {
padding-right: 45px;
}
.pr-50 {
padding-right: 50px;
}
.pr-55 {
padding-right: 55px;
}
.pr-60 {
padding-right: 60px;
}
.pr-65 {
padding-right: 65px;
}
.pr-70 {
padding-right: 70px;
}
.pr-75 {
padding-right: 75px;
}
.pr-80 {
padding-right: 80px;
}
.pr-85 {
padding-right: 85px;
}
.pr-90 {
padding-right: 90px;
}
.pr-95 {
padding-right: 95px;
}
.pr-100 {
padding-right: 100px;
}
.pr-105 {
padding-right: 105px;
}
.pr-110 {
padding-right: 110px;
}
.pr-115 {
padding-right: 115px;
}
.pr-120 {
padding-right: 120px;
}
.pr-125 {
padding-right: 125px;
}
.pr-130 {
padding-right: 130px;
}
.pr-135 {
padding-right: 135px;
}
.pr-140 {
padding-right: 140px;
}
.pr-145 {
padding-right: 145px;
}
.pr-150 {
padding-right: 150px;
}
.pr-155 {
padding-right: 155px;
}
.pr-160 {
padding-right: 160px;
}
.pr-165 {
padding-right: 165px;
}
.pr-170 {
padding-right: 170px;
}
.pr-175 {
padding-right: 175px;
}
.pr-180 {
padding-right: 180px;
}
.pr-185 {
padding-right: 185px;
}
.pr-190 {
padding-right: 190px;
}
.pr-195 {
padding-right: 195px;
}
.pr-200 {
padding-right: 200px;
}
.container {
padding-right: 15px;
padding-left: 15px;
}
.row {
--bs-gutter-x: 30px;
}
.row.g-0 {
--bs-gutter-x: 0;
}
@media (min-width: 1200px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1600px) {
.container.container-custom-1 {
max-width: 1750px;
}
}
@media (min-width: 1200px) {
.container.h2-container {
max-width: 1320px;
}
}
@media (min-width: 1400px) {
.container.h3-container {
max-width: 1480px;
}
} :root { --clr-common-white: #fff;
--clr-common-black-soft: #111111;
--clr-common-black: #000000;
--clr-body-heading: #ffffff;
--clr-body-text: #d5d5d5;
--heading-4-color: #252A4E;
--clr-color-black: #000;
--clr-color-gradient-1: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
--gd-4: linear-gradient(90deg, #FFA835 -3.85%, #FA3DCC 97.3%, #FA3AD0 100%);
--clr-color-gradient-2: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
--clr-hover-primary: #55E6A5;
--pr-4: #FA3AD0;
--clr-theme-primary: #55E6A5;
--clr-bg-primary: #55E6A5;
--clr-bg-white: #ffffff;
--clr-bg-gray: #171717;
--base-color-4: #ffb400;
--gradient-yellow: linear-gradient( -90deg, rgb(255,220,0) 0%, rgb(255,180,0) 99%);
--gradient-yellow-2: linear-gradient(90deg, rgb(255, 220, 0) 0%, rgb(255, 180, 0) 50%, rgb(255, 220, 0));
--base-color: #00acc1;
--base-color-2: #f48809;
--base-color-3: #0dcfb4;
--urbanist: "Urbanist", sans-serif;
--black-color: #000000;
--white-color: #fff;
--pr-ec4814: #ec4814;
--sd-4c52e0: #4c52e0;
--heading-0e191e: #0e191e;
--color-382c4d: #382c4d;
--bcbcbc: #bcbcbc;
--454545: #454545;
--484848: #484848;
}
.fix {
overflow: hidden;
}
.bg-default {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.no-after::after {
display: none;
}
.p-relative {
position: relative;
}
.z-index-3 {
position: relative;
z-index: 3;
}
.body-bg {
background-color: var(--clr-common-black-soft);
}
.body-bg-2 {
background-color: #070D1D;
}
::-webkit-scrollbar {
width: 10px;
background-color: transparent;
box-shadow: none;
border: none;
} ::-webkit-scrollbar-track {
background: transparent;
box-shadow: none;
border: none;
} ::-webkit-scrollbar-thumb {
background: var(--pr-ec4814);
border-radius: 30px;
}
.site_wrapper{
overflow: hidden;
}
.home-1::-webkit-scrollbar {
width: 10px;
background-color: transparent;
box-shadow: none;
border: none;
}
.home-1::-webkit-scrollbar-track {
background: transparent;
box-shadow: none;
border: none;
}
.home-1::-webkit-scrollbar-thumb {
background: #55E6A5;
border-radius: 30px;
} .rz-boxed-layout .main_internal{
overflow: hidden;
}
.rz-boxed-layout .main_internal{
max-width: 1320px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
box-shadow: 0px 3px 114px 0px rgba(0, 0, 0, 0.1);
}
.rz-boxed-layout .header-style-two .header__main{
max-width: 1400px;
margin: 0 auto;
}
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 99;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
background: #070D1D;
}
.wavy {
position: relative;
-webkit-box-reflect: below -12px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}
.wavy span {
position: relative;
display: inline-block;
color: white;
font-size: 2.9em;
margin-top: 50%;
text-transform: uppercase;
animation: animate 1s ease-in-out infinite;
animation-delay: calc(0.1s * var(--i));
font-weight: 700;
}
@keyframes animate {
0% {
transform: translateY(0px);
color: yellow;
opacity: 0.2;
}
20% {
transform: translateY(-20px);
color: red;
opacity: 0.3;
}
40%,
100% {
transform: translateY(0px);
}
}
.ul-li ul {
margin: 0;
padding: 0;
}
.ul-li ul li {
list-style: none;
display: inline-block;
}
.ul-li-block ul {
margin: 0;
padding: 0;
}
.ul-li-block ul li {
display: block;
list-style: none;
}
@keyframes movingLine {
0% {
opacity: 0;
width: 0;
}
33.3%, 66% {
opacity: 0.8;
width: 100%;
}
85% {
width: 0;
left: initial;
right: 0;
opacity: 1;
}
100% {
opacity: 0;
width: 0;
}
}
.loading-text {
font-size: 5vw;
line-height: 64px;
letter-spacing: 10px;
margin-bottom: 32px;
display: flex;
justify-content: space-evenly;
}
.loading-text span {
animation: moveLetters 2.4s infinite ease-in-out;
transform: translatex(0);
position: relative;
display: inline-block;
opacity: 0;
text-shadow: 0px 2px 10px rgba(46, 74, 81, 0.3);
}
.loading-text span:nth-child(1) {
animation-delay: 0.1s;
}
.loading-text span:nth-child(2) {
animation-delay: 0.2s;
}
.loading-text span:nth-child(3) {
animation-delay: 0.3s;
}
.loading-text span:nth-child(4) {
animation-delay: 0.4s;
}
.loading-text span:nth-child(5) {
animation-delay: 0.5s;
}
@keyframes moveLetters {
0% {
transform: translateX(-15vw);
opacity: 0;
}
33.3%, 66% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(15vw);
opacity: 0;
}
} .splitting.animated .char {
-webkit-animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeInUp 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));
}
.splitting .whitespace {
width: 10px;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.splitting.txt.animated .char {
-webkit-animation: fadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
animation: fadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
-webkit-animation-delay: calc(10ms * var(--char-index));
animation-delay: calc(10ms * var(--char-index));
}
.splitting.txt .whitespace {
width: 5px;
}
@keyframes gtp-p1-img {
0% {
transform: translate(0px, 0px);
}
25% {
transform: translate(20px, 0px);
}
50% {
transform: translate(0px, -10px);
}
75% {
transform: translate(16px, 0px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes text-slide-2 {
0% {
translate: 0;
}
100% {
translate: -100%;
}
}
.txr-img {
--_g: 10% /45% 45% no-repeat linear-gradient(#000 0 0);
--m: left var(--_i, 0%) top var(--_g), bottom var(--_i, 0%) left var(--_g),
top var(--_i, 0%) right var(--_g), right var(--_i, 0%) bottom var(--_g);
-webkit-mask: var(--m);
mask: var(--m);
filter: grayscale(100%);
transition: 1000ms ease;
transition-delay: 1s;
}
.asx-class:is(.active) .txr-img {
--_i: 10%;
filter: grayscale(0);
transform: scale(1.2);
} @-webkit-keyframes marquee-animation {
0% {
translateX: 0;
}
100% {
translateX: -100%;
}
}
@keyframes marquee-animation {
0% {
translate: 0;
}
100% {
translate: -100%;
}
}
.scroll-top {
position: fixed;
right: 30px;
bottom: 0;
height: 60px;
width: 45px;
cursor: pointer;
display: block;
border-radius: 20px 20px 0px 0px;
z-index: 5;
opacity: 1;
visibility: visible;
transition: all 300ms linear;
background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, rgb(236, 72, 20) 100%);
font-size: 20px;
text-align: center;
color: #fff;
transform: translateY(80px);
}
.scroll-top-wrap {
position: relative;
width: 100%;
height: 100%;
padding: 8px;
padding-top: 16px;
}
.scroll-top-wrap .icon-2 {
font-size: 16px;
position: absolute;
left: 33%;
bottom: 22%;
transform: translate(-50%, -50%);
}
.scroll-top.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.scroll-top .progress-circle path {
stroke: #5969FC;
stroke-width: 20px;
box-sizing: border-box;
transition: all 400ms linear;
}
.scroll-top.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
@-webkit-keyframes swipe-animation {
0%, 100% {
rotate: -20deg;
}
50% {
rotate: 0deg;
}
}
@keyframes swipe-animation {
0%, 100% {
rotate: -20deg;
}
50% {
rotate: 0deg;
}
}
@-webkit-keyframes scale-animation {
0%, 100% {
scale: 1.1;
}
50% {
scale: 1;
}
}
@keyframes scale-animation {
0%, 100% {
scale: 1.1;
}
50% {
scale: 1;
}
}
@-webkit-keyframes marquee-animation {
0% {
translateX: 0;
}
100% {
translateX: -100%;
}
}
@keyframes marquee-animation {
0% {
translate: 0;
}
100% {
translate: -100%;
}
}
@-webkit-keyframes marquee-right-animation {
0% {
translateX: -100%;
}
100% {
translateX: 0%;
}
}
@keyframes marquee-right-animation {
0% {
translate: -100%;
}
100% {
translate: 0%;
}
}
@keyframes hover-scale {
0%, 20%, 60%, 100% {
transform: scale(1);
}
40% {
transform: scale(1.1);
}
80% {
transform: scale(1.1);
}
}
@-webkit-keyframes move-right {
0% {
left: -50%;
}
100% {
left: 100%;
}
}
@keyframes move-right {
0% {
left: -50%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes colorChange {
0% {
outline: 2px solid #1F1F36;
}
100% {
outline: 2px solid #fff;
}
}
@keyframes colorChange {
0% {
outline: 2px solid #1F1F36;
}
50% {
outline: 2px solid #fff;
}
100% {
outline: 2px solid #1F1F36;
}
}
.skew-animation {
animation: kew-animation 10s linear infinite;
}
@-webkit-keyframes kew-animation {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
@keyframes kew-animation {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
.rotated-animation {
animation: rotated-animation 10s linear infinite;
}
@-webkit-keyframes rotated-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotated-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px);
transform: translateY(-400px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px);
-ms-transform: translateY(-400px);
transform: translateY(-400px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.agency__title {
font-size: 65px;
line-height: 1.14;
color: var(--clr-common-white);
margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__title {
font-size: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.agency__title {
font-size: 36px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__title {
font-size: 50px;
}
}
.agency__title .span-text {
color: var(--clr-common-black);
}
.agency__subtitle {
display: inline-block;
position: relative;
font-size: 20px;
text-transform: uppercase;
color: var(--clr-theme-primary);
padding-left: 30px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.agency__subtitle {
font-size: 16px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__subtitle {
font-size: 20px;
}
}
.agency__subtitle .icon {
display: inline-block;
font-size: 40px;
line-height: 1;
position: absolute;
left: 0px;
top: -3px;
}
@media (max-width: 767px) {
.agency__subtitle .icon {
font-size: 30px;
}
.gto-services-3-area{
overflow: inherit !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__subtitle .icon {
font-size: 40px;
}
}
.agency__section-pera {
font-size: 25px;
font-weight: 400;
color: #d6d6d6;
line-height: 1.32;
margin-bottom: 0;
margin-top: 10px;
}
.gst__subtitle-2 {
font-size: 16px;
display: inline-block;
text-transform: uppercase;
font-weight: normal;
}
.gst__subtitle-2 .icon {
margin-right: 5px;
margin-top: -6px;
}
.gst__section-title-1 {
font-size: 70px;
font-weight: 400;
line-height: 1.14;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__section-title-1 {
font-size: 65px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__section-title-1 {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__section-title-1 {
font-size: 55px;
}
}
@media (max-width: 767px) {
.gst__section-title-1 {
font-size: 36px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__section-title-1 {
font-size: 50px;
}
}
.gst__section-pera {
font-size: 22px;
font-weight: 300;
line-height: 1.45;
color: var(--clr-common-white);
opacity: 0.8;
margin-bottom: 0;
margin-top: 20px;
}
.gst__h1-subtitle-1 {
font-size: 120px;
line-height: 1;
margin-bottom: 0;
text-transform: uppercase;
-webkit-text-stroke-width: 1px;
color: transparent;
-webkit-text-stroke-color: #fff;
opacity: 15%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__h1-subtitle-1 {
font-size: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__h1-subtitle-1 {
font-size: 70px;
}
}
@media (max-width: 767px) {
.gst__h1-subtitle-1 {
font-size: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__h1-subtitle-1 {
font-size: 60px;
}
}
.gst__h1-subtitle-2 {
font-size: 120px;
line-height: 1;
margin-bottom: 0;
text-transform: uppercase;
-webkit-text-stroke-width: 1px;
color: transparent;
-webkit-text-stroke-color: #131928;
opacity: 15%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__h1-subtitle-2 {
font-size: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__h1-subtitle-2 {
font-size: 70px;
}
}
@media (max-width: 767px) {
.gst__h1-subtitle-2 {
font-size: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__h1-subtitle-2 {
font-size: 60px;
}
}
.header-transparent {
position: absolute;
z-index: 4;
left: 0;
right: 0;
}
.agency__header-logo {
display: inline-block;
}
.agency__header-menu {
text-align: right;
margin-right: -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__header-menu {
margin-right: -22px;
}
}
.agency__header-action {
text-align: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__header-action .agency__option-btn:is(.ml-30) {
margin-left: 0px;
}
} .gto-subtitle {
font-size: 20px;
font-weight: 700;
color: var(--pr-ec4814);
margin-bottom: 6px;
}
.gto-subtitle img {
margin-right: 5px;
margin-top: -5px;
}
.gto-subtitle:is(.black-color) {
color: #152830;
}
.gto-subtitle:is(.blue-color) {
color: var(--sd-4c52e0);
}
.gto-title {
font-size: 55px;
font-weight: 900;
line-height: 1.12;
color: var(--heading-0e191e);
margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-title {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-title {
font-size: 45px;
}
}
@media (max-width: 767px) {
.gto-title {
font-size: 34px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-title {
font-size: 40px;
}
}
.gto-title:is(.white-color) {
color: #fff;
}
.gto-section-pera {
font-size: 20px;
font-weight: 500;
line-height: 30px;
color: #606364;
margin-bottom: 0;
}
@media (max-width: 767px) {
.br-hide .gto-title br {
display: none;
}
}
.logo-text {
text-transform: capitalize;
display: inline-block;
font-size: 45px;
font-weight: normal;
color: var(--clr-common-white);
font-family: "enoway-oblique";
}
.agency__header-menu ul .has-dropdown {
position: relative;
z-index: 5;
text-align: start;
}
.agency__header-menu ul li {
display: inline-block;
margin: 0 23px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.agency__header-menu ul li {
margin: 0 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__header-menu ul li {
margin: 0 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__header-menu ul li {
margin: 0 5px;
}
}
.agency__header-menu ul li a {
font-size: 20px;
color: var(--clr-common-white);
font-weight: 400;
padding: 45px 0;
display: block;
text-transform: capitalize;
}
.agency__header-menu ul li .submenu {
position: absolute;
left: 0;
top: 100%;
background: #fff;
width: 240px;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
transform-origin: 0 0 0;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
}
.agency__header-menu ul li .submenu li {
display: block;
margin: 0;
position: relative;
z-index: 5;
}
.agency__header-menu ul li .submenu li a {
padding: 15px 25px;
color: var(--clr-common-black);
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.agency__header-menu ul li .submenu li .submenu {
left: 100%;
top: 0;
}
.agency__header-menu ul li .submenu li:hover > a {
background-color: var(--clr-hover-primary);
}
.agency__header-menu ul li .submenu li:not(:last-child) {
border-bottom: 1px solid #f2f2f2;
}
.agency__header-menu ul li:hover > .submenu {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.agency__header-menu ul li:hover > a {
color: var(--clr-theme-primary);
}
.gto-play-btn-6 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 10px;
color: #fff;
transition: 400ms ease;
}
.gto-play-btn-6 .icon {
display: inline-block;
font-size: 60px;
background: var(--gd-4);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gto-play-btn-6:hover {
color: var(--pr-4);
}
.gto-play-btn-2 {
display: inline-block;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #cfe1fd;
font-size: 18px;
color: #000;
text-align: center;
line-height: 110px;
position: relative;
overflow: hidden;
}
.gto-play-btn-2 video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
cursor: pointer;
}
.gto-play-btn-2 i {
position: relative;
z-index: 1;
font-size: 25px;
color: var(--pr-ec4814);
transition: 500ms ease;
cursor: pointer;
}
.gto-play-btn-4 {
position: relative;
display: inline-block;
width: 110px;
height: 110px;
border-radius: 50%;
background-color: #021c33;
font-size: 30px;
color: #b6ef00;
text-align: center;
line-height: 110px;
}
.gto-play-btn-4 .animation {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
top: 0;
left: 0;
z-index: -1;
animation: play4 5s infinite ease-in-out;
}
.gto-play-btn-4 .animation .animation-wrap {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.gto-play-btn-4 .animation .animation-wrap::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--pr-ec4814);
position: absolute;
top: 22px;
right: 0;
}
.gto-play-btn-4 .animation .animation-wrap::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--sd-4c52e0);
position: absolute;
bottom: 22px;
left: 0;
}
.gto-play-btn-4:hover {
color: var(--pr-ec4814);
}
@keyframes play4 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.gto-btn-4 {
margin-right: 65px;
display: inline-block;
background: var(--gd-4);
position: relative;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 15px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
border: 2px solid var(--pr-4);
border-radius: 30px;
padding: 21px 35px;
transition: border 700ms ease;
}
.gto-btn-4 .btn-icon {
display: inline-block;
position: absolute;
right: -62px;
top: 0;
width: 60px;
height: 60px;
border-radius: 50%;
background: var(--gd-4);
color: #fff;
text-align: center;
line-height: 60px;
font-size: 22px;
background-clip: unset;
-webkit-background-clip: border-box;
-webkit-text-fill-color: initial;
transition: 500ms ease;
}
.gto-btn-4 .btn-icon i {
rotate: -45deg;
transition: 500ms ease;
}
.gto-btn-4:hover {
border-color: transparent;
}
.gto-btn-4:hover .btn-icon {
right: 0px;
width: 100%;
border-radius: 30px;
}
.gto-btn-4:hover .btn-icon i {
rotate: 0deg;
}
.agency__menu-btn {
width: 70px;
height: 70px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
border: none;
outline: none;
font-size: 25px;
color: var(--clr-common-white);
line-height: 72px;
}
.agency__menu-btn:hover {
background-color: var(--clr-hover-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__menu-btn {
width: 50px;
height: 50px;
font-size: 20px;
line-height: 50px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.agency__menu-btn:is(.ml-70) {
margin-left: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__menu-btn:is(.ml-70) {
margin-left: 10px;
}
}
@media (max-width: 767px) {
.agency__menu-btn:is(.ml-70) {
margin-left: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__menu-btn:is(.ml-70) {
margin-left: 60px;
}
}
.gst__header-2-wrap {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(21deg, #495BFF 25%, #55E6A5 100%);
border-radius: 20px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__header-2-wrap {
padding: 10px 40px;
}
}
@media (max-width: 767px) {
.gst__header-2-wrap {
padding: 10px 15px;
}
}
@media sm {
.gst__header-2-wrap {
padding: 10px 40px;
}
}
.gst__header-2-logo-wrap {
flex: 0 0 auto;
}
.gst__header-2-menu-wrap {
position: relative;
text-align: center;
width: 100%;
max-width: 810px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__header-2-menu-wrap {
max-width: 660px;
}
}
.gst__header-2-menu-bg-1 {
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__header-2-menu-bg-1 {
display: none;
}
}
.gst__header-2-action {
display: flex;
align-items: center;
gap: 0 50px;
}
@media (max-width: 767px) {
.gst__header-2-action .gst__cart-btn {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__header-2-action .gst__cart-btn {
display: inline-block;
}
}
.gst__header-2-menu ul .has-dropdown {
position: relative;
z-index: 5;
text-align: start;
}
.gst__header-2-menu ul li {
display: inline-block;
margin: 0 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__header-2-menu ul li {
margin: 0 12px;
}
}
.gst__header-2-menu ul li a {
font-size: 16px;
color: var(--clr-common-white);
font-weight: 500;
padding: 38px 0;
display: inline-block;
text-transform: capitalize;
line-height: 1;
position: relative;
}
.gst__header-2-menu ul li a::after {
position: absolute;
content: "";
left: auto;
right: 0;
bottom: 30px;
background: var(--clr-color-gradient-1);
width: 100%;
height: 2px;
border-radius: 10px;
opacity: 0;
visibility: hidden;
width: 0%;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.gst__header-2-menu ul li .submenu {
position: absolute;
left: 0;
top: 100%;
background: #0C162F;
width: 240px;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
transform-origin: 0 0 0;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
}
.gst__header-2-menu ul li .submenu li {
display: block;
margin: 0;
position: relative;
z-index: 5;
}
.gst__header-2-menu ul li .submenu li a {
display: block;
padding: 15px 25px;
color: var(--clr-common-white);
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.gst__header-2-menu ul li .submenu li a::after {
bottom: 0;
}
.gst__header-2-menu ul li .submenu li .submenu {
left: 100%;
top: 0;
}
.gst__header-2-menu ul li .submenu li:hover > a {
background-color: var(--clr-hover-primary);
background-color: transparent;
}
.gst__header-2-menu ul li .submenu li:not(:last-child) {
border-bottom: 1px solid #1c2a4e;
}
.gst__header-2-menu ul li:hover > .submenu {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.gst__header-2-menu ul li:hover > a {
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gst__header-2-menu ul li:hover > a::after {
opacity: 1;
visibility: visible;
right: auto;
left: 0;
width: 100%;
}
.gst__header-3-area {
padding-top: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__header-3-area {
padding-bottom: 0px;
padding-top: 15px;
}
}
.gst__header-3-wrap {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.gst__header-3-logo-wrap {
flex: 0 0 auto;
}
.gst__header-3-menu-wrap {
position: relative;
text-align: center;
width: 100%;
max-width: 810px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__header-3-menu-wrap {
max-width: 660px;
}
}
.gst__header-3-action {
display: flex;
align-items: center;
gap: 0 50px;
}
@media (max-width: 767px) {
.gst__header-3-action .gst__cart-btn-2 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__header-3-action .gst__cart-btn-2 {
display: inline-block;
}
}
.gst__header-3-menu ul .has-dropdown {
position: relative;
z-index: 5;
text-align: start;
}
.gst__header-3-menu ul li {
display: inline-block;
margin: 0 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__header-3-menu ul li {
margin: 0 12px;
}
}
.gst__header-3-menu ul li a {
font-size: 18px;
color: var(--clr-common-white);
font-weight: 400;
padding: 38px 0;
display: inline-block;
text-transform: capitalize;
line-height: 1;
position: relative;
}
.gst__header-3-menu ul li a::after {
position: absolute;
content: "";
left: 0;
right: auto;
bottom: 34px;
background: var(--clr-color-gradient-2);
width: 31px;
height: 26px;
border-radius: 10px;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
z-index: -1;
visibility: hidden;
opacity: 0;
}
.gst__header-3-menu ul li .submenu {
position: absolute;
left: 0;
top: 100%;
background: #0C162F;
width: 240px;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
transform-origin: 0 0 0;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
}
.gst__header-3-menu ul li .submenu li {
display: block;
margin: 0;
position: relative;
z-index: 5;
}
.gst__header-3-menu ul li .submenu li a {
display: block;
padding: 15px 25px;
color: var(--clr-common-white);
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.gst__header-3-menu ul li .submenu li a::after {
bottom: 0;
left: 0;
width: 100%;
height: 1px;
}
.gst__header-3-menu ul li .submenu li .submenu {
left: 100%;
top: 0;
}
.gst__header-3-menu ul li .submenu li:hover > a {
background-color: var(--clr-hover-primary);
background-color: transparent;
}
.gst__header-3-menu ul li .submenu li:not(:last-child) {
border-bottom: 1px solid #1c2a4e;
}
.gst__header-3-menu ul li:hover > .submenu {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.gst__header-3-menu ul li:hover > a::after {
opacity: 1;
visibility: visible;
left: -17px;
}
.sticky_header_3 {
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.sticky_header_3:is(.sticky3) {
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
background-color: #131928;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
animation: slideInDown 0.5s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.sticky_header_3:is(.sticky3) {
padding-bottom: 15px;
}
}
.sticky_header_2 {
top: 0;
-webkit-transition: all 0.6s linear 0s;
-moz-transition: all 0.6s linear 0s;
-ms-transition: all 0.6s linear 0s;
-o-transition: all 0.6s linear 0s;
transition: all 0.6s linear 0s;
}
.sticky_header_2:is(.sticky2) {
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
animation: slideInDown 0.5s;
}
.sticky_header_1 {
top: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.sticky_header_1:is(.sticky1) {
background-color: #1c1b1b;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
position: fixed;
top: -20px;
left: 0;
right: 0;
width: 100%;
animation: slideInDown 0.5s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sticky_header_1:is(.sticky1) {
padding-top: 35px;
padding-bottom: 15px;
}
}
@media (max-width: 767px) {
.sticky_header_1:is(.sticky1) {
padding-top: 30px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sticky_header_1:is(.sticky1) {
padding-top: 35px;
padding-bottom: 15px;
}
}
.sticky_header_1:is(.sticky1) .agency__header-menu ul li a {
padding: 30px 0;
}
.sticky_header_1:is(.sticky1) .agency__header-menu ul li .submenu li a {
padding: 15px 25px;
} .fix {
overflow: hidden;
}
.bg-default {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.no-after::after {
display: none;
}
.p-relative {
position: relative;
}
.z-index-3 {
position: relative;
z-index: 3;
}
.black-bg {
background-color: #0D0D0D;
}
.ECF3F4 {
background-color: #ECF3F4;
}
.reveal-type {
text-transform: unset !important;
letter-spacing: -0.5px;
}
.reveal-type .line .word .char:nth-child(1) {
text-transform: capitalize !important;
}
.reveal-type-2 {
text-transform: lowercase !important;
letter-spacing: -0.7px;
}
.split-in-right {
text-transform: unset !important;
letter-spacing: -0.5px;
}
.split-in-right-hero {
text-transform: unset !important;
letter-spacing: -0.5px;
}
.split-in-left {
text-transform: unset !important;
letter-spacing: -0.5px;
}
.split-in-down {
text-transform: unset !important;
letter-spacing: -0.5px;
}
.split-in-down .split-line {
overflow: hidden;
}
.split-in-scale {
text-transform: unset !important;
letter-spacing: -0.5px;
}
.split-in-scale .split-line {
overflow: hidden;
}
.split-in-rotate {
text-transform: unset !important;
letter-spacing: -0.5px;
}
.split-in-rotate .split-line {
overflow: hidden;
}
.gto-feature-list li {
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
color: #000;
line-height: 30px;
}
.gto-feature-list li:not(:last-child) {
margin-bottom: 5px;
}
.gto-feature-list li i {
line-height: 1;
transform: translateY(4px);
display: inline-block;
margin-right: 10px;
position: relative;
z-index: 1;
}
.gto-feature-list li i:after {
content: "";
position: absolute;
width: 22px;
height: 22px;
border-radius: 50%;
background-color: #ffd4c7;
left: -5px;
bottom: 0px;
z-index: -1;
}
.gto-experience .number {
background: linear-gradient(to right, #FD3B45 0%, #FA8640 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 110px;
line-height: 1;
margin-bottom: 0;
}
.gto-experience .text {
font-size: 28px;
font-weight: 900;
text-transform: capitalize;
color: #051133;
}
.gto-loading-animation {
width: 150px;
height: 15px;
background: #E6EEF1;
border-radius: 15px;
overflow: hidden;
}
.gto-loading-animation .loading-line {
background: linear-gradient(to right, #FD3B45 0%, #FA8640 100%);
width: 70%;
height: 100%;
border-radius: 15px;
display: block;
animation: l-left-right 7s infinite ease-in-out;
}
@keyframes l-left-right {
0% {
transform: translateX(-100%);
}
50% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
} .transparent-header {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 3;
}
.gto-header-4-area::after {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
content: "";
background: var(--gd-4);
opacity: 0.2;
z-index: -1;
}
.gto-header-1-area:is(.sticky) {
background: #fff;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
z-index: 999;
}
.gto-header-1-content {
width: 100%;
max-width: 1830px;
padding: 8px 15px;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-header-1-content {
padding: 15px 15px;
}
}
.gto-header-1-action {
gap: 25px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-header-1-action .gto-call-option-wrap {
display: none;
}
}
.gto-header-1-main-navigation {
margin-right: auto;
margin-left: 120px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-header-1-main-navigation {
margin-right: unset;
margin-left: unset;
}
}
.gto-header-1-main-navigation .main-navigation .navbar-nav {
display: inherit;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li {
display: inline-block;
margin: 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-header-1-main-navigation .main-navigation .navbar-nav li {
margin: 0 12px;
}
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li:is(.dropdown) > a {
padding-right: 15px;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li:is(.dropdown) > a::before {
content: "\f0d7";
font-family: "Font Awesome 6 Pro";
font-weight: 700;
position: absolute;
font-size: 14px;
border-radius: 50%;
right: 0;
top: 49%;
transform: translateY(-50%);
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li a {
font-family: var(--Urbanist);
font-size: 17px;
color: #1b1d21;
font-weight: 700;
text-decoration: none;
padding: 35px 0;
display: inline-block;
text-transform: capitalize;
line-height: 1;
position: relative;
z-index: 1;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu {
left: 0;
top: 100%;
z-index: 100;
margin: 0px;
padding: 20px 0;
height: auto;
min-width: 250px;
display: block;
border-top: 3px solid var(--pr-ec4814);
border-radius: 0;
position: absolute;
background: var(--black-color);
border-radius: 2px;
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transform: scaleY(0);
transform: scaleY(0);
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li {
display: block;
margin: 0;
position: relative;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li:is(.dropdown) > a::after {
transform: translateY(-50%);
top: 50%;
color: var(--pr-ec4814);
right: 15px;
content: "\f0d7";
font-weight: 700;
font-size: 16px;
position: absolute;
font-family: "Font Awesome 5 Pro";
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li a {
width: 100%;
display: block;
position: relative;
padding: 15px 30px;
color: #fff;
font-size: 16px;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li a::before {
position: absolute;
content: "";
width: 0px;
height: 2px;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: var(--pr-ec4814);
transition: 400ms ease;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu {
opacity: 0;
visibility: hidden;
top: 0%;
transform: translateY(-50%);
left: 100%;
min-width: 250px;
transform-origin: 0 0 0;
transform: scaleY(0);
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu li::before {
display: none;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu li::after {
display: none;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li:hover > a {
color: var(--pr-ec4814);
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li:hover > a::before {
width: 25px;
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li:hover > a {
color: var(--sd-4c52e0);
}
.gto-header-1-main-navigation .main-navigation .navbar-nav li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
transform: scaleY(1);
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
}  .gto-header-top-1 {
background-color: #0e0e0e;
padding: 5px 0;
}
.gto-header-top-1-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 767px) {
.gto-header-top-1-wrap {
flex-wrap: wrap;
justify-content: center;
}
}
.gto-header-top-1-wrap .text {
font-size: 14px;
font-weight: 600;
color: #fefefe;
line-height: 1;
}
.gto-header-top-1-wrap .text strong {
font-weight: 900;
}
@media (max-width: 767px) {
.gto-header-top-1-social-link {
text-align: center;
}
}
.gto-header-top-1-social-link li {
display: inline-block;
}
.gto-header-top-1-social-link li:not(:first-child) {
margin-left: 45px;
}
@media (max-width: 767px) {
.gto-header-top-1-social-link li:not(:first-child) {
margin-left: 0px;
}
}
.gto-header-top-1-social-link li a {
font-size: 14px;
font-weight: 700;
line-height: 1;
text-transform: capitalize;
color: #fff;
}
.gto-header-top-1-social-link li a i {
margin-right: 5px;
}
.gto-header-top-1-social-link li a:hover {
color: var(--pr-ec4814);
}
.gto-header-2-wrap {
border-bottom: 2px solid #e8e8e8;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-header-2-wrap {
padding: 15px 0;
}
}
.gto-header-2-content .gto-header-1-main-navigation {
margin-right: unset;
margin-left: unset;
}
.gto-header-2-content .gto-header-1-main-navigation .main-navigation .navbar-nav li:hover > a {
color: var(--pr-ec4814);
}  .gto-header-3-area {
padding-top: 10px;
}
.gto-header-3-area .gto-header-top-1 {
background-color: var(--sd-4c52e0);
border-radius: 20px;
padding: 5px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-header-3-area .gto-header-top-1 {
padding: 10px 0px;
}
}
@media (max-width: 767px) {
.gto-header-3-area .gto-header-top-1 {
padding: 10px 10px;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-header-3-area .gto-header-top-1-social-link li:not(:first-child) {
margin-left: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-header-3-wrap {
padding-top: 15px;
}
}
.gto-header-3-area .gto-header-2-content .gto-header-1-main-navigation .main-navigation .navbar-nav li a::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
left: 0;
bottom: 0;
background-color: var(--sd-4c52e0);
clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 0, 0 0, 0 100%, 0 100%);
transition: 500ms ease;
}
.gto-header-3-area .gto-header-2-content .gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu {
border-top: none;
}
.gto-header-3-area .gto-header-2-content .gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li a::after {
display: none;
}
.gto-header-3-area .gto-header-2-content .gto-header-1-main-navigation .main-navigation .navbar-nav li .dropdown-menu li a::before {
background-color: var(--sd-4c52e0);
}
.gto-header-3-area .gto-header-2-content .gto-header-1-main-navigation .main-navigation .navbar-nav li:hover > a {
color: var(--sd-4c52e0);
}
.gto-header-3-area .gto-header-2-content .gto-header-1-main-navigation .main-navigation .navbar-nav li:hover > a::after {
clip-path: polygon(0 0, 100% 0, 100% 100%, 49% 100%, 45% 0, 50% 0, 50% 100%, 0 100%);
}
.gto-header-3-area .gto-header-2-action .gto-cart-btn-1::after {
background-color: var(--sd-4c52e0);
}
.gto-header-3-area .gto-header-2-action .gto-cart-btn-1:hover {
color: var(--sd-4c52e0);
}
.gto-header-3-area .gto-header-2-action .gto-search-btn-1:hover {
color: var(--sd-4c52e0);
}
.gto-header-3-area .gto-header-2-action .mobile_menu_button {
background-color: var(--sd-4c52e0);
}
@media (max-width: 767px) {
.gto-header-3-area .gto-header-2-action .mobile_menu_button {
width: 110px;
}
} .agency__sidebar-info {
width: 100%;
max-width: 400px;
background-color: #0C162F;
box-shadow: 0 13px 29px rgba(4, 0, 23, 0.1);
height: 100%;
position: fixed;
z-index: 10;
top: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
padding: 40px;
opacity: 0;
visibility: hidden;
right: -450px;
overflow-y: auto;
}
.agency__sidebar-info:is(.sidebar_open) {
opacity: 1;
visibility: visible;
right: 0px;
}
.agency__sidebar-close-btn {
font-size: 20px;
background: transparent;
color: var(--clr-common-white);
border: 1px solid rgba(255, 255, 255, 0.3);
width: 40px;
height: 40px;
border-radius: 50%;
}
.agency__sidebar-close-btn:hover {
background-color: var(--clr-hover-primary);
color: var(--clr-common-white);
border: transparent;
}
.agency__sidebar-contact .title {
font-size: 26px;
font-weight: 700;
color: var(--clr-common-white);
margin-bottom: 40px;
}
.agency__sidebar-contact-item .icon {
font-size: 20px;
color: var(--clr-common-white);
display: inline-block;
margin-right: 10px;
}
.agency__sidebar-contact-item .text {
font-size: 18px;
display: inline;
color: var(--clr-common-white);
}
.agency__sidebar-contact-item .link-text {
font-size: 18px;
display: inline;
color: var(--clr-common-white);
}
.agency__sidebar-contact-item .link-text:hover {
color: var(--clr-hover-primary);
}
.agency__sidebar-social a {
display: inline-block;
font-size: 24px;
color: var(--clr-common-white);
margin-right: 15px;
}
.agency__sidebar-social a:hover {
color: var(--clr-hover-primary);
}
.bi-footer-social-content {
padding-bottom: 15px;
border-bottom: 1px solid #313131;
}
.bi-footer-social-content ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.bi-footer-social-content ul li {
color: #fff;
font-size: 21px;
font-weight: 600;
font-family: var(--heading);
}
.bi-footer-social-content ul li i {
font-size: 17px;
margin-right: 8px;
}
.bi-footer-social-content ul li a:hover {
color: var(--base-color-4);
}
.offcanvas-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(4, 0, 23, 0.8);
z-index: 5;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
transform: scaleX(0);
transform-origin: left;
}
.offcanvas-overlay:is(.overlay_open) {
opacity: 1;
visibility: visible;
transform: scaleX(1);
}
.offcanvas-overlay:is(.visible) {
opacity: 1;
visibility: visible;
transform: scaleX(1);
}
.offcanvas-overlay:is(.active) {
opacity: 1;
visibility: visible;
transform: scaleX(1);
}
.sidebar-menu .mean-bar .mean-nav {
background: transparent;
margin-top: 40px;
margin-bottom: 40px;
}
.sidebar-menu .mean-bar .mean-nav li a {
border: none;
font-size: 14px;
color: var(--clr-common-white);
text-transform: capitalize;
}
.sidebar-menu .mean-bar .mean-nav li .mean-expand {
border: none;
background: transparent;
margin-top: 4px;
}
.sidebar-menu .mean-bar .mean-nav li .mean-expand:hover {
background: transparent;
}
.sidebar-menu .mean-bar .mean-nav li .mean-expand .mean-clicked {
background: transparent;
}
.gto-socail-gallery-overflow {
overflow: hidden;
}
.gto-socail-gallery-item-wrap {
display: flex;
gap: 15px;
animation: gto-social-g-1 20s linear infinite;
}
.gto-socail-gallery-item {
flex: 0 0 auto;
width: 222px;
height: 205px;
border-radius: 30px;
overflow: hidden;
}
.gto-socail-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-socail-gallery-item:is(.sm-size) {
width: 163px;
height: 150px;
}
.gto-socail-gallery-item:is(.xs-size) {
width: 130px;
height: 160px;
}
@keyframes gto-social-g-1 {
0% {
translate: 0;
}
100% {
translate: -100%;
}
}
.gst__sidebar-gallery-wrap {
display: grid;
gap: 10px 10px;
grid-template-columns: auto auto;
}
.agency__banner-wrap {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.agency__banner-slider-single {
padding-top: 220px;
padding-bottom: 140px;
position: relative;
}
@media (max-width: 767px) {
.agency__banner-slider-single {
padding-top: 160px;
padding-bottom: 120px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__banner-slider-single {
padding-top: 220px;
padding-bottom: 140px;
}
}
.gt-slider-section-2 .container {
max-width: 1510px;
}
.gt-slider-section-2 .swiper-container {
overflow: hidden;
}
.gt-slider-item {
z-index: 1;
overflow: hidden;
padding: 320px 0px 395px;
}
.gt-slider-item .gt-slider-img-bg {
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transform: scale(1);
transform: scale(1);
}
.gt-slider-item .gt-slider-img-bg [data-background] {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.gt-slider-item .gt-slider-text {
max-width: 750px;
}
.gt-slider-item .gt-slider-text h1 {
font-size: 72px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.gt-slider-item .gt-slider-text p {
color: #e5e5e5;
font-size: 28px;
line-height: 1.4;
max-width: 655px;
margin-bottom: 0;
padding-bottom: 35px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.gt-slider-item .gt-slider-text .slider_btn {
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 22px 45px;
border-radius: 20px;
display: inline-block;
background-color: var(--base-color-2);
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.gt-main-slider-nav {
left: 0;
right: 0;
bottom: 105px;
margin: 0 auto;
max-width: 1490px;
position: absolute;
}
.gt-main-slider-nav-item {
cursor: pointer;
max-width: 380px;
}
.gt-main-slider-nav-item .inner-icon {
width: 50px;
height: 50px;
font-size: 50px;
margin-right: 30px;
color: var(--base-color-2);
}
.gt-main-slider-nav-item .inner-text p {
color: #f4f4f4;
font-size: 18px;
margin-bottom: 0;
padding-bottom: 8px;
}
.gt-main-slider-nav-item .inner-text h3 {
color: #fff;
font-size: 17px;
font-weight: 500;
font-family: "Jost", sans-serif;
text-decoration: underline;
}
.swiper-slide-active .gt-slider-item .gt-slider-text h1 {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 1500ms ease;
transition: all 1500ms ease;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.swiper-slide-active .gt-slider-item .gt-slider-text p {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.swiper-slide-active .gt-slider-item .gt-slider-text .slider_btn {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transition-delay: 800ms;
transition-delay: 800ms;
}
.swiper-slide-active .gt-slider-item .gt-slider-img-bg {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 15000ms ease;
transition: all 15000ms ease;
}
.swiper-main-paginations {
top: 50%;
z-index: 2;
left: auto;
right: 100px;
width: 115px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-main-paginations .swiper-pagination-bullet {
height: 3px;
width: 53px;
opacity: 1;
display: block;
border-radius: 0;
margin-bottom: 30px;
background-color: #fff;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.swiper-main-paginations .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 115px;
background-color: var(--base-color-2);
}
.gt-main-slider-for .swiper-horizontal > .swiper-pagination-bullets,
.gt-main-slider-for .swiper-pagination-bullets.swiper-pagination-horizontal {
width: auto;
left: auto;
bottom: auto;
}
.gt-main-slider-for .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.gt-main-slider-for .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin-bottom: 30px;
}
.agency__banner-img {
position: absolute;
left: 50%;
top: 53%;
transform: translate(-50%, -50%);
z-index: -1;
border-radius: 50%;
overflow: hidden;
}
.agency__banner-img .img {
border-radius: 50%;
}
.agency__banner-img .img img {
border-radius: 50%;
}
.agency__banner-left {
padding-top: 325px;
position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__banner-left {
padding-top: 100px;
}
}
.agency__banner-right {
margin-right: -180px;
text-align: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.agency__banner-right {
margin-right: -80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__banner-right {
margin-right: 0px;
text-align: left;
}
}
.agency__banner-bg-shape-2 {
position: absolute;
top: 178px;
left: 230px;
animation: swipe-animation 5s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__banner-bg-shape-2 {
top: 2px;
width: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__banner-bg-shape-2 {
top: 35px;
width: 70px;
}
}
.agency__banner-tag-img {
text-align: left;
margin-left: -285px;
animation: scale-animation 7s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.agency__banner-tag-img {
margin-left: 0;
}
}
@media (max-width: 767px) {
.agency__banner-tag-img {
margin-left: 0;
width: 180px;
}
}
.agency__banner-title {
font-size: 124px;
font-weight: normal;
line-height: 1;
margin-bottom: 30px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.agency__banner-title {
font-size: 115px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.agency__banner-title {
font-size: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__banner-title {
font-size: 90px;
padding-right: 200px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__banner-title {
font-size: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__banner-title {
font-size: 80px;
}
}
@media (max-width: 767px) {
.agency__banner-title {
font-size: 55px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__banner-title {
font-size: 70px;
}
}
.agency__banner-subtitle {
font-size: 40px;
margin-bottom: 35px;
}
.agency__banner-para {
position: relative;
display: block;
font-size: 33px;
font-weight: 300;
line-height: 1.06;
color: var(--clr-common-white);
max-width: 560px;
margin-bottom: 42px;
padding-left: 27px;
}
@media (max-width: 767px) {
.agency__banner-para {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__banner-para {
font-size: 26px;
}
}
.agency__banner-para::after {
content: "";
position: absolute;
width: 6px;
height: 100%;
background-color: var(--clr-theme-primary);
left: 0;
top: 0;
border-radius: 5px;
}
.agency__banner-mail {
display: inline-block;
font-size: 30px;
font-family: "enoway parsonal use";
color: var(--clr-theme-primary);
margin-left: 195px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.agency__banner-mail {
margin-left: 0px;
}
}
@media (max-width: 767px) {
.agency__banner-mail {
font-size: 22px;
margin-left: 0px;
}
}
.gst__hero-2-area .swiper-container {
overflow: hidden;
}
.gst__hero-2-area .swiper-container .swiper-wrapper .swiper-slide {
overflow: hidden !important;
}
.gst__hero-2-slider-single {
position: relative;
}
.gst__hero-2-slider-single-content {
position: relative;
padding-bottom: 230px;
padding-top: 280px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__hero-2-slider-single-content {
padding-bottom: 0px;
}
}
.gst__hero-2-slider-single-content .hero-2-subtitle {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
line-height: 1;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}
.gst__hero-2-slider-single-content .hero-2-subtitle img {
margin-right: 2px;
margin-top: -5px;
}
.gst__hero-2-slider-single-content .hero-2-title {
font-size: 131px;
line-height: 1.03;
color: var(--clr-common-white);
margin-bottom: 50px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.gst__hero-2-slider-single-content .hero-2-title {
font-size: 115px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gst__hero-2-slider-single-content .hero-2-title {
font-size: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__hero-2-slider-single-content .hero-2-title {
font-size: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__hero-2-slider-single-content .hero-2-title {
font-size: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__hero-2-slider-single-content .hero-2-title {
font-size: 80px;
}
}
@media (max-width: 767px) {
.gst__hero-2-slider-single-content .hero-2-title {
font-size: 45px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-2-slider-single-content .hero-2-title {
font-size: 70px;
}
}
.gst__hero-2-slider-single-content .hero-2-pera-wrap {
display: flex;
align-items: center;
max-width: 675px;
gap: 16px;
}
@media (max-width: 767px) {
.gst__hero-2-slider-single-content .hero-2-pera-wrap {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-2-slider-single-content .hero-2-pera-wrap {
flex-wrap: nowrap;
}
}
.gst__hero-2-slider-single-content .hero-2-pera-wrap p {
font-size: 26px;
font-weight: 300;
color: var(--clr-common-white);
line-height: 1.38;
margin-bottom: 0;
}
.gst__hero-2-slider-single-content .hero-2-pera-wrap .icon {
flex: 0 0 auto;
}
.gst__hero-2-slider-single-content .hero-2-btn-wrap {
margin-left: 150px;
}
@media (max-width: 767px) {
.gst__hero-2-slider-single-content .hero-2-btn-wrap {
margin-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-2-slider-single-content .hero-2-btn-wrap {
margin-left: 150px;
}
}
.gst__hero-2-slider-single-content .hero-2-img {
position: absolute;
right: -75px;
bottom: 0;
z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gst__hero-2-slider-single-content .hero-2-img {
right: 0;
width: 43%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__hero-2-slider-single-content .hero-2-img {
right: 0;
width: 46%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__hero-2-slider-single-content .hero-2-img {
right: 0;
width: 40%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__hero-2-slider-single-content .hero-2-img {
position: unset;
margin-top: 50px;
z-index: 1;
}
}
.gst__hero-2-slider-single-content .hero-2-bg-shape-4 {
position: absolute;
right: -155px;
bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gst__hero-2-slider-single-content .hero-2-bg-shape-4 {
right: 0;
width: 55%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__hero-2-slider-single-content .hero-2-bg-shape-4 {
right: 0;
width: 50%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__hero-2-slider-single-content .hero-2-bg-shape-4 {
right: 0;
width: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__hero-2-slider-single-content .hero-2-bg-shape-4 {
display: none;
}
}
.gst__hero-2-slider-single .hero-2-bg-shape-1 {
position: absolute;
top: 0;
left: 0;
}
.gst__hero-2-slider-single .hero-2-bg-shape-2 {
position: absolute;
right: 0;
top: 0;
}
.gst__hero-2-slider-single .hero-2-bg-shape-3 {
position: absolute;
right: 10vw;
top: 260px;
}
@media (max-width: 767px) {
.gst__hero-2-slider-single .hero-2-bg-shape-3 {
right: 6vw;
top: 165px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-2-slider-single .hero-2-bg-shape-3 {
right: 10vw;
top: 260px;
}
}
.gst__hero-2-area {
position: relative;
}
.gst__hero-2-social-postion {
position: absolute;
top: 50%;
left: 2.5vw;
z-index: 1;
transform: translateY(-50%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__hero-2-social-postion {
display: none;
}
}
.gst__hero-2-social .text {
display: inline-block;
font-size: 16px;
line-height: 1;
letter-spacing: 3.29px;
writing-mode: vertical-lr;
margin-left: 17px;
padding-bottom: 76px;
margin-bottom: 30px;
position: relative;
color: var(--clr-common-white);
}
.gst__hero-2-social .text::after {
position: absolute;
width: 1px;
height: 45px;
background-color: var(--clr-common-white);
content: "";
left: 7px;
bottom: 0;
}
.gst__hero-2-social li:not(:last-child) {
margin-bottom: 25px;
}
.gst__hero-2-social li a {
display: inline-block;
background: var(--clr-color-gradient-1);
clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
width: 52px;
height: 45px;
text-align: center;
line-height: 45px;
color: #1C1B1B;
border: 1px solid #1F1F36;
}
.gst__hero-2-social li a:hover {
background: var(--linear, linear-gradient(260deg, #495BFF 25%, #55E6A5 100%));
}
.gst__hero-2-scroll-btn-wrap {
cursor: pointer;
position: absolute;
bottom: -20px;
left: 16vw;
z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.gst__hero-2-scroll-btn-wrap {
left: 12vw;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gst__hero-2-scroll-btn-wrap {
left: 5vw;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__hero-2-scroll-btn-wrap {
left: 1vw;
}
}
.gst__hero-2-scroll-btn-wrap .text {
font-size: 16px;
font-weight: 400;
display: inline-block;
writing-mode: vertical-lr;
text-transform: uppercase;
letter-spacing: 3.2px;
color: #6F6F94;
margin-left: 20px;
margin-bottom: 28px;
}
.gst__hero-2-scroll-btn-wrap .icon {
display: block;
width: 70px;
height: 70px;
text-align: center;
line-height: 52px;
font-size: 20px;
background: var(--linear, linear-gradient(200deg, #495BFF 25%, #55E6A5 100%));
border-radius: 50%;
border: 11px solid #080E1E;
outline: 2px solid #1F1F36;
color: var(--clr-common-black);
animation: colorChange 3s linear infinite;
}
.gst__hero-2-slider-btn {
position: absolute;
left: unset !important;
right: 3vw;
width: 70px !important;
top: 50%;
transform: translateY(-50%);
writing-mode: vertical-lr;
}
.gst__hero-2-slider-btn .swiper-pagination-bullet {
position: relative;
font-family: "enoway-oblique";
font-size: 24px;
font-weight: 500;
color: var(--clr-common-white);
background: transparent;
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 50%;
opacity: 0.5;
}
.gst__hero-2-slider-btn .swiper-pagination-bullet:not(:last-child) {
margin-bottom: 25px;
}
.gst__hero-2-slider-btn .swiper-pagination-bullet::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
border-radius: 50%;
z-index: -1;
}
.gst__hero-2-slider-btn .swiper-pagination-bullet::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
left: 0;
top: 0;
background-image: url(//brandmaker333.com/wp-content/themes/gesto/img/banner/btn-img.png);
}
.gst__hero-2-slider-btn .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {
opacity: 1;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 42px;
}
.gst__hero-2-slider-thumb {
width: 100px;
position: absolute;
right: 2.5vw;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
@media (max-width: 767px) {
.gst__hero-2-slider-thumb {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-2-slider-thumb {
top: 62%;
display: inline-block;
right: 1vw;
}
}
.gst__hero-2-slider-thumb .swiper-container {
overflow: hidden;
}
.gst__hero-2-slider-thumb .swiper-container .swiper-wrapper {
transform: unset !important;
}
.gst__hero-2-slider-thumb .swiper-container .swiper-wrapper .swiper-slide {
height: 70px !important;
width: 70px !important;
}
.gst__hero-2-slider-thumb .swiper-container .swiper-wrapper .swiper-slide:nth-last-child(1) .gst__hero-2-slider-thumb-content::after {
display: none;
}
.gst__hero-2-slider-thumb .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-thumb-active) {
height: 120px !important;
}
.gst__hero-2-slider-thumb .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-thumb-active) .gst__hero-2-slider-thumb-content::after {
height: 50px;
}
.gst__hero-2-slider-thumb .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-thumb-active) .gst__hero-2-slider-thumb-content .img {
opacity: 1;
}
.gst__hero-2-slider-thumb .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-thumb-active) .gst__hero-2-slider-thumb-content .content {
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: 1;
font-size: 40px;
}
.gst__hero-2-slider-thumb-content {
display: inline-block;
position: relative;
cursor: pointer;
}
.gst__hero-2-slider-thumb-content::after {
content: "";
width: 1.5px;
height: 0px;
position: absolute;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
left: 34px;
top: 85px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__hero-2-slider-thumb-content .img {
width: 70px;
height: 70px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.gst__hero-2-slider-thumb-content .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__hero-2-slider-thumb-content .content {
width: 70px;
display: inline-block;
height: 70px;
font-size: 24px;
color: var(--clr-common-white);
opacity: 0.5;
border-radius: 50%;
text-align: center;
line-height: 70px;
position: relative;
z-index: 1;
font-family: "enoway-oblique";
}
.gst__hero-3-area .gst__hero-3-slider-bg-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.gst__hero-3-area .gst__hero-3-slider-bg-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__hero-3-area {
position: relative;
}
.gst__hero-3-slider-single {
position: relative;
}
.gst__hero-3-slider-single .hero-3-bg-shape-1 {
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.gst__hero-3-slider-single .hero-3-bg-shape-1 {
width: 25%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__hero-3-slider-single .hero-3-bg-shape-1 {
width: 22%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__hero-3-slider-single .hero-3-bg-shape-1 {
width: 35%;
}
}
@media (max-width: 767px) {
.gst__hero-3-slider-single .hero-3-bg-shape-1 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-3-slider-single .hero-3-bg-shape-1 {
display: inline-block;
width: 30%;
}
}
.gst__hero-3-slider-single .hero-3-bg-shape-2 {
position: absolute;
right: 0;
top: 0;
}
.gst__hero-3-slider-single .hero-3-bg-shape-3 {
position: absolute;
left: 0;
bottom: 0;
}
.gst__hero-3-slider-single .hero-3-bg-shape-4 {
position: absolute;
right: 0;
bottom: 0;
}
.gst__hero-3-slider-single-content {
position: relative;
padding-top: 220px;
padding-bottom: 280px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__hero-3-slider-single-content {
padding-bottom: 0px;
}
}
@media (max-width: 767px) {
.gst__hero-3-slider-single-content {
padding-bottom: 0px;
padding-top: 170px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-3-slider-single-content {
padding-bottom: 0px;
padding-top: 220px;
}
}
.gst__hero-3-slider-single-content .hero-3-title-1 {
background: linear-gradient(180deg, #FFF 53.13%, #080F1F 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 140px;
line-height: 1.03;
margin-bottom: 22px;
text-align: right;
text-transform: uppercase;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.gst__hero-3-slider-single-content .hero-3-title-1 {
font-size: 115px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gst__hero-3-slider-single-content .hero-3-title-1 {
font-size: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__hero-3-slider-single-content .hero-3-title-1 {
font-size: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__hero-3-slider-single-content .hero-3-title-1 {
font-size: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__hero-3-slider-single-content .hero-3-title-1 {
font-size: 80px;
}
}
@media (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-title-1 {
font-size: 36px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-title-1 {
font-size: 55px;
}
}
.gst__hero-3-slider-single-content .hero-3-title-1 .img {
width: 160px;
height: 120px;
border-radius: 30px;
object-fit: cover;
margin-top: -60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__hero-3-slider-single-content .hero-3-title-1 .img {
margin-top: 0px;
}
}
@media (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-title-1 .img {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-title-1 .img {
display: inline-block;
margin-top: 0px;
}
}
.gst__hero-3-slider-single-content .hero-3-title-2 {
text-align: right;
font-size: 130px;
margin-bottom: 35px;
text-transform: uppercase;
line-height: 1;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #faf8f8;
color: transparent;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.gst__hero-3-slider-single-content .hero-3-title-2 {
font-size: 115px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gst__hero-3-slider-single-content .hero-3-title-2 {
font-size: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__hero-3-slider-single-content .hero-3-title-2 {
font-size: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__hero-3-slider-single-content .hero-3-title-2 {
font-size: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__hero-3-slider-single-content .hero-3-title-2 {
font-size: 80px;
}
}
@media (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-title-2 {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-title-2 {
font-size: 55px;
}
}
.gst__hero-3-slider-single-content .hero-3-title-2 span {
display: inline-block;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 0px;
}
.gst__hero-3-slider-single-content .hero-3-action-content {
width: 100%;
max-width: 530px;
margin-left: auto;
}
.gst__hero-3-slider-single-content .hero-3-pera {
font-size: 26px;
font-weight: 300;
line-height: 1.38;
color: var(--clr-common-white);
margin-bottom: 60px;
}
@media (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-pera {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-pera {
font-size: 24px;
}
}
.gst__hero-3-slider-single-content .hero-3-play-btn-wrap {
display: inline-block;
margin-left: 50px;
}
@media (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-play-btn-wrap {
margin-left: 0px;
margin-top: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-play-btn-wrap {
margin-left: 50px;
margin-top: 0px;
}
}
.gst__hero-3-slider-single-content .hero-3-play-btn-wrap span {
display: inline-block;
font-size: 18px;
text-transform: capitalize;
line-height: 1;
font-weight: 400;
color: var(--clr-common-white);
margin-left: 10px;
}
.gst__hero-3-slider-single-content .hero-3-img {
position: absolute;
left: -85px;
bottom: 0;
z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gst__hero-3-slider-single-content .hero-3-img {
left: 0px;
width: 55%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__hero-3-slider-single-content .hero-3-img {
left: 0px;
width: 55%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__hero-3-slider-single-content .hero-3-img {
left: 0px;
width: 55%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__hero-3-slider-single-content .hero-3-img {
position: relative;
width: 100%;
padding-top: 50px;
z-index: 1;
left: 0;
bottom: 0;
}
}
.gst__hero-3-social-postion {
position: absolute;
top: 50%;
right: 2.5vw;
z-index: 1;
transform: translateY(-50%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__hero-3-social-postion {
display: none;
}
}
.gst__hero-3-social .text {
display: inline-block;
font-size: 16px;
line-height: 1;
letter-spacing: 3.29px;
writing-mode: vertical-lr;
margin-left: 17px;
padding-bottom: 76px;
margin-bottom: 30px;
position: relative;
color: var(--clr-common-white);
}
.gst__hero-3-social .text::after {
position: absolute;
width: 1px;
height: 45px;
background-color: var(--clr-common-white);
content: "";
left: 7px;
bottom: 0;
}
.gst__hero-3-social li:not(:last-child) {
margin-bottom: 25px;
}
.gst__hero-3-social li a {
display: inline-block;
background: var(--clr-color-gradient-2);
clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
width: 52px;
height: 45px;
text-align: center;
line-height: 45px;
color: #1C1B1B;
border: 1px solid #1F1F36;
}
.gst__hero-3-social li a:hover {
background: var(--linear, linear-gradient(260deg, #495BFF 25%, #55E6A5 100%));
}
.gst__hero-3-area .swiper-container {
overflow: hidden;
}
.gst__hero-3-area .swiper-container .swiper-wrapper .swiper-slide {
overflow: hidden;
}
.gst__hero-3-slider-thumb {
width: 100px;
position: absolute;
left: 2.5vw;
top: 40%;
transform: translateY(-50%);
z-index: 1;
}
@media (max-width: 767px) {
.gst__hero-3-slider-thumb {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__hero-3-slider-thumb {
top: 23%;
display: inline-block;
}
}
.gst__hero-3-slider-thumb .swiper-container {
overflow: hidden;
}
.gst__hero-3-slider-thumb .swiper-container .swiper-wrapper {
transform: unset !important;
}
.gst__hero-3-slider-thumb .swiper-container .swiper-wrapper .swiper-slide {
height: 70px !important;
width: 70px !important;
}
.gst__hero-3-slider-thumb .swiper-container .swiper-wrapper .swiper-slide:nth-last-child(1) .gst__hero-3-slider-thumb-content::after {
display: none;
}
.gst__hero-3-slider-thumb .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-thumb-active) {
height: 120px !important;
}
.gst__hero-3-slider-thumb .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-thumb-active) .gst__hero-3-slider-thumb-content::after {
height: 50px;
}
.gst__hero-3-slider-thumb .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-thumb-active) .gst__hero-3-slider-thumb-content .img {
opacity: 1;
}
.gst__hero-3-slider-thumb .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-thumb-active) .gst__hero-3-slider-thumb-content .content {
opacity: 0;
}
.gst__hero-3-slider-thumb-content {
display: inline-block;
position: relative;
cursor: pointer;
}
.gst__hero-3-slider-thumb-content::after {
content: "";
width: 1.5px;
height: 0px;
position: absolute;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
left: 34px;
top: 85px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__hero-3-slider-thumb-content .img {
width: 70px;
height: 70px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.gst__hero-3-slider-thumb-content .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__hero-3-slider-thumb-content .content {
width: 70px;
display: inline-block;
height: 70px;
font-size: 24px;
color: var(--clr-common-white);
opacity: 0.5;
border-radius: 50%;
text-align: center;
line-height: 70px;
} .gto-hero-1-area {
padding-top: 250px;
padding-bottom: 280px;
}
@media (max-width: 767px) {
.gto-hero-1-area {
padding-top: 190px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-hero-1-area {
padding-top: 250px;
}
}
.gto-hero-1-content {
margin-right: -45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-hero-1-content {
margin-right: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-1-content {
margin-right: 0px;
max-width: 600px;
margin-bottom: 50px;
}
}
.gto-hero-1-content .btn-wrap {
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 767px) {
.gto-hero-1-content .btn-wrap {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-hero-1-content .btn-wrap {
flex-wrap: nowrap;
}
}
.gto-hero-1-subtitle {
font-size: 20px;
font-weight: 700;
line-height: 1;
margin-bottom: 10px;
}
.gto-hero-1-subtitle img {
margin-top: -5px;
margin-right: 3px;
}
.gto-hero-1-title {
font-size: 55px;
font-weight: 900;
line-height: 1.12;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-hero-1-title {
font-size: 50px;
}
}
@media (max-width: 767px) {
.gto-hero-1-title {
font-size: 34px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-hero-1-title {
font-size: 42px;
}
}
.gto-hero-1-pera {
font-size: 20px;
line-height: 1.5;
font-weight: 500;
color: #606364;
margin-bottom: 25px;
}
.gto-hero-1-community {
display: flex;
align-items: center;
gap: 15px;
}
.gto-hero-1-community .text {
font-size: 15px;
text-transform: capitalize;
font-weight: 900;
line-height: 20px;
margin-bottom: 0;
}
.gto-hero-1-community .text span {
color: red;
}
.gto-hero-1-img {
margin-left: 55px;
position: relative;
margin-top: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-1-img {
margin-left: 0px;
margin-top: 0px;
}
}
.gto-hero-1-img .main-img {
position: relative;
z-index: 1;
margin-right: -90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-1-img .main-img {
margin-right: 0px;
}
}
.gto-hero-1-img .bg-shape-1 {
position: absolute;
left: 30px;
top: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-1-img .bg-shape-1 {
left: 0px;
top: 0px;
}
}  .gto-hero-2-area {
position: relative;
}
.gto-hero-2-area .bg-img-1 {
width: 100%;
height: 530px;
object-fit: cover;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-hero-2-area .bg-img-1 {
height: 650px;
}
}
@media (max-width: 767px) {
.gto-hero-2-area .bg-img-1 {
height: 1030px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-hero-2-area .bg-img-1 {
height: 650px;
}
}
.gto-hero-2-content .gto-section-pera {
color: #152830;
margin-bottom: 29px;
}
.gto-hero-2-content:is(.right) {
padding-left: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-2-content:is(.right) {
padding-left: 0px;
}
}
.gto-hero-2-video-item {
width: 100%;
height: 570px;
overflow: hidden;
border-radius: 10px;
position: relative;
}
.gto-hero-2-video-item img {
transition: 500ms ease-in-out;
}
@media (max-width: 767px) {
.gto-hero-2-video-item {
height: 350px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-hero-2-video-item {
height: 500px;
}
}
.gto-hero-2-video-item img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
.gto-hero-2-video-item .btn-position {
position: absolute;
top: 50%;
left: 50%;
width: 110px;
height: 110px;
transform: translate(-50%, -50%);
transition: 500ms ease-in-out;
}
.gto-hero-2-video-item .btn-position:is(.active) {
width: 100%;
height: 100%;
}
.gto-hero-2-video-item .btn-position:is(.active) .gto-play-btn-2 {
width: 100%;
height: 100%;
border-radius: 0;
}
.gto-hero-2-video-item .btn-position:is(.active) .gto-play-btn-2 i {
opacity: 0;
}
.gto-hero-2-video-item:is(.active) img {
transform: scale(0.3);
}
.gto-hero-2-feature-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 40px;
padding: 65px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-hero-2-feature-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.gto-hero-2-feature-wrap {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-hero-2-feature-wrap {
grid-template-columns: 1fr 1fr;
}
}
.gto-hero-2-feature-item {
padding-right: 40px;
}
@media (max-width: 767px) {
.gto-hero-2-feature-item {
padding-right: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-hero-2-feature-item {
padding-right: 20px;
}
}
.gto-hero-2-feature-item:not(:last-child) {
border-right: 2px solid #313131;
}
@media (max-width: 767px) {
.gto-hero-2-feature-item:not(:last-child) {
border-right: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-hero-2-feature-item:nth-child(2) {
border-right: none;
}
}
.gto-hero-2-feature-item .icon {
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #ebebeb;
text-align: center;
line-height: 83px;
color: #000;
font-size: 35px;
margin-bottom: 20px;
transition: 400ms;
}
.gto-hero-2-feature-item .icon i {
display: inline-block;
transition: 600ms;
}
.gto-hero-2-feature-item .title {
font-size: 25px;
color: #ebebeb;
font-weight: 800;
margin-bottom: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-hero-2-feature-item .title {
font-size: 22px;
}
}
@media (max-width: 767px) {
.gto-hero-2-feature-item .title {
font-size: 22px;
}
}
.gto-hero-2-feature-item .text {
font-size: 18px;
font-weight: 500;
line-height: 25px;
color: #a3a3a3;
text-transform: capitalize;
margin-bottom: 0;
}
.gto-hero-2-feature-item:hover .icon {
background-color: var(--pr-ec4814);
}
.gto-hero-2-feature-item:hover .icon i {
transform: rotateY(359deg);
color: #fff;
} .agency__sponser-area .swiper-container {
overflow: hidden;
}
.agency__sponser-area .swiper-container .swiper-wrapper .swiper-slide {
justify-content: center;
text-align: center;
}
.gst__sponser-2-area .swiper-container {
overflow: hidden;
}
.gst__sponser-2-area .swiper-container .swiper-wrapper .swiper-slide {
justify-content: center;
text-align: center;
}
.gst__sponser-2-wrap {
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
.agency__sponser-3-area {
background-color: #F8F8F9;
}
.agency__sponser-3-area .swiper-container {
overflow: hidden;
}
.agency__sponser-3-area .swiper-container .swiper-wrapper .swiper-slide {
justify-content: center;
text-align: center;
}
.gst__project-3-wrap {
display: flex;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__project-3-wrap {
flex-wrap: wrap;
}
}
.gst__project-3-section-title-mt {
margin-top: -55px;
}
.gst__project-3-section-title .gst__h1-subtitle-2 {
font-size: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__project-3-section-title .gst__h1-subtitle-2 {
font-size: 82px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__project-3-section-title .gst__h1-subtitle-2 {
font-size: 70px;
}
}
@media (max-width: 767px) {
.gst__project-3-section-title .gst__h1-subtitle-2 {
font-size: 65px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__project-3-section-title .gst__h1-subtitle-2 {
font-size: 70px;
}
}
.gst__project-3-section-title .gst__section-title-1 {
color: #131928;
}
.gst__project-3-section-title .gst__section-pera {
color: #4E535E;
opacity: 1;
margin-bottom: 40px;
}
.gst__project-3-left {
flex: 0 0 auto;
padding-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__project-3-left {
padding-right: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__project-3-left {
width: 100%;
padding-right: 0px;
}
}
.gst__project-3-right {
flex: 0 0 auto;
padding-top: 80px;
padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__project-3-right {
padding-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__project-3-right {
padding-left: 0px;
width: 100%;
padding-top: 0;
}
}
.gst__project-3-item {
padding-right: 75px;
position: relative;
}
@media (max-width: 767px) {
.gst__project-3-item {
padding-right: 52px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__project-3-item {
padding-right: 75px;
}
}
.gst__project-3-item .img-wrap {
position: relative;
}
.gst__project-3-item .img-wrap .img {
position: relative;
width: 100%;
height: 760px;
overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__project-3-item .img-wrap .img {
height: 600px;
}
}
@media (max-width: 767px) {
.gst__project-3-item .img-wrap .img {
height: 500px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__project-3-item .img-wrap .img {
height: 760px;
}
}
.gst__project-3-item .img-wrap .img::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__project-3-item .img-wrap .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__project-3-item .img-wrap .text {
font-size: 22px;
line-height: 1.45;
font-weight: 400;
padding: 0 50px;
color: var(--clr-common-white);
position: absolute;
bottom: -16%;
left: 0;
margin-bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__project-3-item .img-wrap .btn-position {
position: absolute;
left: 50%;
top: 60%;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%);
-webkit-transition: all 0.8s linear 0s;
-moz-transition: all 0.8s linear 0s;
-ms-transition: all 0.8s linear 0s;
-o-transition: all 0.8s linear 0s;
transition: all 0.8s linear 0s;
animation-delay: 0.3s;
}
.gst__project-3-item .img-wrap .project-3-btn {
position: relative;
display: inline-block;
width: 148px;
height: 148px;
border-radius: 50%;
text-align: center;
line-height: 148px;
border: 3px solid #5969FC;
font-size: 45px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media (max-width: 767px) {
.gst__project-3-item .img-wrap .project-3-btn {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 30px;
}
}
.gst__project-3-item .img-wrap .project-3-btn i {
rotate: -45deg;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gst__project-3-item .img-wrap .project-3-btn::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(5px);
z-index: -1;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__project-3-item .img-wrap .project-3-btn::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
z-index: -1;
transform: scale(0);
opacity: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__project-3-item .img-wrap .project-3-btn:hover {
border-color: transparent;
}
.gst__project-3-item .img-wrap .project-3-btn:hover::before {
transform: scale(1);
opacity: 1;
}
.gst__project-3-item .img-wrap .project-3-btn:hover i {
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: var(--clr-common-white);
}
.gst__project-3-item .img-wrap .project-3-btn:hover::after {
opacity: 0;
}
.gst__project-3-item .title {
position: relative;
background: var(--linear, linear-gradient(90deg, #EEEAFF 0%, #E6F1FF 48.58%, #DEF8FF 100%));
font-size: 32px;
color: #131928;
line-height: 1;
margin: 0;
padding: 150px 22px;
padding-left: 40px;
text-align: center;
writing-mode: vertical-lr;
position: absolute;
right: 0px;
bottom: -38px;
z-index: -1;
-webkit-transition: all 0.8s linear 0s;
-moz-transition: all 0.8s linear 0s;
-ms-transition: all 0.8s linear 0s;
-o-transition: all 0.8s linear 0s;
transition: all 0.8s linear 0s;
}
@media (max-width: 767px) {
.gst__project-3-item .title {
padding: 85px 15px;
padding-left: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__project-3-item .title {
padding: 150px 22px;
padding-left: 40px;
}
}
.gst__project-3-item .title::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
z-index: -1;
opacity: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__project-3-item:hover .title {
color: var(--clr-common-white);
bottom: 0;
}
.gst__project-3-item:hover .title::after {
opacity: 1;
}
.gst__project-3-item:hover .img-wrap {
overflow: hidden;
}
.gst__project-3-item:hover .img-wrap .img::after {
opacity: 1;
visibility: visible;
}
.gst__project-3-item:hover .img-wrap .text {
bottom: 40px;
opacity: 1;
visibility: visible;
}
.gst__project-3-item:hover .img-wrap .btn-position {
top: 40%;
opacity: 1;
visibility: visible;
}
.gst__project-3-item:is(.left-style) {
padding-right: 0;
padding-left: 70px;
}
.gst__project-3-item:is(.left-style) .title {
padding: 150px 22px;
padding-right: 40px;
left: 0;
right: unset;
}
.gst__project-3-item:is(.small-style) .img-wrap .img {
width: 100%;
height: 288px;
overflow: hidden;
}
.gst__project-3-item:is(.small-style) .title {
padding: 50px 22px;
padding-left: 40px;
}
.gst__project-3-item:is(.small-style):hover .img-wrap .btn-position {
top: 50%;
}
.agency__btn-1 {
font-size: 20px;
font-weight: 500;
padding: 17px 38px;
position: relative;
display: inline-block;
text-transform: capitalize;
overflow: hidden;
border-radius: 35px;
background-color: var(--clr-theme-primary);
color: var(--clr-common-black);
}
.agency__btn-1::after {
position: absolute;
content: "";
width: 0%;
height: 100%;
border-radius: 35px;
left: auto;
top: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.2);
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.agency__btn-1 i {
display: inline-block;
rotate: -45deg;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.agency__btn-1:hover {
color: var(--clr-common-black);
}
.agency__btn-1:hover::after {
left: 0;
right: auto;
width: 100%;
}
.agency__btn-1:hover i {
rotate: 0deg;
}
.gesto__btn-2 {
position: relative;
display: inline-block;
font-size: 18px;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
color: var(--clr-common-white);
border-radius: 5px;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
padding: 22px 35px;
padding-right: 75px;
}
.gesto__btn-2 .icon {
position: absolute;
width: 40px;
height: 100%;
top: 0;
right: 0;
background: rgba(21, 32, 40, 0.2);
text-align: right;
padding-right: 12px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gesto__btn-2 .icon i.fas.fa-arrow-right {
line-height: 60px;
rotate: -45deg;
}
.gesto__btn-2:hover .icon {
width: 100%;
}
.gesto__btn-3 {
position: relative;
display: inline-block;
font-size: 18px;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
color: var(--clr-common-white);
border-radius: 5px;
background: var(--clr-color-gradient-2);
padding: 20px 32px;
}
.gesto__btn-3 .icon {
font-size: 15px;
display: inline-block;
border-left: 1px solid #fff;
padding-left: 10px;
margin-left: 8px;
}
.gesto__btn-3:hover .icon i {
animation: moving linear infinite 1s;
}
@keyframes moving {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
opacity: 0;
}
}
.agency__option-btn {
border: none;
outline: none;
border-radius: 50%;
background-color: var(--clr-theme-primary);
width: 50px;
display: inline-block;
height: 50px;
}
.agency__option-btn img {
margin-top: -2px;
}
.agency__search-btn {
border-radius: 50%;
border: none;
outline: none;
font-size: 25px;
background: transparent;
color: var(--clr-common-white);
}
.agency__search-btn:hover {
color: var(--clr-hover-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__search-btn {
font-size: 20px;
width: 50px;
height: 50px;
}
}
.gst__cart-btn {
position: relative;
display: inline-block;
width: 58px;
height: 58px;
background: transparent;
border-radius: 50%;
text-align: center;
line-height: 58px;
}
.gst__cart-btn img {
position: relative;
z-index: 1;
}
.gst__cart-btn::after {
position: absolute;
content: "2";
line-height: 17px;
width: 17px;
height: 17px;
border-radius: 50%;
font-size: 9px;
font-family: "Jost", sans-serif;
color: #495BFF;
right: 0;
top: 7;
background-color: var(--clr-common-white);
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.gst__cart-btn::before {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
background: var(--clr-color-gradient-1);
left: 0;
top: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
transform: scale(0);
}
.gst__cart-btn:hover::after {
background: var(--clr-color-gradient-1);
color: var(--clr-common-black);
top: 0;
}
.gst__cart-btn:hover::before {
transform: scale(1);
}
.gst__cart-btn-2 {
position: relative;
display: inline-block;
width: 58px;
height: 58px;
background: transparent;
border-radius: 50%;
text-align: center;
line-height: 58px;
}
.gst__cart-btn-2 img {
position: relative;
z-index: 1;
}
.gst__cart-btn-2::after {
position: absolute;
content: "2";
line-height: 17px;
width: 17px;
height: 17px;
border-radius: 50%;
font-size: 9px;
font-family: "Jost", sans-serif;
color: #fff;
right: 0;
top: 7;
background-color: #55E6A5;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.gst__cart-btn-2::before {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
background: var(--clr-color-gradient-2);
left: 0;
top: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
transform: scale(0);
}
.gst__cart-btn-2:hover::after {
background: var(--clr-color-gradient-2);
top: 0;
}
.gst__cart-btn-2:hover::before {
transform: scale(1);
}
.agency__menu-btn-2 {
position: relative;
width: 58px;
height: 58px;
border-radius: 50%;
background-color: #0B0C0E;
border: none;
outline: none;
font-size: 25px;
color: var(--clr-common-white);
line-height: 58px;
}
.agency__menu-btn-2 i {
position: relative;
z-index: 1;
}
.agency__menu-btn-2::after {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
background-color: rgba(255, 255, 255, 0.2);
left: 0;
top: 0;
transform: scale(0);
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.agency__menu-btn-2::before {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
background: var(--clr-color-gradient-1);
left: 0;
top: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
transform: scale(0);
}
.agency__menu-btn-2:hover {
background-color: transparent;
}
.agency__menu-btn-2:hover::before {
transform: scale(1);
}
.agency__menu-btn-2:hover::after {
transform: scale(1);
}
.agency__menu-btn-3 {
position: relative;
width: 58px;
height: 58px;
border-radius: 50%;
background: var(--clr-color-gradient-2);
border: none;
outline: none;
font-size: 25px;
color: var(--clr-common-white);
line-height: 58px;
}
.agency__menu-btn-3::after {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
background-color: rgba(255, 255, 255, 0.2);
left: 0;
top: 0;
transform: scale(0);
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.agency__menu-btn-3:hover::after {
transform: scale(1);
}
.gst__call-btn {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 40px;
background-color: #5969FC;
outline: 5px solid rgba(89, 105, 252, 0.3019607843);
border: 5px solid #070D1D;
}
.gst__call-btn:hover {
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
}
.gst__call-btn-2 {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 40px;
background: transparent;
outline: 5px solid rgba(89, 105, 252, 0.3019607843);
border: 5px solid #fff;
}
.gst__call-btn-2 img {
position: relative;
z-index: 1;
}
.gst__call-btn-2::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.gst__call-btn-2::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
transform: scale(0);
opacity: 0;
-webkit-transition: all 0.6s linear 0s;
-moz-transition: all 0.6s linear 0s;
-ms-transition: all 0.6s linear 0s;
-o-transition: all 0.6s linear 0s;
transition: all 0.6s linear 0s;
}
.gst__call-btn-2:hover {
outline: 15px solid rgba(89, 105, 252, 0.3019607843);
}
.gst__call-btn-2:hover::before {
opacity: 0;
}
.gst__call-btn-2:hover::after {
opacity: 1;
transform: scale(1);
}
.gst__play-btn-2 {
position: relative;
font-size: 22px;
display: inline-block;
width: 62px;
height: 62px;
border-radius: 50%;
text-align: center;
line-height: 55px;
border: 4px solid #5969FC;
color: #5969FC;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__play-btn-2 i {
position: relative;
z-index: 1;
}
.gst__play-btn-2::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
transform: scale(0);
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__play-btn-2:hover {
border-color: transparent;
}
.gst__play-btn-2:hover::after {
transform: scale(1);
}
.play-btn {
width: 120px;
height: 120px;
font-size: 16px;
color: var(--clr-common-white);
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase;
text-align: center;
background: var(--clr-common-black-soft);
border: 1px solid #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
margin: 0 auto;
}
@media (max-width: 767px) {
.play-btn {
width: 80px;
height: 80px;
font-size: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.play-btn {
width: 120px;
height: 120px;
font-size: 16px;
}
}
.play-btn:hover {
background-color: var(--clr-hover-primary);
border: var(--clr-hover-primary);
color: var(--clr-common-white);
}
.play-btn::after, .play-btn::before {
position: absolute;
left: 0;
top: 0;
content: "";
border-radius: 50%;
width: 100%;
height: 100%;
border: 1px solid #cccccc;
animation-name: popupBtn;
animation-duration: 1.8s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.play-btn:before {
animation-delay: 0.8s;
}
@keyframes popupBtn {
0% {
transform: scale(1);
opacity: 0;
}
50% {
transform: scale(1.6);
opacity: 0.3;
}
100% {
transform: scale(2);
opacity: 0;
}
}
.agency__service-list-area {
margin-top: -30px;
}
.agency__service-list-wrap {
background-color: #1c1b1b;
border-radius: 90px;
overflow: hidden;
padding-top: 50px;
padding-bottom: 50px;
}
.agency__service-list-slide {
display: flex;
justify-content: flex-start;
animation: marquee-animation 15s linear infinite;
}
.agency__service-list-item {
display: inline-flex;
align-items: center;
margin-right: 45px;
white-space: nowrap;
}
@media (max-width: 767px) {
.agency__service-list-item {
margin-right: 30px;
}
}
.agency__service-list-item .icon {
display: inline-block;
font-size: 55px;
color: var(--clr-theme-primary);
line-height: 1;
font-family: "enoway personal use";
margin-right: 45px;
margin-bottom: -18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__service-list-item .icon {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__service-list-item .icon {
font-size: 36px;
}
}
@media (max-width: 767px) {
.agency__service-list-item .icon {
font-size: 30px;
margin-right: 30px;
}
}
.agency__service-list-item .text {
display: inline-block;
font-size: 42px;
margin-bottom: 0;
line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__service-list-item .text {
font-size: 34px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__service-list-item .text {
font-size: 30px;
}
}
@media (max-width: 767px) {
.agency__service-list-item .text {
font-size: 26px;
}
}
@media (max-width: 767px) {
.agency__services-area:is(.pt-160) {
padding-top: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__services-area:is(.pt-160) {
padding-top: 160px;
}
}
@media (max-width: 767px) {
.agency__services-area:is(.pb-40) {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__services-area:is(.pb-40) {
padding-bottom: 40px;
}
}
.agency__services-wrap {
position: relative;
}
.agency__services-padding {
padding-left: 45px;
padding-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__services-padding {
padding-left: 0;
padding-right: 0;
}
}
.agency__services-bg-shape {
width: 100%;
height: 310px;
background-color: var(--clr-theme-primary);
border-radius: 170px;
position: absolute;
top: 110px;
z-index: -1;
}
@media (max-width: 767px) {
.agency__services-bg-shape {
top: 78px;
height: 120px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__services-bg-shape {
top: 90px;
height: 190px;
}
}
.agency__services-item {
position: relative;
padding: 0 5px;
}
.agency__services-item .img {
width: 100%;
height: 280px;
overflow: hidden;
margin-bottom: 10px;
border-radius: 150px 40px 40px 40px;
}
.agency__services-item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.agency__services-item .icon {
width: 100px;
height: 100px;
background-color: var(--clr-common-white);
border-radius: 50%;
text-align: center;
line-height: 100px;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.agency__services-item .icon img {
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.agency__services-item .content {
padding-left: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__services-item .content {
padding-left: 10px;
}
}
.agency__services-item .title {
font-size: 26px;
text-transform: capitalize;
line-height: 1.92;
font-family: "Jost", sans-serif;
font-weight: 400;
margin-bottom: -5px;
}
@media (max-width: 767px) {
.agency__services-item .title {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__services-item .title {
font-size: 26px;
}
}
.agency__services-item .link {
display: inline-block;
font-weight: 400;
text-transform: uppercase;
color: var(--clr-theme-primary);
line-height: 2.18;
}
.agency__services-item .link i {
display: inline-block;
margin-left: 15px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.agency__services-item .link:hover i {
transform: translateX(15px);
}
.agency__services-item:hover .img img {
transform: scale(1.1);
}
.agency__services-item:hover .icon {
animation: hover-scale 1.5s;
}
.gst__services-2-btn-wrap .text {
display: inline-block;
font-size: 20px;
font-weight: 400;
line-height: 1.35;
}
.gst__services-2-btn-wrap .text a {
color: #5969FC;
text-decoration: underline;
}
.gst__services-2-btn-wrap .text a:hover {
color: #55E6A5;
}
.gst__service-2-item-wrap {
position: relative;
}
.gst__service-2-item-wrap::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
border: 1px solid #1F1F36;
background-color: transparent;
left: 10px;
top: 10px;
z-index: -1;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.gst__service-2-item-wrap:hover::after {
left: 0;
top: 0;
}
.gst__services-2-item {
background-color: #131928;
overflow: hidden;
position: relative;
}
.gst__services-2-item .top {
margin-bottom: 15px;
padding-left: 30px;
padding-top: 35px;
padding-right: 30px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.gst__services-2-item .top .logo {
position: relative;
margin-bottom: 20px;
padding-left: 15px;
}
.gst__services-2-item .top .logo::after {
position: absolute;
content: "";
width: 40px;
height: 40px;
background-color: var(--clr-common-white);
opacity: 0.08;
border-radius: 50%;
left: 0;
top: 15px;
}
.gst__services-2-item .top .title {
font-size: 26px;
letter-spacing: 0.52px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.gst__services-2-item .top .title {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__services-2-item .top .title {
font-size: 26px;
}
}
.gst__services-2-item .top-2 {
margin-bottom: 15px;
padding-left: 30px;
padding-top: 0;
padding-right: 0;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
position: absolute;
top: -50px;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
background: linear-gradient(21deg, rgba(73, 91, 255, 0.15) 25%, rgba(85, 230, 165, 0.15) 100%);
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.gst__services-2-item .top-2 .logo {
position: relative;
padding-left: 15px;
flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__services-2-item .top-2 .logo {
display: none;
}
}
.gst__services-2-item .top-2 .logo::after {
position: absolute;
content: "";
width: 40px;
height: 40px;
background-color: var(--clr-common-white);
opacity: 0.08;
border-radius: 50%;
left: 0;
top: 15px;
}
.gst__services-2-item .top-2 .title {
font-size: 26px;
letter-spacing: 0.52px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.gst__services-2-item .top-2 .title {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__services-2-item .top-2 .title {
font-size: 26px;
}
}
.gst__services-2-item .top-2 .icon {
width: 80px;
height: 96px;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
text-align: center;
line-height: 96px;
flex: 0 0 auto;
}
.gst__services-2-item .top-2:hover .icon {
background: var(--linear, linear-gradient(200deg, #495BFF 25%, #55E6A5 100%));
}
.gst__services-2-item .bottom {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
position: relative;
}
.gst__services-2-item .bottom .text {
font-size: 18px;
font-weight: 300;
color: var(--clr-common-white);
line-height: 1.55;
margin-bottom: 0;
}
.gst__services-2-item .bottom .img {
position: absolute;
top: -88px;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__services-2-item .bottom .img {
display: none;
}
}
.gst__services-2-item .bottom .img img {
width: 100%;
object-fit: cover;
}
.gst__services-2-item:hover .top {
opacity: 0;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.gst__services-2-item:hover .top-2 {
top: 0;
opacity: 1;
visibility: visible;
}
.gst__services-2-item:hover .bottom .img {
top: -58px;
visibility: visible;
opacity: 1;
} .gto-hero-3-area {
padding-top: 137px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-hero-3-area {
padding-top: 152px;
}
}
@media (max-width: 767px) {
.gto-hero-3-area {
padding-top: 210px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-hero-3-area {
padding-top: 162px;
}
}
.gto-hero-3-area .hero-3-bg {
display: block;
background: linear-gradient(128deg, rgb(217, 229, 255) 0%, rgb(243, 226, 254) 27%, rgb(255, 251, 211) 61%, rgb(221, 253, 212) 81%, rgb(187, 254, 212) 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.7;
z-index: -1;
}
.gto-hero-3-slider-item {
position: relative;
background: #0b1e26;
border-radius: 30px;
overflow: hidden;
}
.gto-hero-3-slider-item .bg-img-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gto-hero-3-slider-item .bg-img-1 img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.5);
transition: 5s ease;
}
.gto-hero-3-slider-item .bg-shape-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.7;
}
.gto-hero-3-slider-item .bg-shape-1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-3-slider-item .bg-shape-1 img {
object-position: right;
}
}
.gto-hero-3-slider-item .content-wrap {
position: relative;
z-index: 1;
width: 100%;
max-width: 50%;
margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-3-slider-item .content-wrap {
max-width: 100%;
padding: 0 15px;
}
}
.gto-hero-3-slider-item .subtitle {
font-size: 20px;
font-weight: 800;
color: #fff;
margin-bottom: 15px;
}
.gto-hero-3-slider-item .title {
font-size: 75px;
color: #fff;
text-transform: uppercase;
letter-spacing: -0.3px;
line-height: 1;
margin-bottom: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-hero-3-slider-item .title {
font-size: 65px;
}
}
@media (max-width: 767px) {
.gto-hero-3-slider-item .title {
font-size: 52px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-hero-3-slider-item .title {
font-size: 60px;
}
}
.gto-hero-3-slider-item .pera {
color: #fff;
margin-bottom: 0;
margin-bottom: 30px;
width: 100%;
max-width: 540px;
font-size: 20px;
line-height: 1.66;
}
.gto-hero-3-slider {
position: relative;
}
.gto-hero-3-slider .gto-hero-3-slider-btn {
align-items: center;
display: flex;
color: #fff;
position: absolute;
bottom: 20px;
right: 40px;
z-index: 1;
font-size: 18px;
font-weight: 900;
gap: 20px;
}
.gto-hero-3-slider .gto-hero-3-slider-btn .gto_hero_3_next, .gto-hero-3-slider .gto-hero-3-slider-btn .gto_hero_3_prev {
font-size: 22px;
transition: 400ms;
}
.gto-hero-3-slider .gto-hero-3-slider-btn .gto_hero_3_next:hover, .gto-hero-3-slider .gto-hero-3-slider-btn .gto_hero_3_prev:hover {
color: var(--sd-4c52e0);
}
.gto-hero-3-feature {
display: grid;
grid-template-columns: 1fr 3fr 0.8fr;
gap: 50px;
align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-hero-3-feature {
grid-template-columns: 1fr 3fr 1fr;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-hero-3-feature {
grid-template-columns: 1fr 3fr 1.2fr;
gap: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-3-feature {
grid-template-columns: 1fr;
}
}
.gto-hero-3-feature .gto-title {
font-size: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-hero-3-feature .gto-title {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-hero-3-feature .gto-title {
font-size: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-hero-3-feature .gto-title {
font-size: 35px;
}
}
@media (max-width: 767px) {
.gto-hero-3-feature .gto-title {
font-size: 30px;
}
}
.gto-reating-3 {
display: flex;
align-items: center;
gap: 16px;
}
@media (max-width: 767px) {
.gto-reating-3 {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-reating-3 {
flex-wrap: nowrap;
}
}
.gto-reating-3 .reating i {
background: #ffaf22;
font-size: 12px;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
color: #fff;
display: inline-block;
}
.gto-reating-3 .text, .gto-reating-3 .name {
display: inline-block;
font-size: 16px;
text-transform: capitalize;
color: #0e191e;
font-weight: 500;
margin-bottom: -4px;
}
.gto-reating-3 .name i {
font-size: 18px;
color: #ffaf22;
}
.gto-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-hero-3-slider-item .bg-img-1 img {
transform: scale(1);
}  .gto-hero-4-area {
background-position: bottom;
position: relative;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-4-area {
background-image: unset !important;
background: #000;
padding-top: 110px;
padding-bottom: 120px;
}
}
.gto-hero-4-area .bg-shape-1 {
position: absolute;
bottom: -150px;
left: 0;
width: 100%;
height: 500px;
z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.gto-hero-4-area .bg-shape-1 {
height: 360px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gto-hero-4-area .bg-shape-1 {
height: 400px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-hero-4-area .bg-shape-1 {
height: 360px;
}
}
.gto-hero-4-content {
padding-bottom: 440px;
padding-top: 190px;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-hero-4-content {
padding-bottom: 290px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-hero-4-content {
padding-bottom: 190px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-4-content {
padding-top: 60px;
padding-bottom: 0;
}
}
.gto-hero-4-img {
margin-left: -90px;
overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-hero-4-img {
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-4-img {
margin-left: 0px;
margin-top: 40px;
}
}
.gto-hero-4-img .popup-img {
margin-left: 70px;
margin-top: -40px;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-hero-4-img .popup-img {
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-hero-4-img .popup-img {
margin-left: 50px;
}
}
@media (max-width: 767px) {
.gto-hero-4-img .popup-img {
margin-left: 0px;
}
}
.hero-4-title {
font-size: 80px;
line-height: 1.125;
letter-spacing: -0.8px;
font-weight: 900;
color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-4-title {
font-size: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero-4-title {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-4-title {
font-size: 50px;
}
}
@media (max-width: 767px) {
.hero-4-title {
font-size: 40px;
}
}
.hero-4-title .gdcolor {
position: relative;
background: var(--gd-4);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero-4-title .gdcolor::after {
position: absolute;
content: "";
width: 100%;
height: 2px;
background: var(--gd-4);
left: 0;
bottom: 14px;
}
.hero-4-para {
color: #fff;
opacity: 0.8;
}
.gto-hero-4-content .btn-wrap {
gap: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-hero-4-content .btn-wrap {
flex-wrap: wrap;
gap: 20px;
}
}  .gto-services-1-area {
margin-top: -150px;
}
.gto-services-1-slider {
position: relative;
background-color: #fff;
box-shadow: 0px 1px 120px 0px rgba(35, 31, 32, 0.15);
border-radius: 15px;
overflow: inherit;
}
.gto_services_1_active{
overflow: hidden;
}
.gto-services-1-item {
text-align: center;
border-right: 1px solid #f4f4f4;
padding: 60px 50px;
}
.gto-services-1-item .img {
margin-bottom: 19px;
}
.gto-services-1-item .img img {
max-width: 230px;
}
.gto-services-1-item .title {
font-size: 26px;
line-height: 1.23;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.gto-services-1-item .title {
font-size: 22px;
}
}
.gto-services-1-item .text {
font-size: 18px;
line-height: 28px;
margin-bottom: 0;
color: #5b5b5b;
}
.gto-services-1-slider-btn {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
z-index: 1;
}
@media (max-width: 767px) {
.gto-services-1-slider-btn {
position: unset;
transform: unset;
margin-top: 30px;
}
}
.gto-services-1-slider-btn .gto_services_1_next, .gto-services-1-slider-btn .gto_services_1_prev {
background-color: #2d1a15;
box-shadow: 0px 1px 29px 0px rgba(0, 0, 0, 0.07);
width: 70px;
height: 70px;
border-radius: 50%;
text-align: center;
line-height: 70px;
font-size: 16px;
color: #fff;
transition: 400ms ease;
cursor: pointer;
}
.gto-services-1-slider-btn .gto_services_1_next:hover, .gto-services-1-slider-btn .gto_services_1_prev:hover {
color: #fff;
background-color: var(--pr-ec4814);
}
.gto-services-1-slider-btn .gto_services_1_next {
margin-right: -31px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-services-1-slider-btn .gto_services_1_next {
margin-right: 0px;
}
}
@media (max-width: 767px) {
.gto-services-1-slider-btn .gto_services_1_next {
margin-right: 0px;
width: 45px;
height: 45px;
line-height: 45px;
}
}
.gto-services-1-slider-btn .gto_services_1_prev {
margin-left: -31px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-services-1-slider-btn .gto_services_1_prev {
margin-left: 0px;
}
}
@media (max-width: 767px) {
.gto-services-1-slider-btn .gto_services_1_prev {
margin-left: 0px;
width: 45px;
height: 45px;
line-height: 45px;
}
} .gst__combine-wrap {
display: flex;
align-items: center;
gap: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__combine-wrap {
flex-wrap: wrap;
}
}
.gst__combine-wrap .combine-left {
position: relative;
flex: 0 0 auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__combine-wrap .combine-left {
padding-left: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__combine-wrap .combine-left {
padding-left: 250px;
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__combine-wrap .combine-left {
padding-left: 150px;
width: 100%;
}
}
@media (max-width: 767px) {
.gst__combine-wrap .combine-left {
padding-left: 50px;
width: 100%;
}
}
.gst__combine-wrap .combine-right {
position: relative;
}
@media (max-width: 767px) {
.gst__combine-wrap .combine-right {
width: 100%;
}
}
.gst__combine-btn-wrap {
display: flex;
align-items: center;
gap: 50px;
}
@media (max-width: 767px) {
.gst__combine-btn-wrap {
flex-wrap: wrap;
}
}
.gst__combine-img {
width: 100%;
max-width: 514px;
height: 642px;
overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__combine-img {
width: 440px;
}
}
@media (max-width: 767px) {
.gst__combine-img {
height: 430px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__combine-img {
height: 642px;
}
}
.gst__combine-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__combine-item-wrap {
max-width: 520px;
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 15px 0px;
}
.gst__combine-item {
display: flex;
align-items: center;
gap: 20px;
width: 50%;
}
@media (max-width: 767px) {
.gst__combine-item {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__combine-item {
width: 50%;
}
}
.gst__combine-item .icon {
flex: 0 0 auto;
}
.gst__combine-item .text {
font-size: 20px;
line-height: 1.5;
margin-bottom: 0;
font-family: "enoway-oblique";
}
.gst__combine-tag-wrap {
position: absolute;
bottom: -56px;
left: -82px;
z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gst__combine-tag-wrap {
left: -35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__combine-tag-wrap {
left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__combine-tag-wrap {
left: 0px;
bottom: 0;
}
}
.gst__combine-tag-wrap .text {
font-size: 24px;
letter-spacing: 3.84px;
font-family: "enoway-oblique";
margin-bottom: 0;
position: absolute;
bottom: 215px;
left: -138px;
rotate: 270deg;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__combine-tag-wrap .text {
left: -156px;
}
}
.gst__combine-tag-wrap .text .icon {
rotate: 270deg;
margin-right: 5px;
}
.call-btn-wrap {
display: flex;
align-items: center;
gap: 30px;
}
.gst__call-text span {
font-size: 14px;
font-weight: 400;
color: #5969FC;
display: block;
line-height: 1;
margin-bottom: 10px;
}
.gst__call-text h6 {
font-size: 26px;
line-height: 1;
margin-bottom: 0;
font-family: "enoway oblique";
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__combine-experience-position {
bottom: 50px;
}
}
@media (max-width: 767px) {
.gst__combine-experience-position {
position: unset;
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__combine-experience-position {
position: absolute;
margin-top: 0px;
}
}
.gst__combine-experience {
position: relative;
display: inline-block;
}
.gst__combine-experience .img {
width: 150px;
height: 180px;
overflow: hidden;
border-radius: 5px;
}
.gst__combine-experience .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__combine-experience .content {
position: absolute;
top: 15px;
left: 0;
width: 100%;
text-align: center;
}
.gst__combine-experience .content .count {
font-size: 70px;
line-height: 1;
font-family: "enoway-oblique";
margin-bottom: -15px;
}
.gst__combine-experience .content .count .odometer.odometer-auto-theme, .gst__combine-experience .content .count .odometer.odometer-theme-default {
font-family: "enoway-oblique";
line-height: 1;
}
.gst__combine-experience .content .text {
font-size: 26px;
text-align: center;
margin-bottom: 0;
}
.gst__services-3-wrap {
display: flex;
gap: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__services-3-wrap {
flex-wrap: wrap;
}
}
.gst__services-3-section-title {
margin-top: -56px;
padding-left: 25px;
padding-right: 25px;
}
@media (max-width: 767px) {
.gst__services-3-section-title {
padding-left: 0;
padding-right: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__services-3-section-title {
padding-left: 25px;
padding-right: 25px;
}
}
.gst__services-3-section-title .gst__section-pera {
margin-bottom: 52px;
}
.gst__services-3-section-title-wrap {
background-color: #131928;
max-width: 556px;
width: 100%;
padding-top: 65px;
padding-bottom: 120px;
padding-left: 30px;
padding-right: 30px;
height: 100%;
}
.gst__services-3-content {
padding-top: 120px;
margin-right: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__services-3-content {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__services-3-content {
margin-right: 0;
padding-top: 0;
}
}
.gst__services-3-item {
margin-left: 15px;
padding-right: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__services-3-item {
margin-left: 0;
padding-right: 0;
}
}
.gst__services-3-item .logo-wrap {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
.gst__services-3-item .logo-wrap .logo {
width: 116px;
height: 116px;
text-align: center;
line-height: 116px;
border-radius: 50%;
position: relative;
}
.gst__services-3-item .logo-wrap .logo svg {
position: relative;
z-index: 1;
}
.gst__services-3-item .logo-wrap .logo::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
left: 0;
top: 0;
opacity: 0.1;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__services-3-item .logo-wrap .logo::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
left: 0;
top: 0;
opacity: 0;
transform: scale(0);
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__services-3-item .logo-wrap .btn {
display: inline-block;
font-size: 35px;
padding: 0;
}
.gst__services-3-item .logo-wrap .btn i {
rotate: -45deg;
}
.gst__services-3-item .title {
font-size: 32px;
line-height: 1.25;
color: #131928;
margin-bottom: 17px;
}
.gst__services-3-item .title a {
text-decoration: none;
width: 100%;
display: inline !important;
background-position-y: -1px;
background-repeat: no-repeat;
background-size: 0 100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.gst__services-3-item .text {
font-size: 16px;
line-height: 1.87;
color: #131928;
margin-bottom: 29px;
}
.gst__services-3-item .line {
position: relative;
display: block;
width: 100%;
height: 2px;
background: rgba(19, 25, 40, 0.2588235294);
opacity: 1;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__services-3-item .line::after {
position: absolute;
content: "";
width: 0%;
margin: auto;
height: 100%;
left: 0;
right: 0;
bottom: 0;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.gst__services-3-item:hover .logo-wrap .logo svg * {
fill: var(--clr-common-white);
}
.gst__services-3-item:hover .logo-wrap .logo::before {
opacity: 1;
transform: scale(1);
}
.gst__services-3-item:hover .logo-wrap .btn {
color: #5969FC;
}
.gst__services-3-item:hover .title a {
color: inherit;
background-size: 100% 100%;
}
.gst__services-3-item:hover .line::after {
width: 100%;
}
.gst__combine-3-area .combine-3-bg-shape-1 {
position: absolute;
bottom: -50px;
left: -25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gst__combine-3-area .combine-3-right .gst__combine-experience-position {
bottom: 45px;
}
}
@media (max-width: 767px) {
.gst__combine-3-area .combine-3-right .gst__combine-experience-position {
bottom: 45px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__combine-3-area .combine-3-right .gst__combine-experience-position {
display: none;
}
}
.gst__combine-3-wrap {
display: flex;
align-items: center;
gap: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__combine-3-wrap {
flex-wrap: wrap;
}
}
.gst__combine-3-wrap .combine-3-left {
flex: 0 0 auto;
position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__combine-3-wrap .combine-3-left {
width: 100%;
}
}
.gst__combine-3-wrap .combine-3-right {
position: relative;
}
.gst__combine-3-section-title-mt {
margin-top: -55px;
}
.gst__combine-3-section-title .gst__section-title-1 {
color: #131928;
}
.gst__combine-3-section-title .gst__section-pera {
color: #4E535E;
opacity: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__combine-3-section-title .gst__section-pera {
max-width: 770px;
}
}
.gst__combine-3-img-wrap {
display: flex;
gap: 20px;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.gst__combine-3-img-wrap {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__combine-3-img-wrap {
flex-wrap: nowrap;
}
}
.gst__combine-3-img-wrap .img-left {
width: 100%;
max-width: 390px;
height: 615px;
overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gst__combine-3-img-wrap .img-left {
max-width: 100%;
}
}
@media (max-width: 767px) {
.gst__combine-3-img-wrap .img-left {
max-width: 100%;
height: auto;
}
}
@media (max-width: 767px) {
.gst__combine-3-img-wrap .img-1 {
height: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__combine-3-img-wrap .img-1 {
height: 100%;
}
}
.gst__combine-3-img-wrap .img-1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__combine-3-img-wrap .img-right {
padding-top: 30px;
width: 100%;
max-width: 284px;
}
.gst__combine-3-item-wrap {
max-width: 520px;
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 15px 0px;
}
.gst__combine-3-item {
display: flex;
align-items: center;
gap: 20px;
width: 50%;
}
@media (max-width: 767px) {
.gst__combine-3-item {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__combine-3-item {
width: 50%;
}
}
.gst__combine-3-item .icon {
flex: 0 0 auto;
}
.gst__combine-3-item .text {
color: #131928;
font-size: 20px;
line-height: 1.5;
margin-bottom: 0;
font-family: "enoway-oblique";
}
.gst__combine-3-btn-wrap {
display: flex;
align-items: center;
gap: 50px;
}
@media (max-width: 767px) {
.gst__combine-3-btn-wrap {
flex-wrap: wrap;
}
}
.gst__combine-3-btn-wrap .call-btn-wrap {
display: flex;
align-items: center;
gap: 30px;
}
.gst__combine-3-btn-wrap .gst__call-text span {
font-size: 14px;
font-weight: 400;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: block;
line-height: 1;
margin-bottom: 10px;
}
.gst__combine-3-btn-wrap .gst__call-text h6 {
color: #131928;
font-size: 26px;
line-height: 1;
margin-bottom: 0;
font-family: "enoway-oblique";
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__capabilitie-left {
margin-bottom: 50px;
}
}
.agency__capabilitie-left-flex {
gap: 20px;
display: flex;
}
@media (max-width: 767px) {
.agency__capabilitie-left-flex {
flex-wrap: wrap;
}
}
.agency__capabilitie-right {
padding-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__capabilitie-right {
padding-left: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__capabilitie-right {
padding-left: 0px;
}
}
.agency__capabilitie-img {
display: inline-block;
width: 370px;
position: relative;
flex: 0 0 auto;
}
@media (max-width: 767px) {
.agency__capabilitie-img {
width: 100%;
}
}
.agency__capabilitie-img .popup-img {
position: absolute;
right: 22px;
border-radius: 10px;
top: -33px;
}
.agency__capabilitie-count {
display: inline-block;
background-color: #1c1b1b;
border-radius: 30px;
padding: 60px 50px;
padding-top: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__capabilitie-count {
padding: 60px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__capabilitie-count {
padding: 60px 40px;
}
}
.agency__capabilitie-count .count {
font-size: 70px;
line-height: 1;
margin-bottom: -5px;
font-family: "enoway-oblique";
}
.agency__capabilitie-count .count span {
display: inline-block;
font-size: 48px;
font-weight: 300;
font-family: "Jost", sans-serif;
opacity: 0.2;
}
.agency__capabilitie-count p {
font-size: 21px;
font-weight: 400;
line-height: 1.42;
margin-bottom: 20px;
}
.agency__capabilitie-count .count-progress {
width: 100%;
height: 17px;
background-color: #3c3a3a;
overflow: hidden;
border-radius: 8.5px;
}
.agency__capabilitie-count .count-progress .custom-progress {
display: block;
font-size: 14px;
line-height: 1;
font-weight: 600;
color: #0e0d0d;
text-align: right;
width: 75%;
background-color: var(--clr-theme-primary);
height: 100%;
border-radius: 8.5px;
padding-right: 12px;
}
.agency__capabilitie-chat {
display: flex;
justify-content: flex-end;
align-items: end;
}
.agency__capabilitie-chat-wrap {
display: flex;
align-items: center;
background-color: #1c1b1b;
border-radius: 30px;
padding-right: 40px;
padding-left: 60px;
padding-top: 40px;
overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.agency__capabilitie-chat-wrap {
padding-left: 30px;
gap: 30px;
}
}
@media (max-width: 767px) {
.agency__capabilitie-chat-wrap {
flex-wrap: wrap;
justify-content: center;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
gap: 30px;
}
}
.agency__capabilitie-chat-title {
margin-top: -30px;
}
@media (max-width: 767px) {
.agency__capabilitie-chat-title {
margin-top: 0;
}
}
.agency__capabilitie-chat-title .agency__subtitle {
font-size: 17px;
padding-left: 30px;
}
.agency__capabilitie-chat-title .agency__subtitle .icon {
font-size: 35px;
left: 3px;
top: -2px;
}
.agency__capabilitie-chat-title .title {
font-size: 42px;
line-height: 1.19;
margin-bottom: 0;
}
@media (max-width: 767px) {
.agency__capabilitie-chat-title .title {
font-size: 28px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__capabilitie-chat-title .title {
font-size: 35px;
}
}
.agency__capabilitie-chat-item {
font-size: 17px;
display: inline-block;
font-weight: 900;
color: var(--clr-common-black);
text-transform: uppercase;
width: 80px;
text-align: center;
border-radius: 40px 40px 0 0;
padding-top: 25px;
line-height: 1;
margin-left: 8px;
flex: 0 0 auto;
}
@media (max-width: 767px) {
.agency__capabilitie-chat-item {
width: 65px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__capabilitie-chat-item {
width: 80px;
}
}
.agency__capabilitie-chat-item:nth-child(1) {
height: 135px;
background-color: #5599e6;
}
.agency__capabilitie-chat-item:nth-child(2) {
height: 190px;
background-color: #e6559d;
}
.agency__capabilitie-chat-item:nth-child(3) {
height: 236px;
background-color: #e6bb55;
}
.agency__capabilitie-chat-item span {
font-size: 12px;
display: block;
font-weight: 700;
}
.agency__capabilitie-link {
max-width: 340px;
}
.agency__capabilitie-link a {
display: flex;
align-items: center;
gap: 30px;
font-size: 22px;
font-weight: normal;
color: var(--clr-common-white);
line-height: 1.18;
font-family: "enoway-oblique";
}
.agency__capabilitie-link a:not(:last-child) {
margin-bottom: 16px;
}
.agency__capabilitie-link a .text {
flex: 0 0 auto;
}
.agency__capabilitie-link a .line {
display: block;
width: 0%;
height: 2px;
background-color: var(--clr-theme-primary);
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s;
}
.agency__capabilitie-link a i {
font-size: 18px;
color: var(--clr-theme-primary);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s;
}
.agency__capabilitie-link a:hover {
color: var(--clr-theme-primary);
}
.agency__capabilitie-link a:hover .line {
width: 100%;
}
.agency__capabilitie-link a:hover i {
opacity: 1;
visibility: visible;
}
.agency__certified-area {
position: relative;
overflow: hidden;
}
.agency__certified-bg-shape-1 {
position: absolute;
left: -14%;
top: 0;
z-index: -1;
}
.agency__certified-bg-shape-2 {
position: absolute;
right: -14%;
top: 0;
z-index: -1;
}
@media (max-width: 767px) {
.agency__certified-section-title .agency__title br {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__certified-section-title .agency__title br {
display: block;
}
}
.agency__certified-wrap {
position: relative;
background-color: #1c1b1b;
border-radius: 372px;
padding: 80px 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__certified-wrap {
padding: 80px 70px;
border-radius: 270px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__certified-wrap {
border-radius: 170px;
padding: 80px 30px;
}
}
@media (max-width: 767px) {
.agency__certified-wrap {
border-radius: 30px;
padding: 50px 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__certified-wrap {
border-radius: 90px;
padding: 50px 30px;
}
}
.agency__certified-img-wrap {
position: relative;
}
.agency__certified-img-wrap .icon {
width: 77px;
height: 77px;
background-color: var(--clr-common-white);
border-radius: 50%;
text-align: center;
line-height: 77px;
position: absolute;
left: 155px;
top: -60px;
z-index: 1;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.agency__certified-img-wrap .icon img {
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.agency__certified-img-wrap .img-1 {
z-index: 1;
max-width: 180px;
height: 320px;
overflow: hidden;
border-radius: 30px;
position: absolute;
top: -45px;
left: 0;
}
.agency__certified-img-wrap .img-1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.agency__certified-img-wrap .img-2 {
max-width: 322px;
height: 410px;
border-radius: 30px 30px 30px 190px;
overflow: hidden;
text-align: right;
margin-left: auto;
}
.agency__certified-img-wrap .img-2 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.agency__certified-content {
display: flex;
align-items: center;
gap: 45px;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__certified-content {
flex-wrap: wrap;
justify-content: center;
padding-top: 40px;
}
}
.agency__certified-content-left {
flex: 0 0 auto;
width: 100%;
max-width: 415px;
}
.agency__certified-item {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 20px;
}
.agency__certified-item-wrap {
display: flex;
flex-wrap: wrap;
grid-gap: 22px 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__certified-item-wrap {
grid-gap: 22px 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__certified-item-wrap {
justify-content: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__certified-item {
width: 36%;
}
}
@media (max-width: 767px) {
.agency__certified-item {
width: 100%;
}
}
.agency__certified-item .icon {
width: 57px;
height: 60px;
background-color: var(--clr-common-white);
text-align: center;
line-height: 57px;
border-radius: 10px;
}
.agency__certified-item .content a {
display: inline-block;
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
line-height: 1;
}
.agency__certified-item .content a:hover {
color: var(--clr-theme-primary);
}
.agency__certified-item .content span {
line-height: 1;
display: block;
line-height: 30px;
font-size: 16px;
text-transform: capitalize;
color: var(--clr-theme-primary);
}
.agency__certified-pera {
font-size: 25px;
font-weight: 300;
color: #faf8f8;
line-height: 1.32;
margin-bottom: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__certified-pera {
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__certified-btn-wrap {
text-align: center;
}
}
.agency__portfolio-area {
background-color: #02050a;
position: relative;
}
.agency__portfolio-bg-shape-1 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.agency__portfolio-bg-shape-1 img {
width: 100%;
height: 100%;
}
.agency__portfolio-item {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding: 45px 0;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.agency__portfolio-item:not(:first-child) {
border-top: 3px solid #111111;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__portfolio-item {
flex-wrap: wrap;
gap: 40px 0;
}
}
@media (max-width: 767px) {
.agency__portfolio-item {
flex-wrap: wrap;
gap: 25px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__portfolio-item {
flex-wrap: wrap;
gap: 40px 0;
}
}
.agency__portfolio-item .logo {
position: relative;
width: 81px;
height: 81px;
background-color: #faf8f8;
border-radius: 50%;
line-height: 81px;
text-align: center;
margin-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__portfolio-item .logo {
width: 70px;
height: 70px;
line-height: 70px;
margin-right: 20px;
}
}
@media (max-width: 767px) {
.agency__portfolio-item .logo {
width: 70px;
height: 70px;
line-height: 70px;
margin-right: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__portfolio-item .logo {
width: 81px;
height: 81px;
line-height: 81px;
margin-right: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__portfolio-item .logo img {
width: 40px;
}
}
@media (max-width: 767px) {
.agency__portfolio-item .logo img {
width: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__portfolio-item .logo img {
width: auto;
}
}
.agency__portfolio-item .logo .count {
display: inline-block;
font-size: 18px;
font-weight: 400;
color: #02050a;
background-color: var(--clr-theme-primary);
line-height: 28px;
width: 28px;
height: 28px;
border-radius: 50%;
position: absolute;
left: 0;
top: -6px;
}
.agency__portfolio-item .title {
font-size: 32px;
line-height: 1.25;
color: #faf8f8;
margin-bottom: 0;
font-weight: 500;
font-family: "Jost", sans-serif;
width: 100%;
max-width: 225px;
flex: 0 0 auto;
margin-right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__portfolio-item .title {
font-size: 26px;
max-width: 190px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__portfolio-item .title {
font-size: 27px;
}
}
@media (max-width: 767px) {
.agency__portfolio-item .title {
font-size: 24px;
width: 66%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__portfolio-item .title {
font-size: 30px;
width: 100%;
}
}
.agency__portfolio-item .img {
width: 160px;
height: 85px;
border-radius: 43px;
overflow: hidden;
margin-left: -32px;
transition: ease-in-out 0.3s;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__portfolio-item .img {
transform: translateX(0);
left: 10%;
top: 55%;
}
}
@media (max-width: 767px) {
.agency__portfolio-item .img {
transform: translateX(0);
left: 13%;
top: 70%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__portfolio-item .img {
transform: translateX(0);
left: 6%;
top: 67%;
}
}
.agency__portfolio-item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.agency__portfolio-item .img-wrap {
position: relative;
}
.agency__portfolio-item .contnet {
width: 100%;
max-width: 290px;
flex: 0 0 auto;
margin-left: auto;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__portfolio-item .contnet {
max-width: 220px;
}
}
@media (max-width: 767px) {
.agency__portfolio-item .contnet {
max-width: 100%;
}
}
.agency__portfolio-item .contnet span {
display: block;
font-size: 23px;
font-weight: 500;
line-height: 1.26;
color: #faf8f8;
margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__portfolio-item .contnet span {
font-size: 20px;
}
}
.agency__portfolio-item .contnet p {
font-size: 23px;
font-weight: 300;
color: #d5d5d5;
line-height: 1.3;
margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__portfolio-item .contnet p {
font-size: 18px;
}
}
.agency__portfolio-item .icon {
width: 109px;
height: 109px;
text-align: right;
border-radius: 50%;
line-height: 109px;
font-size: 24px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__portfolio-item .icon {
width: 70px;
height: 70px;
line-height: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__portfolio-item .icon {
margin-left: auto;
width: 70px;
height: 70px;
line-height: 70px;
}
}
.agency__portfolio-item .icon i {
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.agency__portfolio-item:hover .title {
color: var(--clr-theme-primary);
}
.agency__portfolio-item:hover .img {
width: 332px;
height: 255px;
border-radius: 30px 30px 30px 190px;
position: absolute;
left: 50%;
top: 45px;
transform: translateX(-50%);
z-index: 2;
transition: ease-out 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__portfolio-item:hover .img {
width: 270px;
height: 190px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__portfolio-item:hover .img {
transform: translateX(0);
left: 10%;
top: 55%;
width: 220px;
height: 170px;
}
}
@media (max-width: 767px) {
.agency__portfolio-item:hover .img {
transform: translateX(0);
left: 13%;
top: 70%;
width: 190px;
height: 180px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__portfolio-item:hover .img {
transform: translateX(0);
left: 6%;
top: 67%;
width: 225px;
height: 200px;
}
}
.agency__portfolio-item:hover .contnet span, .agency__portfolio-item:hover .contnet p {
color: var(--clr-theme-primary);
}
.agency__portfolio-item:hover .icon {
background-color: var(--clr-theme-primary);
text-align: center;
color: var(--clr-common-black);
margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__portfolio-item:hover .icon {
margin-left: auto;
}
}
.gst__portfolio-2-area {
margin-top: -300px;
}
.gst__portfolio-2-slider-item {
width: 100%;
position: relative;
display: inline-block;
}
.gst__portfolio-2-slider-item .img {
width: 100%;
height: 640px;
overflow: hidden;
border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__portfolio-2-slider-item .img {
width: 100%;
height: 500px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__portfolio-2-slider-item .img {
width: 100%;
height: 500px;
}
}
@media (max-width: 767px) {
.gst__portfolio-2-slider-item .img {
width: 100%;
height: 400px;
}
}
.gst__portfolio-2-slider-item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__portfolio-2-slider-item .btn-position {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__portfolio-2-slider-item .portfolio-2-btn {
position: relative;
display: inline-block;
width: 148px;
height: 148px;
border-radius: 50%;
text-align: center;
line-height: 148px;
border: 3px solid #fff;
font-size: 45px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media (max-width: 767px) {
.gst__portfolio-2-slider-item .portfolio-2-btn {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 30px;
}
}
.gst__portfolio-2-slider-item .portfolio-2-btn i {
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__portfolio-2-slider-item .portfolio-2-btn::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(5px);
z-index: -1;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__portfolio-2-slider-item .portfolio-2-btn::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
z-index: -1;
transform: scale(0);
opacity: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__portfolio-2-slider-item .portfolio-2-btn:hover {
border-color: transparent;
}
.gst__portfolio-2-slider-item .portfolio-2-btn:hover::before {
transform: scale(1);
opacity: 1;
}
.gst__portfolio-2-slider-item .portfolio-2-btn:hover::after {
opacity: 0;
}
.gst__portfolio-2-slider-item .portfolio-2-btn:hover i {
rotate: 0deg;
}
.gst__portfolio-2-slider-item .contnet {
position: absolute;
left: -50%;
bottom: 60px;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.gst__portfolio-2-slider-item .contnet .subtitle {
font-size: 20px;
line-height: 1.55;
background-color: #5969FC;
display: inline-block;
border-radius: 5px;
padding: 7px 20px;
margin-bottom: 0;
transform: translateX(-100%);
-webkit-transition: all 0.9s linear 0s;
-moz-transition: all 0.9s linear 0s;
-ms-transition: all 0.9s linear 0s;
-o-transition: all 0.9s linear 0s;
transition: all 0.9s linear 0s;
}
@media (max-width: 767px) {
.gst__portfolio-2-slider-item .contnet .subtitle {
font-size: 16px;
}
}
.gst__portfolio-2-slider-item .contnet .title {
display: inline-block;
font-size: 32px;
font-weight: 400;
color: #090919;
line-height: 1;
background-color: #fff;
padding: 15px 20px;
border-radius: 5px;
}
@media (max-width: 767px) {
.gst__portfolio-2-slider-item .contnet .title {
font-size: 22px;
}
}
.gst__portfolio-2-slider .swiper-container {
position: relative;
overflow: hidden;
}
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide {
width: 935px;
height: 640px;
overflow: hidden;
border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide {
width: 600px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide {
width: 600px;
height: 500px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide {
width: 600px;
height: 500px;
}
}
@media (max-width: 767px) {
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide {
width: 100%;
height: 400px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide {
width: 80%;
height: 400px;
}
}
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) {
box-shadow: 0px 0px 40px 0px rgba(85, 230, 165, 0.3);
}
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gst__portfolio-2-slider-item .contnet {
left: 60px;
}
@media (max-width: 767px) {
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gst__portfolio-2-slider-item .contnet {
left: 25px;
bottom: 25px;
}
}
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gst__portfolio-2-slider-item .contnet .subtitle {
transform: translateX(0px);
}
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gst__portfolio-2-slider-item .btn-position {
opacity: 1;
visibility: visible;
}
.gst__portfolio-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gst__portfolio-2-slider-item .btn-position .portfolio-2-btn i {
rotate: -45deg;
}
.gst__portfolio-2-slider-btn-wrap {
width: 100%;
max-width: 1290px;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
left: 0;
right: 0;
bottom: 58px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gst__portfolio-2-slider-btn-wrap {
padding: 0 40px;
}
}
@media (max-width: 767px) {
.gst__portfolio-2-slider-btn-wrap {
position: unset;
padding: 0 40px;
padding-top: 40px;
}
}
.gst__portfolio-2-slider-btn-wrap .left-btn, .gst__portfolio-2-slider-btn-wrap .right-btn {
font-size: 40px;
position: relative;
opacity: 0.6;
cursor: pointer;
}
.gst__portfolio-2-slider-btn-wrap .left-btn::after {
position: absolute;
content: "";
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #fff;
background: transparent;
left: -15px;
top: -4px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__portfolio-2-slider-btn-wrap .left-btn:hover::after {
background-color: #5969FC;
border-color: transparent;
opacity: 0.5;
}
.gst__portfolio-2-slider-btn-wrap .right-btn::after {
position: absolute;
content: "";
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #fff;
background: transparent;
right: -15px;
top: -4px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__portfolio-2-slider-btn-wrap .right-btn:hover::after {
background-color: #5969FC;
border-color: transparent;
opacity: 0.5;
}
.agency__marquee-area {
overflow: hidden;
}
.agency__marquee-wrap {
display: flex;
justify-content: flex-start;
gap: 0 35px;
animation: marquee-animation 15s linear infinite;
}
.agency__marquee-wrap .text-normal {
font-size: 250px;
margin-bottom: 0;
line-height: 1;
color: #faf8f8;
text-transform: uppercase;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.agency__marquee-wrap .text-normal {
font-size: 220px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__marquee-wrap .text-normal {
font-size: 200px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__marquee-wrap .text-normal {
font-size: 160px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__marquee-wrap .text-normal {
font-size: 120px;
}
}
@media (max-width: 767px) {
.agency__marquee-wrap .text-normal {
font-size: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__marquee-wrap .text-normal {
font-size: 90px;
}
}
.agency__marquee-wrap .stoke-text {
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #faf8f8;
color: transparent;
font-size: 250px;
margin-bottom: 0;
line-height: 1;
text-transform: uppercase;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.agency__marquee-wrap .stoke-text {
font-size: 220px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__marquee-wrap .stoke-text {
font-size: 200px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__marquee-wrap .stoke-text {
font-size: 160px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__marquee-wrap .stoke-text {
font-size: 120px;
}
}
@media (max-width: 767px) {
.agency__marquee-wrap .stoke-text {
font-size: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__marquee-wrap .stoke-text {
font-size: 90px;
}
}
.gst__marquee-2-wrap {
overflow: hidden;
padding-top: 60px;
padding-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__marquee-2-wrap {
padding-top: 0px;
padding-bottom: 0px;
}
}
.gst__marquee-2-content-1 {
display: flex;
justify-content: flex-start;
gap: 0 105px;
animation: marquee-animation 15s linear infinite;
}
.gst__marquee-2-content-1-bg {
background-color: #5969FC;
padding: 28px 0;
rotate: 3.5deg;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__marquee-2-content-1-bg {
rotate: 0deg;
}
}
.gst__marquee-2-content-1-item {
white-space: nowrap;
}
.gst__marquee-2-content-1-item .text {
font-size: 34px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 0;
font-family: "enoway-oblique";
}
.gst__marquee-2-content-1-item .text .icon {
margin-right: 5px;
margin-top: -15px;
}
.gst__marquee-2-content-2 {
display: flex;
justify-content: flex-start;
gap: 0 105px;
animation: marquee-right-animation 15s linear infinite;
}
.gst__marquee-2-content-2-bg {
background-color: #55E6A5;
padding: 28px 0;
rotate: -3.5deg;
margin-top: -92px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__marquee-2-content-2-bg {
rotate: 0deg;
margin-top: 0;
}
}
.gst__marquee-2-content-2-item {
white-space: nowrap;
}
.gst__marquee-2-content-2-item .text {
font-size: 34px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 0;
color: #131928;
font-family: "enoway-oblique";
}
.gst__marquee-2-content-2-item .text .icon {
margin-right: 5px;
margin-top: -15px;
}
.gst__text-slide-area {
overflow: hidden;
padding-top: 30px;
}
.gst__text-slide-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
animation: marquee-animation 20s linear infinite;
}
.gst__text-slide-item {
font-size: 92px;
margin-bottom: 0;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__text-slide-item {
font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__text-slide-item {
font-size: 60px;
}
}
@media (max-width: 767px) {
.gst__text-slide-item {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__text-slide-item {
font-size: 50px;
}
}
.gst__text-slide-item img {
margin-top: -40px;
}
.gst__text-slide-item:is(.style-1) {
background: var(--linear, linear-gradient(0deg, #495BFF 54%, #55E6A5 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gst__text-slide-item:is(.style-2) {
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #faf8f8;
color: transparent;
}
.gst__text-slide-item:is(.style-3) {
color: #5969FC;
}
.gst__text-slide-item:is(.style-4) {
color: #55E6A5;
}
.gst__text-slide-item:is(.style-5) {
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #495BFF;
color: transparent;
}
.gst__marquee-3-area {
overflow: hidden;
background-color: #131928;
}
.gst__marquee-3-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
animation: marquee-animation 20s linear infinite;
}
.gst__marquee-3-wrap .marquee-3-text {
font-size: 191px;
line-height: 1;
margin-bottom: 0;
white-space: nowrap;
flex: 0 0 auto;
}
.gst__marquee-3-wrap .marquee-3-text span {
display: inline-block;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__marquee-3-wrap .marquee-3-text {
font-size: 150px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__marquee-3-wrap .marquee-3-text {
font-size: 120px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__marquee-3-wrap .marquee-3-text {
font-size: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__marquee-3-wrap .marquee-3-text {
font-size: 70px;
}
}
@media (max-width: 767px) {
.gst__marquee-3-wrap .marquee-3-text {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__marquee-3-wrap .marquee-3-text {
font-size: 50px;
}
}
.gst__text-slide-3-area {
overflow: hidden;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
}
.gst__text-slide-3-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
animation: marquee-animation 20s linear infinite;
}
.gst__text-slide-3-item {
font-size: 92px;
margin-bottom: 0;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__text-slide-3-item {
font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__text-slide-3-item {
font-size: 60px;
}
}
@media (max-width: 767px) {
.gst__text-slide-3-item {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__text-slide-3-item {
font-size: 50px;
}
}
.gst__text-slide-3-item img {
margin-top: -40px;
}
.gst__text-slide-3-item:is(.style-2) {
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #faf8f8;
color: transparent;
}
.gst__text-slide-3-item:is(.style-3) {
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #131928;
color: transparent;
}
.gst__text-slide-3-item:is(.style-4) {
color: #131928;
}
.gst__text-slide-3-item:is(.style-5) {
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;
color: transparent;
}
.gst__marquee-4-wrap {
overflow: hidden;
padding-top: 35px;
padding-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__marquee-4-wrap {
padding-top: 0px;
padding-bottom: 0px;
}
}
.gst__marquee-4-content-1-bg {
background-color: #5969FC;
rotate: 2deg;
width: 100%;
height: 100px;
}
.gst__marquee-4-content-2 {
display: flex;
justify-content: flex-start;
gap: 0 105px;
animation: marquee-right-animation 15s linear infinite;
}
.gst__marquee-4-content-2-bg {
background-color: var(--clr-common-white);
padding: 28px 0;
rotate: -2deg;
margin-top: -92px;
}
.gst__marquee-4-content-2-item {
white-space: nowrap;
}
.gst__marquee-4-content-2-item .text {
font-size: 34px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 0;
font-family: "enoway-oblique";
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gst__marquee-4-content-2-item .text .icon {
margin-right: 5px;
margin-top: -15px;
}
.agency__our-team-wrap {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin-right: -35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__our-team-wrap {
margin: 0;
gap: 0 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__our-team-wrap {
margin: 0;
gap: 30px 40px;
flex-wrap: wrap;
margin-top: 50px;
}
}
.agency__our-team-logo-bg-shape {
position: absolute;
z-index: -2;
top: 30%;
left: 18px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__our-team-logo-bg-shape {
top: 31%;
left: 2%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__our-team-logo-bg-shape {
top: 30%;
left: 48px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__our-team-logo-bg-shape {
top: 30%;
left: 60px;
}
}
@media (max-width: 767px) {
.agency__our-team-logo-bg-shape {
top: 30%;
left: -14%;
height: 186px;
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__our-team-logo-bg-shape {
top: 31%;
left: -10px;
height: auto;
display: inline-block;
}
}
.agency__our-team-logo-bg-shape-2 {
position: absolute;
z-index: -3;
rotate: 1deg;
top: 30%;
left: 60px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__our-team-logo-bg-shape-2 {
top: 31%;
left: 2%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__our-team-logo-bg-shape-2 {
top: 30%;
left: 48px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__our-team-logo-bg-shape-2 {
top: 30%;
left: 60px;
}
}
@media (max-width: 767px) {
.agency__our-team-logo-bg-shape-2 {
top: 30%;
left: -14%;
height: 186px;
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__our-team-logo-bg-shape-2 {
top: 31%;
left: -10px;
height: auto;
display: inline-block;
}
}
.agency__our-team-content {
display: none;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.agency__our-team-content {
width: 50%;
}
}
@media (max-width: 767px) {
.agency__our-team-content {
width: 100%;
margin-top: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__our-team-content {
margin-left: auto;
margin-right: auto;
margin-top: 40px;
margin-bottom: 40px;
}
}
.agency__our-team-content .title {
font-size: 38px;
font-weight: 600;
color: #faf8f8;
line-height: 1;
font-family: "Jost", sans-serif;
margin-bottom: 0;
}
@media (max-width: 767px) {
.agency__our-team-content .title {
font-size: 32px;
}
}
@media (max-width: 767px) {
.agency__our-team-content .title {
font-size: 38px;
}
}
.agency__our-team-content p {
font-size: 18px;
font-weight: 300;
line-height: 30px;
color: var(--clr-theme-primary);
}
.agency__our-team-logo-wrap {
display: flex;
max-width: 230px;
flex-wrap: wrap;
gap: 10px;
rotate: -10deg;
margin-top: 39px;
margin-bottom: 60px;
}
.agency__our-team-logo-wrap .logo {
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
line-height: 60px;
background-color: #111111;
}
.agency__our-team-membar {
position: relative;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
display: flex;
align-items: center;
gap: 0 30px;
width: 280px;
flex: 0 0 auto;
}
@media (max-width: 767px) {
.agency__our-team-membar {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__our-team-membar {
flex-wrap: nowrap;
}
}
.agency__our-team-membar .img {
flex: 0 0 auto;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
width: 280px;
height: 530px;
overflow: hidden;
border-radius: 0px 0px 108px 108px;
position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__our-team-membar .img {
width: 225px;
}
}
.agency__our-team-membar .img::after {
position: absolute;
content: "";
width: 230px;
height: 470px;
border-radius: 108px;
left: 0;
top: 55px;
background-color: #1c1b1b;
z-index: -1;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.agency__our-team-membar .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.agency__our-team-membar:is(.active) {
width: auto;
}
@media (max-width: 767px) {
.agency__our-team-membar:is(.active) {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__our-team-membar:is(.active) {
width: auto;
}
}
.agency__our-team-membar:is(.active) .agency__our-team-content {
display: block;
}
.agency__our-team-membar:is(.active) .agency__our-team-logo-bg-shape {
left: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__our-team-membar:is(.active) .agency__our-team-logo-bg-shape {
left: -10px;
}
}
.agency__our-team-membar:is(.active) .agency__our-team-logo-bg-shape-2 {
left: 60px;
rotate: 0deg;
transition-delay: ease-out 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__our-team-membar:is(.active) .agency__our-team-logo-bg-shape-2 {
left: -10px;
}
}
.agency__our-team-membar:is(.active) .agency__our-team-logo-bg-shape {
opacity: 1;
visibility: visible;
}
.agency__our-team-membar:is(.active) .agency__our-team-logo-bg-shape-2 {
opacity: 1;
transition-delay: 0.5s;
visibility: visible;
}
.agency__our-team-membar:is(.active) .img::after {
background-color: var(--clr-theme-primary);
}
.membar-2-bg {
background-color: #131928;
}
.gst__team-membar-2-area {
position: relative;
padding-bottom: 365px;
}
.gst__team-membar-2-area .membar-2-bg-shape-1 {
position: absolute;
right: 0;
top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__team-membar-2-section-title {
margin-bottom: 30px;
}
}
.gst__team-membar-2-btn-wrap {
display: flex;
justify-content: end;
align-items: end;
height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__team-membar-2-btn-wrap {
justify-content: flex-start;
}
}
.gst__team-membar-2-btn-wrap .gesto__btn-2 {
margin-bottom: 20px;
}
.gst__team-membar-2-parson-wrap {
display: flex;
gap: 30px;
align-items: end;
min-height: 600px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__team-membar-2-parson-wrap {
flex-wrap: wrap;
}
}
.gst__team-membar-2-parson-bg {
width: 100%;
max-width: 410px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
padding-top: 15px;
position: relative;
border-bottom: 4px solid;
border-bottom-color: transparent;
border-radius: 10px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__team-membar-2-parson-bg {
max-width: 48%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__team-membar-2-parson-bg {
max-width: 47.5%;
}
}
@media (max-width: 767px) {
.gst__team-membar-2-parson-bg {
max-width: 100%;
}
}
.gst__team-membar-2-parson-bg::after {
position: absolute;
width: 100%;
height: 100%;
content: "";
background-color: #070D1D;
left: 0;
bottom: 0;
border-radius: 10px;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.gst__team-membar-2-parson-bg:is(.active) {
border-bottom-color: #4D7EE9;
}
.gst__team-membar-2-parson-bg:is(.active)::after {
height: 405px;
}
.gst__team-membar-2-parson-bg:is(.active) .gst__team-membar-2-parson-contant {
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__team-membar-2-parson-bg:is(.active) .gst__team-membar-2-parson-contant {
padding-right: 0;
padding-left: 0;
}
}
.gst__team-membar-2-parson-bg:is(.active) .gst__team-membar-2-parson-contant .img {
height: 458px;
}
.gst__team-membar-2-parson-bg:is(.active) .gst__team-membar-2-parson-contant .img .social-link {
bottom: 0%;
}
.gst__team-membar-2-parson-bg:is(.active) .gst__team-membar-2-parson-contant .img .social-link li:nth-child(1) {
transform: translateY(0px);
}
.gst__team-membar-2-parson-bg:is(.active) .gst__team-membar-2-parson-contant .img .social-link li:nth-child(2) {
transform: translateY(0px);
}
.gst__team-membar-2-parson-bg:is(.active) .gst__team-membar-2-parson-contant .content {
padding-left: 0;
padding-right: 0;
}
.gst__team-membar-2-parson-bg:is(.active) .gst__team-membar-2-parson-contant .content .icon .last {
opacity: 1;
top: 50%;
}
.gst__team-membar-2-parson-bg:is(.active) .gst__team-membar-2-parson-contant .content .icon .frist {
opacity: 0;
}
.gst__team-membar-2-parson-contant {
position: relative;
z-index: 1;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.gst__team-membar-2-parson-contant .img {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
border-radius: 10px;
margin-bottom: 25px;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__team-membar-2-parson-contant .img {
height: 458px;
}
}
.gst__team-membar-2-parson-contant .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__team-membar-2-parson-contant .img .social-link {
position: absolute;
bottom: -40%;
right: 0%;
width: 62px;
border-radius: 10px 0px 0px 0px;
overflow: hidden;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.gst__team-membar-2-parson-contant .img .social-link li:nth-child(1) {
transform: translateY(160px);
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s;
}
.gst__team-membar-2-parson-contant .img .social-link li:nth-child(2) {
transform: translateY(160px);
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.gst__team-membar-2-parson-contant .img .social-link li a {
display: block;
width: 100%;
height: 62px;
text-align: center;
line-height: 62px;
font-size: 25px;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
}
.gst__team-membar-2-parson-contant .img .social-link li a:hover {
background: var(--linear, linear-gradient(250deg, #495BFF 25%, #55E6A5 100%));
}
.gst__team-membar-2-parson-contant .content {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 15px;
padding-right: 15px;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.gst__team-membar-2-parson-contant .content .name-wrap .name {
display: block;
text-transform: uppercase;
font-size: 28px;
line-height: 1.14;
color: var(--clr-common-white);
font-family: "enoway parsonal use";
margin-bottom: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__team-membar-2-parson-contant .content .name-wrap .name {
font-size: 24px;
}
}
@media (max-width: 767px) {
.gst__team-membar-2-parson-contant .content .name-wrap .name {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__team-membar-2-parson-contant .content .name-wrap .name {
font-size: 28px;
}
}
.gst__team-membar-2-parson-contant .content .name-wrap .bio {
display: block;
font-size: 18px;
line-height: 28px;
color: #5969FC;
text-transform: uppercase;
font-weight: 400;
}
@media (max-width: 767px) {
.gst__team-membar-2-parson-contant .content .name-wrap .bio {
font-size: 16px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__team-membar-2-parson-contant .content .name-wrap .bio {
font-size: 18px;
}
}
.gst__team-membar-2-parson-contant .content .icon {
display: block;
width: 54px;
height: 54px;
background-color: #131928;
text-align: center;
line-height: 54px;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.gst__team-membar-2-parson-contant .content .icon .last {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, -50%);
opacity: 0;
}
.gst__team-membar-3-area {
position: relative;
}
.gst__team-membar-3-area .team-3-bg-shape-2 {
position: absolute;
top: 0;
left: 0;
}
.gst__team-membar-3-area .team-3-bg-shape-1 {
position: absolute;
top: 0;
right: 0;
}
.gst__team-membar-3-section-title-mt {
margin-top: -55px;
}
.gst__team-membar-3-section-title .gst__section-title-1 {
color: #131928;
}
.gst__team-membar-3-single {
position: relative;
background: linear-gradient(180deg, rgba(19, 25, 40, 0) 56.77%, rgba(19, 25, 40, 0.1) 100%);
text-align: center;
padding-left: 55px;
padding-right: 55px;
padding-top: 15px;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__team-membar-3-single {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 767px) {
.gst__team-membar-3-single {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__team-membar-3-single {
padding-left: 55px;
padding-right: 55px;
}
}
.gst__team-membar-3-single .membar-3-bg-text-1 {
font-size: 61px;
color: #131928;
line-height: 1;
writing-mode: vertical-lr;
text-transform: uppercase;
margin: 0;
position: absolute;
top: 20px;
left: -22%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__team-membar-3-single .membar-3-bg-text-1 {
font-size: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__team-membar-3-single .membar-3-bg-text-1 {
font-size: 40px;
}
}
@media (max-width: 767px) {
.gst__team-membar-3-single .membar-3-bg-text-1 {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__team-membar-3-single .membar-3-bg-text-1 {
font-size: 50px;
}
}
.gst__team-membar-3-single .membar-3-bg-text-2 {
font-size: 26px;
line-height: 1;
color: #5969FC;
writing-mode: vertical-lr;
text-transform: uppercase;
margin: 0;
position: absolute;
top: 40%;
right: -16%;
opacity: 0;
visibility: hidden;
transform: translateY(-50%);
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__team-membar-3-single .membar-3-bg-text-2 {
font-size: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__team-membar-3-single .membar-3-bg-text-2 {
font-size: 20px;
}
}
@media (max-width: 767px) {
.gst__team-membar-3-single .membar-3-bg-text-2 {
font-size: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__team-membar-3-single .membar-3-bg-text-2 {
font-size: 30px;
}
}
.gst__team-membar-3-single .membar-3-img {
position: relative;
width: 100%;
height: 418px;
overflow: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__team-membar-3-single .membar-3-img {
height: 500px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__team-membar-3-single .membar-3-img {
height: 580px;
}
}
.gst__team-membar-3-single .membar-3-img img {
width: 100%;
object-fit: cover;
}
.gst__team-membar-3-single .membar-3-img .img-line {
display: block;
width: 100%;
height: 12px;
background-color: #55E6A5;
position: absolute;
bottom: 0;
left: 0;
border-radius: 50px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__team-membar-3-single .membar-3-content {
padding-top: 33px;
padding-bottom: 30px;
height: 130px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__team-membar-3-single .membar-3-content .name {
font-size: 28px;
line-height: 1.14;
color: #131928;
text-transform: uppercase;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.gst__team-membar-3-single .membar-3-content .name {
font-size: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__team-membar-3-single .membar-3-content .name {
font-size: 26px;
}
}
.gst__team-membar-3-single .membar-3-content .bio {
display: block;
font-size: 18px;
line-height: 28px;
color: #5969FC;
text-transform: uppercase;
}
.gst__team-membar-3-single .membar-3-social-link {
position: absolute;
bottom: -15%;
left: 0;
right: 0;
width: 100%;
padding: 25px 0;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__team-membar-3-single .membar-3-social-link .link {
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
line-height: 42px;
color: var(--clr-common-white);
border: 1.5px solid #fff;
border-radius: 50%;
margin: 0 13px;
}
.gst__team-membar-3-single .membar-3-social-link .link:hover {
background-color: var(--clr-common-white);
color: #131928;
}
.gst__team-membar-3-single:hover {
background: linear-gradient(180deg, rgba(89, 105, 252, 0) 11.46%, rgba(89, 105, 252, 0.1) 72.92%);
}
.gst__team-membar-3-single:hover .membar-3-bg-text-1 {
left: 0%;
opacity: 0.1;
visibility: visible;
}
.gst__team-membar-3-single:hover .membar-3-bg-text-2 {
right: 10px;
opacity: 0.2;
visibility: visible;
}
.gst__team-membar-3-single:hover .membar-3-img {
height: 465px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__team-membar-3-single:hover .membar-3-img {
height: 547px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__team-membar-3-single:hover .membar-3-img {
height: 627px;
}
}
.gst__team-membar-3-single:hover .membar-3-content {
height: 83px;
}
.gst__team-membar-3-single:hover .membar-3-img .img-line {
width: 0;
}
.gst__team-membar-3-single:hover .membar-3-social-link {
bottom: 0%;
opacity: 1;
visibility: visible;
}
.agency__work-img-wrap {
padding-right: 55px;
position: relative;
}
@media (max-width: 767px) {
.agency__work-img-wrap {
padding-right: 0;
}
}
.agency__work-img {
position: relative;
height: 618px;
width: 100%;
border-radius: 40px 40px 40px 190px;
overflow: hidden;
}
.agency__work-img::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 100%;
background: rgb(2, 0, 36);
background: linear-gradient(15deg, rgb(0, 0, 0) 0%, rgba(9, 9, 121, 0) 50%);
}
.gto-team-4-item {
position: relative;
text-align: center;
padding: 105px 50px;
margin-bottom: 30px;
}
.gto-team-4-item .bg-shape-1 {
position: absolute;
left: 0;
top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-team-4-item .bg-shape-1 {
width: 100%;
height: 100%;
}
}
.gto-team-4-item .bg-shape-2 {
position: absolute;
left: 0;
top: 0;
z-index: 1;
opacity: 0;
transition: 400ms ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-team-4-item .bg-shape-2 {
width: 100%;
height: 100%;
}
}
.gto-team-4-item .content-wrap {
position: relative;
z-index: 1;
transform: translateY(30px);
transition: 400ms ease;
}
.gto-team-4-item .img-item {
width: 250px;
margin: auto;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-team-4-item .img-item {
width: 200px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-team-4-item .img-item {
width: 90px;
}
}
@media (max-width: 767px) {
.gto-team-4-item .img-item {
width: 150px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-team-4-item .img-item {
width: 250px;
}
}
.gto-team-4-item .img-item .img-bg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
.gto-team-4-item .img-item .main-img {
transition: 400ms all;
position: relative;
width: 100%;
z-index: 1;
}
.gto-team-4-item .heading-4 {
display: block;
font-size: 28px;
line-height: 120%;
font-weight: 800;
color: #fff;
text-transform: uppercase;
margin-bottom: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-team-4-item .heading-4 {
font-size: 24px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-team-4-item .heading-4 {
font-size: 20px;
}
}
@media (max-width: 767px) {
.gto-team-4-item .heading-4 {
font-size: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-team-4-item .heading-4 {
font-size: 28px;
}
}
.gto-team-4-item .bio {
display: block;
background: var(--gd-4);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 16px;
line-height: 150%;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 25px;
transition: 400ms ease;
}
.gto-team-4-item .social-link {
opacity: 0;
}
.gto-team-4-item .social-link li {
display: inline-block;
}
.gto-team-4-item .social-link li:not(:last-child) {
margin-right: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-team-4-item .social-link li:not(:last-child) {
margin-right: 4px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-team-4-item .social-link li:not(:last-child) {
margin-right: 4px;
}
}
.gto-team-4-item .social-link li a {
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid #fff;
display: inline-block;
text-align: center;
line-height: 42px;
font-size: 18px;
color: #fff;
transition: 400ms ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-team-4-item .social-link li a {
width: 32px;
height: 32px;
line-height: 32px;
}
}
.gto-team-4-item .social-link li a:hover {
background-color: #fff;
color: var(--pr-4);
}
.gto-team-4-item:hover .content-wrap {
transform: translateY(20px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-team-4-item:hover .content-wrap {
transform: translateY(0px);
}
}
.gto-team-4-item:hover .bg-shape-2 {
opacity: 1;
}
.gto-team-4-item:hover .img-item .main-img {
width: 210px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-team-4-item:hover .img-item .main-img {
width: 160px;
}
}
.gto-team-4-item:hover .img-item .img-bg {
opacity: 1;
}
.gto-team-4-item:hover .bio {
color: #fff;
background: unset;
background-clip: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
}
.gto-team-4-item:hover .social-link {
opacity: 1;
}
.agency__work-img-wrap .agency__work-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.agency__work-list-position {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.agency__work-list-position {
margin-top: 50px;
position: unset;
transform: translateY(0);
}
}
.agency__work-list-wrap {
position: relative;
background-color: #faf8f8;
border-radius: 50px 50px 150px 50px;
max-width: 310px;
padding: 60px 45px;
}
.agency__work-list-wrap::after {
position: absolute;
content: "";
width: 339px;
z-index: -1;
height: 360px;
border-radius: 153px 139px 115px 250px;
top: 0;
left: -15px;
background-color: var(--clr-theme-primary);
}
@media (max-width: 767px) {
.agency__work-list-wrap::after {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__work-list-wrap::after {
width: 339px;
}
}
.agency__work-list-item {
display: flex;
align-items: center;
gap: 0 22px;
}
.agency__work-list-item:not(:last-child) {
padding-bottom: 25px;
border-bottom: 3px solid #e6e6e6;
}
.agency__work-list-item:not(:first-child) {
padding-top: 25px;
}
.agency__work-list-item .left .icon {
width: 52px;
height: 60px;
border-radius: 4px;
background-color: #f1f1f1;
text-align: center;
line-height: 50px;
}
.agency__work-list-item .left span {
font-size: 12px;
color: #1e1e1e;
background-color: var(--clr-theme-primary);
width: 44px;
display: block;
height: 22px;
border-radius: 11px;
text-align: center;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
margin-left: 4px;
margin-top: -16px;
}
.agency__work-list-item .right .price {
font-size: 15px;
line-height: 1;
color: var(--clr-common-black);
font-weight: 700;
font-family: "Jost", sans-serif;
margin-bottom: 0;
}
.agency__work-list-item .right .price span {
font-weight: 300;
}
.agency__work-list-item .right .title {
font-size: 21px;
line-height: 24px;
font-weight: 700;
color: var(--clr-common-black);
margin-bottom: 0;
font-family: "Jost", sans-serif;
}
.agency__work-content-wrap {
max-width: 370px;
position: absolute;
left: 160px;
bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__work-content-wrap {
left: 115px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__work-content-wrap {
left: 55px;
}
}
@media (max-width: 767px) {
.agency__work-content-wrap {
max-width: 100%;
position: absolute;
left: 0px;
padding: 0 30px;
bottom: unset;
top: 30%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__work-content-wrap {
max-width: 100%;
position: absolute;
left: 45px;
padding: 0 30px;
bottom: unset;
top: 38%;
}
}
.agency__work-content-wrap .title {
font-size: 42px;
font-weight: 600;
color: #faf8f8;
line-height: 1.11;
margin-bottom: 20px;
font-family: "Jost", sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__work-content-wrap .title {
font-size: 32px;
}
}
@media (max-width: 767px) {
.agency__work-content-wrap .title {
font-size: 26px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__work-content-wrap .title {
font-size: 28px;
}
}
.gst__work-3-section-title-mt {
margin-top: -55px;
}
.gst__work-3-section-title .gst__section-title-1 {
color: #131928;
}
.gst__work-3-feature-wrap {
display: flex;
gap: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__work-3-feature-wrap {
flex-wrap: wrap;
}
}
.gst__work-3-feature-item {
text-align: center;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__work-3-feature-item {
width: 46%;
}
}
@media (max-width: 767px) {
.gst__work-3-feature-item {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__work-3-feature-item {
width: 45%;
}
}
.gst__work-3-feature-item .shape-1 {
position: absolute;
right: -100px;
top: 20px;
}
@media (max-width: 767px) {
.gst__work-3-feature-item .shape-1 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__work-3-feature-item .shape-1 {
display: inline-block;
}
}
.gst__work-3-feature-item .shape-2 {
position: absolute;
right: -100px;
top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__work-3-feature-item .shape-2 {
display: none;
}
}
.gst__work-3-feature-item .shape-3 {
position: absolute;
right: -100px;
top: 20px;
}
@media (max-width: 767px) {
.gst__work-3-feature-item .shape-3 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__work-3-feature-item .shape-3 {
display: inline-block;
}
}
.gst__work-3-feature-item .shape-1 .shape-animation, .gst__work-3-feature-item .shape-2 .shape-animation, .gst__work-3-feature-item .shape-3 .shape-animation {
position: relative;
}
.gst__work-3-feature-item .shape-1 .shape-animation::after, .gst__work-3-feature-item .shape-2 .shape-animation::after, .gst__work-3-feature-item .shape-3 .shape-animation::after {
position: absolute;
content: "";
background: rgb(255, 255, 255);
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgba(9, 9, 121, 0) 100%);
height: 100%;
width: 50%;
left: 0%;
top: 0;
animation: move-right 3s linear infinite;
-webkit-animation: move-right 5s linear infinite;
}
.gst__work-3-feature-item .no {
width: 72px;
height: 72px;
text-align: center;
display: inline-block;
line-height: 72px;
border: 1px solid #D9D9D9;
border-radius: 50%;
position: relative;
-webkit-text-stroke-width: 1px;
color: transparent;
-webkit-text-stroke-color: #131928;
font-size: 30px;
font-family: "enoway-oblique";
margin-bottom: 26px;
}
.gst__work-3-feature-item .no::after {
position: absolute;
content: "";
width: 56px;
height: 56px;
left: 50%;
top: 50%;
background-color: #131928;
border-radius: 50%;
opacity: 0.1;
transform: translate(-50%, -50%);
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__work-3-feature-item .title {
font-size: 26px;
line-height: 1.3;
color: #131928;
margin-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__work-3-feature-item .title {
font-size: 22px;
}
}
.gst__work-3-feature-item .text {
font-size: 16px;
font-weight: 400;
line-height: 1.62;
color: #131928;
opacity: 0.75;
margin-bottom: 0;
}
.gst__work-3-feature-item:hover .no::after {
width: 100%;
height: 100%;
}
.agency__project-count-area {
margin-top: -370px;
}
.agency__project-count-wrap {
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.agency__project-count-wrap {
justify-content: space-around;
gap: 0 30px;
}
}
@media (max-width: 767px) {
.agency__project-count-wrap {
justify-content: left;
gap: 50px 30px;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__project-count-wrap {
justify-content: space-around;
gap: 50px 30px;
flex-wrap: wrap;
}
}
.agency__project-count-img {
padding-top: 440px;
padding-bottom: 85px;
}
.agency__project-count-item {
position: relative;
margin: 0 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.agency__project-count-item {
margin: 0 0px;
}
}
@media (max-width: 767px) {
.agency__project-count-item {
margin: 0 30px;
}
.agency__project-count-item::before {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__project-count-item {
margin: 0;
}
}
.agency__project-count-item::after {
position: absolute;
content: "";
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--clr-theme-primary);
left: 0;
top: 0;
z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__project-count-item::after {
width: 30px;
height: 30px;
}
}
.agency__project-count-item:not(:last-child)::before {
position: absolute;
content: "*";
font-size: 50px;
font-family: "enoway parsonal use";
right: -4.5vw;
top: 50%;
color: #faf8f8;
transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__project-count-item:not(:last-child)::before {
right: -6vw;
}
}
@media (max-width: 767px) {
.agency__project-count-item:nth-child(3)::before {
display: none;
}
}
.agency__project-count-item .title {
font-size: 77px;
line-height: 1;
margin-bottom: -5px;
font-family: "enoway-oblique";
margin-bottom: -35px;
}
.agency__project-count-item .title span {
display: inline-block;
font-family: "enoway-oblique";
margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__project-count-item .title {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__project-count-item .title {
font-size: 50px;
}
}
.agency__project-count-item .text {
display: block;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: var(--clr-theme-primary);
margin-left: 5px;
}
.gst__project-count-3-area {
overflow: hidden;
}
.gst__project-count-3-wrap {
position: relative;
display: flex;
border-radius: 15px;
background: var(--linear, linear-gradient(90deg, #EEEAFF 0%, #E6F1FF 48.58%, #DEF8FF 100%));
justify-content: space-around;
align-items: center;
gap: 50px;
padding-top: 50px;
padding-bottom: 70px;
padding-left: 50px;
padding-right: 50px;
}
@media (max-width: 767px) {
.gst__project-count-3-wrap {
flex-wrap: wrap;
gap: 30px;
}
}
.gst__project-count-3-wrap .project-count-3-shape-1 {
position: absolute;
left: -73px;
top: -48px;
z-index: -1;
}
.gst__project-count-3-wrap .project-count-3-shape-2 {
position: absolute;
right: -55px;
bottom: -65px;
z-index: -1;
}
@media (max-width: 767px) {
.gst__project-count-3-item {
width: 100%;
text-align: left;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__project-count-3-item {
width: 45%;
}
}
.gst__project-count-3-item .title {
font-size: 120px;
line-height: 1;
font-family: "enoway-oblique";
margin-bottom: -30px;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #4471FE;
color: transparent;
}
.gst__project-count-3-item .title span {
display: inline-block;
font-family: "enoway-oblique";
line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gst__project-count-3-item .title {
font-size: 60px;
margin-bottom: -10px;
}
}
@media (max-width: 767px) {
.gst__project-count-3-item .title {
font-size: 60px;
margin-bottom: 0;
}
}
.gst__project-count-3-item .text {
display: block;
font-size: 24px;
font-weight: 400;
color: #131928;
line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gst__project-count-3-item .text {
font-size: 20px;
}
}
.agency__blog-left {
padding-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.agency__blog-left {
padding-left: 0;
padding-top: 50px;
}
}
.agency__blog-style-1 .img-wrap {
position: relative;
width: 100%;
height: 436px;
background-color: var(--clr-theme-primary);
border-radius: 90px 90px 105px 90px;
margin-bottom: 24px;
}
.agency__blog-style-1 .img-wrap .img {
display: block;
width: 100%;
height: 434px;
overflow: hidden;
border-radius: 90px 90px 90px 300px;
}
.agency__blog-style-1 .img-wrap .img img {
width: 100%;
height: 100%;
object-fit: cover;
-webkit-transition: all 0.8s linear 0s;
-moz-transition: all 0.8s linear 0s;
-ms-transition: all 0.8s linear 0s;
-o-transition: all 0.8s linear 0s;
transition: all 0.8s linear 0s;
}
.agency__blog-style-1 .img-wrap .date {
font-size: 33px;
font-weight: 900;
line-height: 1;
color: var(--clr-common-black);
text-transform: uppercase;
position: absolute;
bottom: 10px;
left: 45px;
font-family: "Jost", sans-serif;
}
@media (max-width: 767px) {
.agency__blog-style-1 .img-wrap .date {
left: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__blog-style-1 .img-wrap .date {
left: 45px;
}
}
.agency__blog-style-1 .img-wrap .date span {
font-size: 16px;
font-weight: 400;
display: block;
}
.agency__blog-style-1 .blog-title {
font-size: 35px;
font-weight: 600;
line-height: 1.28;
margin-bottom: 0;
font-family: "Jost", sans-serif;
}
@media (max-width: 767px) {
.agency__blog-style-1 .blog-title {
font-size: 26px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__blog-style-1 .blog-title {
font-size: 34px;
}
}
.agency__blog-style-1 .blog-title:hover {
color: var(--clr-theme-primary);
}
.agency__blog-style-1:hover .img-wrap .img {
border-radius: 90px 230px 90px 300px;
}
.agency__blog-style-1:hover .img-wrap .img img {
transform: scale(1.1);
}
.agency__blog-style-2 {
display: flex;
align-items: center;
gap: 50px;
}
@media (max-width: 767px) {
.agency__blog-style-2 {
gap: 30px;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__blog-style-2 {
gap: 30px;
flex-wrap: nowrap;
}
}
.agency__blog-style-2 .img-wrap {
position: relative;
width: 215px;
height: 192px;
background-color: var(--clr-theme-primary);
border-radius: 35px;
flex: 0 0 auto;
}
@media (max-width: 767px) {
.agency__blog-style-2 .img-wrap {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__blog-style-2 .img-wrap {
width: 215px;
}
}
.agency__blog-style-2 .img-wrap .img {
display: block;
width: 100%;
height: 190px;
overflow: hidden;
border-radius: 30px 30px 30px 170px;
}
.agency__blog-style-2 .img-wrap .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.agency__blog-style-2 .img-wrap .date {
font-size: 24px;
font-weight: 900;
line-height: 1;
color: var(--clr-common-black);
text-transform: uppercase;
position: absolute;
bottom: 10px;
left: 16px;
font-family: "Jost", sans-serif;
margin-bottom: 0;
}
.agency__blog-style-2 .img-wrap .date span {
font-size: 12px;
font-weight: 400;
display: block;
}
.agency__blog-style-2 .blog-title {
font-size: 32px;
font-weight: 600;
line-height: 1.28;
margin-bottom: 5px;
font-family: "Jost", sans-serif;
}
@media (max-width: 767px) {
.agency__blog-style-2 .blog-title {
font-size: 24px;
}
}
.agency__blog-style-2 .blog-title:hover {
color: var(--clr-theme-primary);
}
.agency__blog-style-2 .blog-para {
font-size: 23px;
line-height: 30px;
color: #d5d5d5;
font-weight: 300;
margin-bottom: 0;
}
.agency__blog-style-2:hover .img-wrap .img {
border-radius: 35px 160px 35px 300px;
}
.agency__blog-style-2:hover .img-wrap .img img {
transform: scale(1.1);
}
.gst__blog-2-wrap {
padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__blog-2-wrap {
padding-left: 0px;
padding-top: 50px;
}
}
.gst__blog-2-section-title {
margin-right: -40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__blog-2-section-title {
margin-right: 0px;
}
}
.gst__blog-2-single {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
border-bottom: 2px solid rgba(255, 255, 255, 0.15);
min-height: 285px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__blog-2-single {
gap: 30px;
}
}
@media (max-width: 767px) {
.gst__blog-2-single {
flex-wrap: wrap;
}
}
.gst__blog-2-single:nth-child(1) {
border-top: 2px solid rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__blog-2-single-btn-wrap {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.gst__blog-2-single .blog-2-left {
padding-top: 45px;
}
}
.gst__blog-2-single .blog-2-meta-wrap {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.gst__blog-2-single .blog-2-meta-wrap .blog-2-date-wrap {
display: inline-flex;
align-items: center;
gap: 10px;
margin-right: 20px;
}
.gst__blog-2-single .blog-2-meta-wrap .blog-2-date-wrap .date {
display: inline-block;
font-size: 18px;
font-weight: 400;
line-height: 1;
color: #55E6A5;
}
.gst__blog-2-single .blog-2-meta-wrap .blog-2-date-wrap .line {
display: inline-block;
width: 52px;
height: 1.5px;
background-color: #55E6A5;
}
@media (max-width: 767px) {
.gst__blog-2-single .blog-2-meta-wrap .blog-2-date-wrap .line {
width: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__blog-2-single .blog-2-meta-wrap .blog-2-date-wrap .line {
width: 52px;
}
}
.gst__blog-2-single .blog-2-meta-wrap .blog-2-author-wrap {
display: inline-block;
}
.gst__blog-2-single .blog-2-meta-wrap .blog-2-author-wrap .author {
display: inline-block;
font-size: 18px;
font-weight: 400;
line-height: 1;
color: #5969FC;
}
.gst__blog-2-single .blog-2-meta-wrap .blog-2-author-wrap .author:hover {
color: #55E6A5;
}
.gst__blog-2-single .blog-2-meta-wrap .blog-2-author-wrap .author span {
margin-right: 5px;
color: var(--clr-common-white);
}
.gst__blog-2-single .blog-2-meta-wrap .blog-2-author-wrap .curcle {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #5969FC;
background: transparent;
margin-right: 7px;
}
.gst__blog-2-single .blog-2-title {
font-size: 28px;
line-height: 1.33;
margin-bottom: 15px;
}
.gst__blog-2-single .blog-2-pera {
font-size: 18px;
line-height: 1.55;
color: var(--clr-common-white);
opacity: 0.8;
font-weight: 300;
margin-bottom: 11px;
}
.gst__blog-2-single .blog-2-btn {
font-size: 16px;
font-weight: 400;
color: #5969FC;
line-height: 1;
text-transform: uppercase;
}
.gst__blog-2-single .blog-2-btn i {
margin-left: 8px;
display: inline-block;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__blog-2-single .blog-2-btn:hover {
color: #55E6A5;
}
.gst__blog-2-single .blog-2-right {
flex: 0 0 auto;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media (max-width: 767px) {
.gst__blog-2-single .blog-2-right {
width: 100%;
}
}
.gst__blog-2-single .blog-2-right .blog-2-img {
width: 100%;
max-width: 365px;
height: 285px;
overflow: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__blog-2-single .blog-2-right .blog-2-img {
height: 360px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__blog-2-single .blog-2-right .blog-2-img {
max-width: 305px;
height: 335px;
}
}
@media (max-width: 767px) {
.gst__blog-2-single .blog-2-right .blog-2-img {
max-width: 100%;
}
}
.gst__blog-2-single .blog-2-right .blog-2-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__blog-2-single .blog-2-button-position {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s;
z-index: 1;
}
.gst__blog-2-single .blog-2-button {
position: relative;
display: inline-block;
width: 120px;
height: 120px;
border-radius: 50%;
text-align: center;
line-height: 120px;
border: 3px solid #5969FC;
font-size: 35px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media (max-width: 767px) {
.gst__blog-2-single .blog-2-button {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 30px;
}
}
.gst__blog-2-single .blog-2-button i {
color: #5969FC;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
rotate: -45deg;
}
.gst__blog-2-single .blog-2-button::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(5px);
z-index: -1;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__blog-2-single .blog-2-button:hover {
border-color: transparent;
}
.gst__blog-2-single .blog-2-button:hover i {
color: var(--clr-common-white);
}
.gst__blog-2-single .blog-2-button:hover::after {
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
}
.gst__blog-2-single .blog-2-main-img {
position: absolute;
right: 0;
width: 40%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__blog-2-single .blog-2-main-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__blog-2-single:hover .blog-2-main-img {
width: 100%;
opacity: 1;
visibility: visible;
}
.gst__blog-2-single:hover .blog-2-button-position {
opacity: 1;
visibility: visible;
}
.gst__blog-3-section-title-mt {
margin-top: -55px;
}
.gst__blog-3-section-title .gst__section-title-1 {
color: #131928;
}
.gst__blog-3-wrap {
display: flex;
gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__blog-3-wrap {
flex-wrap: wrap;
}
}
.gst__blog-3-item {
position: relative;
display: inline-block;
overflow: hidden;
flex: 0 0 auto;
width: 172px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
@media (max-width: 767px) {
.gst__blog-3-item {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__blog-3-item {
width: 162px;
}
}
.gst__blog-3-item .img {
position: relative;
width: 100%;
height: 470px;
overflow: hidden;
}
.gst__blog-3-item .img::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.74) 100%);
opacity: 0;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.gst__blog-3-item .img img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(1);
}
.gst__blog-3-item .blog-3-author {
position: absolute;
top: 40px;
left: -50%;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
opacity: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
transition-delay: ease-in 0.4s;
transition-delay: ease-out 0s;
}
@media (max-width: 767px) {
.gst__blog-3-item .blog-3-author {
left: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__blog-3-item .blog-3-author {
left: 50px;
}
}
.gst__blog-3-item .blog-3-author .img {
width: 52px;
height: 52px;
border-radius: 50%;
flex: 0 0 auto;
}
.gst__blog-3-item .blog-3-author .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__blog-3-item .blog-3-author .content .tag {
line-height: 1;
font-size: 14px;
display: block;
color: #55E6A5;
text-transform: capitalize;
}
.gst__blog-3-item .blog-3-author .content .name {
display: inline-block;
font-size: 18px;
color: var(--clr-common-white);
text-transform: uppercase;
line-height: 1;
font-family: "Enoway Personal Use Only";
}
.gst__blog-3-item .blog-3-content {
position: absolute;
bottom: 40px;
left: -100%;
padding: 0px 40px;
opacity: 0;
width: 100%;
visibility: hidden;
transition: ease-in 0s;
transition: ease-out 0.5s;
}
@media (max-width: 767px) {
.gst__blog-3-item .blog-3-content {
left: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__blog-3-item .blog-3-content {
left: 50px;
}
}
.gst__blog-3-item .blog-3-content .date-wrap {
display: flex;
align-items: center;
gap: 10px;
}
.gst__blog-3-item .blog-3-content .date-wrap .date {
font-size: 18px;
font-weight: 400;
color: #55E6A5;
line-height: 24px;
margin-bottom: 0;
}
.gst__blog-3-item .blog-3-content .date-wrap .line {
display: inline-block;
width: 52px;
height: 1.5px;
background-color: #55E6A5;
}
.gst__blog-3-item .blog-3-content .blog-3-title {
font-size: 30px;
line-height: 1.33;
color: var(--clr-common-white);
margin-bottom: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media (max-width: 767px) {
.gst__blog-3-item .blog-3-content .blog-3-title {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__blog-3-item .blog-3-content .blog-3-title {
font-size: 26px;
}
}
.gst__blog-3-item .blog-3-content .blog-3-title:hover {
color: #55E6A5;
}
.gst__blog-3-item:is(.active) {
width: 562px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__blog-3-item:is(.active) {
width: 440px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__blog-3-item:is(.active) {
width: 505px;
}
}
@media (max-width: 767px) {
.gst__blog-3-item:is(.active) {
width: 100%;
}
}
.gst__blog-3-item:is(.active) > .img img {
filter: grayscale(0);
}
.gst__blog-3-item:is(.active) > .img::after {
opacity: 1;
}
.gst__blog-3-item:is(.active) .blog-3-content {
left: 0%;
opacity: 1;
visibility: visible;
}
.gst__blog-3-item:is(.active) .blog-3-author {
left: 50px;
opacity: 1;
visibility: visible;
}
.gto-blog-1-item {
margin-bottom: 30px;
}
.gto-blog-1-item .img-wrap {
position: relative;
width: 100%;
height: 305px;
overflow: hidden;
border-radius: 20px;
margin-bottom: 20px;
}
.gto-blog-1-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 800ms ease;
clip-path: polygon(0 32%, 0 0, 100% 0, 100% 100%, 0 100%, 0 76%, 0 30%, 34% 0, 35% 0);
}
.gto-blog-1-item .title {
font-size: 27px;
line-height: 1.18;
color: #182022;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.gto-blog-1-item .title {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-blog-1-item .title {
font-size: 25px;
}
}
.gto-blog-1-item .title:hover {
color: var(--pr-ec4814);
}
.gto-blog-1-item .blog-pera {
font-size: 18px;
line-height: 24px;
font-weight: 500;
margin-bottom: 17px;
color: #5b5b5b;
}
.gto-blog-1-item .blog-btn {
font-size: 12px;
text-transform: capitalize;
font-weight: 900;
color: #141412;
line-height: 1;
text-decoration: underline;
}
.gto-blog-1-item:hover .img-wrap img {
clip-path: polygon(0 20%, 0 0, 100% 0, 100% 100%, 0 100%, 0 76%, 0 30%, 34% 0, 22% 0);
scale: 1.1;
}
.gto-blog-1-item:hover .blog-btn {
color: var(--pr-ec4814);
}
.gto-blog-1-date {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
font-size: 19px;
font-weight: 700;
color: #fff;
line-height: 1;
border-radius: 0 20px 20px 20px;
}
.gto-blog-1-date span {
display: block;
text-align: center;
padding: 10px 15px;
}
.gto-blog-1-date .date {
background: #000;
}
.gto-blog-1-date .yeaer {
background-color: var(--pr-ec4814);
font-size: 15px;
}
.agency__contact-wrap {
background-color: #1c1b1b;
border-radius: 70px 331px 311px 60px;
position: relative;
padding: 125px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.agency__contact-wrap {
padding-left: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.agency__contact-wrap {
padding-bottom: 830px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.agency__contact-wrap {
padding: 125px 70px;
padding-bottom: 840px;
}
}
@media (max-width: 767px) {
.agency__contact-wrap {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 400px;
overflow: hidden;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__contact-wrap {
padding: 125px 70px;
padding-bottom: 710px;
}
}
.agency__contact-box {
margin-bottom: 35px;
}
.agency__contact-box a {
width: 100%;
text-align: center;
}
.agency__contact-form {
max-width: 530px;
position: relative;
z-index: 1;
}
.agency__contact-form-img {
position: absolute;
right: 0;
bottom: 0;
}
.agency__contact-wrap .agency__contact-form-img img {
border-radius: 0 0 311px;
}
@media (max-width: 767px) {
.agency__contact-form-img img {
border-radius: 0px 0 229px 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__contact-form-img img {
border-radius: 0px 0 320px 61px;
}
}
.agency__contact-form-shape {
position: absolute;
top: 0px;
left: 0;
}
.agency__contact-wrap .agency__contact-form-shape img {
border-radius: 60px 0 0 0;
}
.agency__contact-form .level {
font-size: 17px;
font-weight: 600;
text-transform: capitalize;
color: var(--clr-common-white);
display: block;
}
.agency__contact-form .input-box, .agency__contact-form .message-box {
width: 100%;
height: 20px;
background: transparent;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #302e2e;
color: var(--clr-common-white);
font-size: 16px;
}
.agency__contact-form .message-box {
border-bottom: 1px solid #302e2e;
width: 100%;
height: 80px;
background-color: transparent;
display: block;
color: var(--clr-common-white);
font-size: 16px;
overflow: hidden;
resize: none;
white-space: pre;
}
.gst__award-area {
padding-bottom: 585px;
}
.gst__award-section-title-wrap {
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
margin-bottom: 60px;
}
@media (max-width: 767px) {
.gst__award-section-title-wrap {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__award-section-title-wrap {
flex-wrap: nowrap;
}
}
.gst__award-item {
position: relative;
display: flex;
align-items: center;
padding: 35px 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.gst__award-item:nth-last-child(1) {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gst__award-item {
flex-wrap: wrap;
gap: 30px 0;
}
}
@media (max-width: 767px) {
.gst__award-item {
flex-wrap: wrap;
gap: 20px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__award-item {
flex-wrap: wrap;
gap: 30px 0;
}
}
.gst__award-item .position-img {
position: absolute;
left: 0;
top: 0;
width: 255px;
height: 100%;
background: red;
z-index: 1;
border-radius: 8px;
overflow: hidden;
rotate: 10deg;
transform: scale(0);
opacity: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__award-item .position-img {
display: none;
}
}
.gst__award-item .position-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__award-item .img {
width: 254px;
height: 66px;
overflow: hidden;
border-radius: 10px;
flex: 0 0 auto;
margin-right: 40px;
}
.gst__award-item .img img {
width: 100%;
height: 100%;
object-fit: cover;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.gst__award-item .title {
font-size: 30px;
line-height: 1.33;
margin-bottom: 0;
flex: 0 0 auto;
width: 100%;
max-width: 290px;
margin-right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__award-item .title {
font-size: 26px;
max-width: 250px;
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__award-item .title {
margin-right: 0px;
}
}
.gst__award-item .date {
display: inline-block;
font-size: 35px;
font-weight: 600;
color: #5969FC;
font-family: "Unbounded", cursive;
flex: 0 0 auto;
width: 100%;
max-width: 70px;
margin-right: 70px;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__award-item .date {
margin-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gst__award-item .date {
margin-left: auto;
margin-right: 0;
}
}
@media (max-width: 767px) {
.gst__award-item .date {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__award-item .date {
margin-left: auto;
margin-right: 0;
}
}
.gst__award-item .text {
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: var(--clr-common-white);
opacity: 0.8;
margin-bottom: 0;
width: 100%;
max-width: 365px;
flex: 0 0 auto;
margin-right: 50px;
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s;
}
.gst__award-item .icon {
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
border-radius: 50%;
position: relative;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
flex: 0 0 auto;
margin-left: auto;
}
@media (max-width: 767px) {
.gst__award-item .icon {
margin-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__award-item .icon {
margin-left: auto;
}
}
.gst__award-item .icon .icon-bg {
width: 38px;
height: 38px;
border-radius: 50%;
background-color: #121827;
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s;
display: inline-block;
margin-top: 2px;
line-height: 38px;
font-size: 20px;
}
.gst__award-item .icon i {
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
rotate: -45deg;
-webkit-transition: all 0.8s linear 0s;
-moz-transition: all 0.8s linear 0s;
-ms-transition: all 0.8s linear 0s;
-o-transition: all 0.8s linear 0s;
transition: all 0.8s linear 0s;
}
.gst__award-item:hover .position-img {
rotate: 0deg;
opacity: 1;
transform: scale(1);
}
.gst__award-item:hover .img img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.gst__award-item:hover .title, .gst__award-item:hover .date {
color: #55E6A5;
}
.gst__award-item:hover .text {
opacity: 1;
}
.gst__award-item:hover .icon {
background: transparent;
}
.gst__award-item:hover .icon .icon-bg {
background-color: #55E6A5;
}
.gst__award-item:hover .icon .icon-bg i {
rotate: 0deg;
color: #121827;
background: unset;
background-clip: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
}
.multi-section-bg-1 {
position: relative;
}
.multi-section-bg-1 .multi-section-bg-shape-1 {
position: absolute;
right: 0;
top: 25%;
z-index: -1;
}
.gst__pricing-area {
margin-top: -473px;
}
.gst__pricing-item {
background-color: #1F2636;
border-radius: 10px;
padding: 40px;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__pricing-item {
padding: 40px 30px;
}
}
@media (max-width: 767px) {
.gst__pricing-item {
padding: 40px 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__pricing-item {
padding: 40px;
}
}
.gst__pricing-item .pricing-title-wrap {
display: flex;
align-items: center;
gap: 0 55px;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__pricing-item .pricing-title-wrap {
gap: 0 20px;
}
}
.gst__pricing-item .pricing-title-wrap .line {
display: inline-block;
width: 100%;
height: 2px;
border-radius: 30px;
background-color: #55E6A5;
}
.gst__pricing-item .pricing-title {
font-family: "Jost", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1;
margin-bottom: 0;
flex: 0 0 auto;
text-transform: uppercase;
}
.gst__pricing-item .pricing-img {
width: 100%;
height: 160px;
overflow: hidden;
margin-bottom: 35px;
}
.gst__pricing-item .pricing-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__pricing-item .price-wrap {
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding-bottom: 28px;
margin-bottom: 30px;
}
.gst__pricing-item .price-wrap .dollar {
display: inline-block;
font-size: 30px;
color: #55E6A5;
font-family: "enoway-oblique";
line-height: 1;
}
.gst__pricing-item .price-wrap .price {
font-size: 60px;
font-family: "enoway-oblique";
line-height: 1;
margin-bottom: 0;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__pricing-item .price-wrap .price {
font-size: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__pricing-item .price-wrap .price {
font-size: 50px;
}
}
@media (max-width: 767px) {
.gst__pricing-item .price-wrap .price {
font-size: 40px;
}
}
.gst__pricing-item .price-wrap .month {
margin-left: 10px;
font-size: 20px;
color: #9C9CC0;
line-height: 1;
font-family: "enoway-oblique";
align-self: end;
margin-bottom: 10px;
}
.gst__pricing-item .pricing-feature {
margin-bottom: 35px;
}
.gst__pricing-item .pricing-feature li {
font-size: 18px;
font-weight: 400;
color: var(--clr-common-white);
line-height: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__pricing-item .pricing-feature li {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__pricing-item .pricing-feature li {
font-size: 15px;
}
}
@media (max-width: 767px) {
.gst__pricing-item .pricing-feature li {
font-size: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__pricing-item .pricing-feature li {
font-size: 18px;
}
}
.gst__pricing-item .pricing-feature li:not(:last-child) {
margin-bottom: 14px;
}
.gst__pricing-item .pricing-feature li img {
margin-top: -4px;
margin-right: 5px;
}
.gst__pricing-item .pricing-btn {
font-size: 18px;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
text-align: center;
width: 100%;
color: #55E6A5;
border: 1.5px solid #55E6A5;
border-radius: 5px;
line-height: 1;
padding: 21px;
position: relative;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.gst__pricing-item .pricing-btn .text {
position: relative;
z-index: 1;
}
.gst__pricing-item .pricing-btn .animation {
position: absolute;
width: 100%;
height: 100%;
border-radius: 5px;
top: 0;
left: auto;
right: 0;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
width: 0;
opacity: 0;
}
.gst__pricing-item .pricing-btn:hover {
border-color: transparent;
color: var(--clr-common-white);
}
.gst__pricing-item .pricing-btn:hover .animation {
width: 100%;
left: 0;
right: auto;
opacity: 1;
}
.gst__pricing-item:hover {
box-shadow: 0px 0px 40px 2px rgba(85, 230, 165, 0.35);
}
.gst__pricing-item:hover .price-wrap .price {
color: #55E6A5;
}
.gst__pricing-3-area {
position: relative;
}
.gst__pricing-3-area .pricing-3-bg-shape {
position: absolute;
z-index: -1;
height: 100%;
bottom: 155px;
}
.gst__pricing-3-section-title-mt {
margin-top: -55px;
}
.gst__pricing-3-item {
position: relative;
overflow: hidden;
background-color: var(--clr-common-white);
border-radius: 10px;
box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.1);
padding: 40px;
border: 2px solid transparent;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__pricing-3-item {
padding: 40px 30px;
}
}
@media (max-width: 767px) {
.gst__pricing-3-item {
padding: 40px 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__pricing-3-item {
padding: 40px;
}
}
.gst__pricing-3-item .pricing-3-bg-img {
position: absolute;
width: 100%;
height: 130px;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.gst__pricing-3-item .pricing-3-bg-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__pricing-3-item .pricing-3-bg-img .img-after {
position: relative;
width: 100%;
height: 100%;
}
.gst__pricing-3-item .pricing-3-bg-img .img-after::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.8) 100%);
}
.gst__pricing-3-item .pricing-3-title-wrap {
display: flex;
align-items: center;
gap: 0 55px;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__pricing-3-item .pricing-3-title-wrap {
gap: 0 20px;
}
}
.gst__pricing-3-item .pricing-3-title-wrap .line {
display: inline-block;
width: 100%;
height: 2px;
border-radius: 30px;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
}
.gst__pricing-3-item .pricing-3-title {
font-family: "Jost", sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
flex: 0 0 auto;
text-transform: uppercase;
color: #131928;
}
.gst__pricing-3-item .pricing-3-img {
height: 160px;
overflow: hidden;
margin-bottom: 35px;
margin-left: -40px;
border-radius: 0px 15px 15px 0px;
}
.gst__pricing-3-item .pricing-3-img img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
}
.gst__pricing-3-item .price-3-wrap {
display: flex;
border-bottom: 1px solid rgba(19, 25, 40, 0.15);
padding-bottom: 28px;
margin-bottom: 30px;
}
.gst__pricing-3-item .price-3-wrap .dollar {
display: inline-block;
font-size: 30px;
font-family: "enoway-oblique";
line-height: 1;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gst__pricing-3-item .price-3-wrap .price {
font-size: 60px;
font-family: "enoway-oblique";
line-height: 1;
margin-bottom: 0;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
color: #131928;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__pricing-3-item .price-3-wrap .price {
font-size: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__pricing-3-item .price-3-wrap .price {
font-size: 50px;
}
}
@media (max-width: 767px) {
.gst__pricing-3-item .price-3-wrap .price {
font-size: 40px;
}
}
.gst__pricing-3-item .price-3-wrap .month {
margin-left: 10px;
font-size: 20px;
color: #9C9CC0;
line-height: 1;
font-family: "enoway-oblique";
align-self: end;
margin-bottom: 10px;
}
.gst__pricing-3-item .pricing-3-feature {
margin-bottom: 35px;
}
.pricing-feature li {
font-size: 18px;
font-weight: 400;
color: #131928;
line-height: 28px;
display: flex;
align-items: center;
gap: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__pricing-3-item .pricing-3-feature li {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__pricing-3-item .pricing-3-feature li {
font-size: 15px;
}
}
@media (max-width: 767px) {
.gst__pricing-3-item .pricing-3-feature li {
font-size: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__pricing-3-item .pricing-3-feature li {
font-size: 18px;
}
}
.gst__pricing-3-item .pricing-3-feature li:not(:last-child) {
margin-bottom: 14px;
}
.pricing-feature li .icon {
display: inline-block;
width: 18px;
height: 22px;
background-color: #5969FC;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
font-size: 10px;
text-align: center;
line-height: 22px;
color: var(--clr-common-white);
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__pricing-3-item .pricing-3-btn {
font-size: 18px;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
text-align: center;
width: 100%;
color: #5969FC;
border: 1.5px solid #5969FC;
border-radius: 5px;
line-height: 1;
padding: 21px;
position: relative;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.gst__pricing-3-item .pricing-3-btn .text {
position: relative;
z-index: 1;
}
.gst__pricing-3-item .pricing-3-btn .animation {
position: absolute;
width: 100%;
height: 100%;
border-radius: 5px;
top: 0;
left: auto;
right: 0;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
width: 0;
opacity: 0;
}
.gst__pricing-3-item .pricing-3-btn:hover {
border-color: transparent;
color: var(--clr-common-white);
}
.gst__pricing-3-item .pricing-3-btn:hover .animation {
width: 100%;
left: 0;
right: auto;
opacity: 1;
}
.gst__pricing-3-item:hover {
border: 2px solid #8B70FF;
}
.gst__pricing-3-item:hover .pricing-3-img img {
filter: grayscale(0%);
}
.gst__pricing-3-item:hover .price-3-wrap .price {
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gst__pricing-3-item:hover .pricing-3-feature li .icon {
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
}
.gst__pricing-3-item:hover .pricing-3-btn {
border-color: transparent;
color: var(--clr-common-white);
}
.gst__pricing-3-item:hover .pricing-3-btn .animation {
width: 100%;
left: 0;
right: auto;
opacity: 1;
}
.gst__choose-area {
background-position: center;
background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__choose-section-title .gst__section-title-1 br {
display: none;
}
}
.gst__choose-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gst__choose-wrap {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.gst__choose-wrap {
flex-wrap: wrap;
align-items: self-start;
}
}
.gst__choose-wrap .left {
width: 100%;
max-width: 370px;
flex: 0 0 auto;
padding-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gst__choose-wrap .left {
padding-bottom: 70px;
}
}
@media (max-width: 767px) {
.gst__choose-wrap .left {
padding-bottom: 70px;
max-width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__choose-wrap .left {
padding-bottom: 70px;
max-width: 300px;
}
}
.gst__choose-wrap .meddle {
align-self: end;
}
.gst__choose-wrap .meddle .gst__choose-img {
height: 845px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__choose-wrap .meddle .gst__choose-img {
height: auto;
}
}
.gst__choose-wrap .meddle .gst__choose-img img {
height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__choose-wrap .meddle {
order: 3;
}
}
.gst__choose-wrap .right {
width: 100%;
max-width: 245px;
text-align: right;
flex: 0 0 auto;
padding-bottom: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gst__choose-wrap .right {
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.gst__choose-wrap .right {
padding-bottom: 40px;
max-width: 100%;
text-align: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__choose-wrap .right {
padding-bottom: 40px;
max-width: 200px;
text-align: right;
}
}
.gst__choose-feature:not(:last-child) {
margin-bottom: 45px;
}
.gst__choose-feature .title {
font-size: 32px;
margin-bottom: 18px;
line-height: 1.25;
}
.gst__choose-feature .title .icon {
margin-top: -13px;
}
.gst__choose-feature .text {
font-size: 18px;
font-weight: 300;
color: var(--clr-common-white);
opacity: 0.8;
line-height: 1.55;
margin-bottom: 0;
}
.gst__choose-count-item:not(:last-child) {
margin-bottom: 60px;
}
.gst__choose-count-item .title {
font-size: 120px;
line-height: 1;
margin-bottom: 0;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #495BFF;
color: transparent;
font-family: "enoway-oblique";
}
@media (max-width: 767px) {
.gst__choose-count-item .title {
font-size: 80px;
}
}
.gst__choose-count-item .title span {
-webkit-text-stroke-width: 1px;
display: inline-block;
}
.gst__choose-count-item .text {
font-size: 24px;
letter-spacing: 0.48px;
color: var(--clr-common-white);
text-transform: capitalize;
line-height: 1.02;
margin-bottom: 0;
}
@media (max-width: 767px) {
.gst__choose-count-item .text {
font-size: 18px;
}
}
.h3-multi-section {
position: relative;
}
.h3-multi-section-position {
position: absolute;
left: 0;
right: 0;
top: 215px;
}
.h3-multi-section-img {
position: relative;
width: 100%;
height: 100%;
}
.h3-multi-section-img .img-wrap {
width: 100%;
height: 975px;
overflow: hidden;
}
.h3-multi-section-img .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.h3-multi-section-img .shape-1 {
position: absolute;
right: 0;
top: 0;
}
.h3-multi-section-img .shape-2 {
position: absolute;
left: 0;
bottom: 0;
}
.gst__video-area {
position: relative;
z-index: 1;
}
.gst__video-wrap {
padding-left: 40px;
padding-right: 40px;
margin-left: -40px;
margin-right: -40px;
background-color: var(--clr-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gst__video-wrap {
padding-left: 30px;
padding-right: 30px;
margin-left: 0px;
margin-right: 0px;
}
}
@media (max-width: 767px) {
.gst__video-wrap {
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__video-wrap {
padding-left: 30px;
padding-right: 30px;
margin-left: 0px;
margin-right: 0px;
}
}
.gst__video-item {
position: relative;
}
.gst__video-item .img {
width: 100%;
height: 570px;
overflow: hidden;
}
@media (max-width: 767px) {
.gst__video-item .img {
height: 450px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__video-item .img {
height: 570px;
}
}
.gst__video-item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gst__video-item .video-title-position {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
overflow: hidden;
}
.gst__video-item .video-title-position .video-title-wrap {
display: flex;
align-items: center;
gap: 50px;
justify-content: center;
animation: marquee-animation 20s linear infinite;
}
.gst__video-item .video-title-position .video-title-wrap .video-title {
font-size: 400px;
line-height: 1;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
text-transform: uppercase;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__video-item .video-title-position .video-title-wrap .video-title {
font-size: 310px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gst__video-item .video-title-position .video-title-wrap .video-title {
font-size: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__video-item .video-title-position .video-title-wrap .video-title {
font-size: 220px;
}
}
@media (max-width: 767px) {
.gst__video-item .video-title-position .video-title-wrap .video-title {
font-size: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__video-item .video-title-position .video-title-wrap .video-title {
font-size: 155px;
}
}
.gst__video-item .btn-position {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.gst__video-item .video-btn {
position: relative;
display: inline-block;
width: 180px;
height: 180px;
border-radius: 50%;
text-align: center;
line-height: 165px;
border: 3px solid #5969FC;
font-size: 45px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media (max-width: 767px) {
.gst__video-item .video-btn {
width: 70px;
height: 70px;
line-height: 58px;
font-size: 30px;
}
}
.gst__video-item .video-btn svg {
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media (max-width: 767px) {
.gst__video-item .video-btn svg {
width: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__video-item .video-btn svg {
width: 100%;
}
}
.gst__video-item .video-btn::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(5px);
z-index: -1;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__video-item .video-btn::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--linear, linear-gradient(21deg, #495BFF 25%, #55E6A5 100%));
z-index: -1;
transform: scale(0);
opacity: 0;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.gst__video-item .video-btn:hover {
border-color: transparent;
}
.gst__video-item .video-btn:hover svg * {
fill: var(--clr-common-white);
}
.gst__video-item .video-btn:hover::before {
transform: scale(1);
opacity: 1;
}
.gst__video-item .video-btn:hover::after {
opacity: 0;
}
.gst__video-item .video-btn:hover i {
rotate: 0deg;
}
.gst__cta-area {
margin-bottom: -240px;
}
.gst__cta-wrap {
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
position: relative;
padding-right: 65px;
padding-top: 100px;
padding-bottom: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gst__cta-wrap {
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 767px) {
.gst__cta-wrap {
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__cta-wrap {
padding-right: 30px;
padding-left: 30px;
}
}
.gst__cta-wrap .bg-shape-1 {
position: absolute;
left: 0;
bottom: 0;
}
.gst__cta-wrap .bg-shape-2 {
position: absolute;
right: 0;
bottom: 0;
}
.gst__cta-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gst__cta-img {
width: 50%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gst__cta-img {
position: unset;
}
}
.gst__cta-content {
width: 100%;
max-width: 670px;
text-align: center;
margin-left: auto;
}
.gst__cta-content .title {
font-size: 60px;
line-height: 1.16;
letter-spacing: -1.8px;
margin-bottom: 32px;
}
@media (max-width: 767px) {
.gst__cta-content .title {
font-size: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__cta-content .title {
font-size: 40px;
}
}
.gst__cta-content .cta-btn {
position: relative;
display: inline-flex;
justify-content: center;
flex-direction: column;
width: 233px;
height: 233px;
font-size: 24px;
line-height: 1;
color: #fff;
font-weight: 500;
border-radius: 50%;
text-align: center;
border: 2px solid #fff;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media (max-width: 767px) {
.gst__cta-content .cta-btn {
width: 150px;
height: 150px;
font-size: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst__cta-content .cta-btn {
width: 233px;
height: 233px;
font-size: 24px;
}
}
.gst__cta-content .cta-btn i {
position: relative;
z-index: 1;
rotate: -45deg;
margin-bottom: 5px;
}
.gst__cta-content .cta-btn .cta-btn-text {
position: relative;
z-index: 1;
}
.gst__cta-content .cta-btn::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--linear, linear-gradient(90deg, #8F73FF 0%, #5347FF 45.27%, #4471FE 57.66%, #21D3FD 100%));
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
transform: scale(0);
}
.gst__cta-content .cta-btn:hover {
border-color: transparent;
}
.gst__cta-content .cta-btn:hover i {
color: var(--clr-common-white);
}
.gst__cta-content .cta-btn:hover::after {
transform: scale(1);
}
.gst-popup-search-box {
background-color: #111111;
position: fixed;
display: flex;
left: 0;
top: -100px;
width: 100%;
z-index: 9999;
height: 100vh;
align-items: center;
transform: scaleY(0);
transition: all 0.3s;
transform-origin: top;
opacity: 0;
visibility: hidden;
}
.gst-popup-search-box .title {
color: var(--clr-common-white);
font-weight: 600;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.gst-popup-search-box .title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst-popup-search-box .title {
font-size: 36px;
}
}
.gst-popup-search-box-form {
display: flex;
}
@media (max-width: 767px) {
.gst-popup-search-box-form {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst-popup-search-box-form {
flex-wrap: nowrap;
}
}
.gst-popup-search-box-form .gst-popup-search-box-close-action-btn {
height: 60px;
width: 60px;
font-size: 30px;
border: none;
outline: none;
border-radius: 5px;
margin-left: 25px;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
color: var(--clr-common-white);
flex: 0 0 auto;
}
@media (max-width: 767px) {
.gst-popup-search-box-form .gst-popup-search-box-close-action-btn {
margin: auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst-popup-search-box-form .gst-popup-search-box-close-action-btn {
margin-left: 25px;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
}
.gst-popup-search-box-form .gst-popup-search-box-close-action-btn:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: transparent;
}
@media (max-width: 767px) {
.gst-popup-search-box {
height: 100%;
overflow-y: auto;
}
}
.gst-popup-search-box.active {
top: 0;
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.gst-popup-search-box form {
position: relative;
width: 100%;
}
@media (max-width: 767px) {
.gst-popup-search-box form {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gst-popup-search-box form {
margin-bottom: 0px;
}
}
.gst-popup-search-box-input input {
width: 100%;
height: 60px;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 5px;
font-size: 14px;
color: var(--clr-common-white);
padding: 0 30px;
padding-right: 115px;
}
.gst-popup-search-box-input input::placeholder {
color: var(--clr-common-white);
font-size: 14px;
}
@media (max-width: 767px) {
.gst-popup-search-box-input input {
width: 100%;
background-color: transparent;
opacity: 0.7;
}
}
.gst-popup-search-box button[type=submit] {
position: absolute;
right: 0;
top: 0px;
bottom: 0;
padding: 0 30px;
background: transparent;
color: white;
font-size: 24px;
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-right: none;
border-top: none;
border-bottom: none;
}
.gst-popup-search-box button[type=submit]:hover {
color: var(--clr-common-white);
background-color: rgba(255, 255, 255, 0.2);
}
.gst-option-popup {
max-width: 650px;
margin: 0 auto;
position: fixed;
top: 30%;
left: 50%;
transition: all 0.3s;
transform: translate(-50%, -50%);
z-index: 999;
opacity: 0;
visibility: hidden;
padding: 100px 40px;
padding-bottom: 20px;
background: var(--clr-common-white);
}
@media (max-width: 767px) {
.gst-option-popup {
width: 80%;
padding: 100px 15px;
padding-bottom: 20px;
}
}
.gst-option-popup .cross-btn {
position: absolute;
right: 30px;
top: 30px;
}
.gst-option-popup .cross-btn button {
border: 0;
padding: 0;
background-color: transparent;
color: var(--clr-common-black);
}
.gst-option-popup .cross-btn button i {
font-size: 27px;
}
.gst-option-popup.visible {
top: 50%;
opacity: 1;
visibility: visible;
}
.gto-cart-btn-1 {
position: relative;
font-size: 25px;
color: #000;
line-height: 1;
transition: 400ms ease;
}
.gto-cart-btn-1 span {
position: absolute;
content: "";
width: 25px;
height: 25px;
border-radius: 50%;
background-color: var(--pr-ec4814);
font-size: 12px;
text-align: center;
line-height: 25px;
color: #fff;
position: absolute;
left: 22%;
top: 88%;
transform: translate(-50%, -50%);
transition: 400ms ease;
}
.gto-cart-btn-1:hover {
color: var(--pr-ec4814);
}
.gto-cart-btn-1:hover span {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.gto-search-btn-1 {
display: inline-block;
font-size: 25px;
color: #000;
background: transparent;
border: none;
}
.gto-search-btn-1:hover {
color: var(--pr-ec4814);
}
.gto-call-icon-1 {
z-index: 1;
position: relative;
font-size: 25px;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #fff;
text-align: center;
line-height: 67px;
color: var(--pr-ec4814);
}
.gto-call-icon-1::after {
content: "";
position: absolute;
left: 6px;
top: 6px;
transform: scale(0);
width: 80%;
height: 80%;
border-radius: 50%;
border: 1px solid var(--pr-ec4814);
transition: 400ms ease;
z-index: -1;
}
.gto-call-icon-1:hover {
color: var(--pr-ec4814);
}
.gto-call-icon-1:hover::after {
transform: scale(1);
}
.gto-call-option-wrap {
display: flex;
align-items: center;
gap: 22px;
}
.gto-call-option-wrap .content .text {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
color: var(--color-382c4d);
display: block;
}
.gto-call-option-wrap .content .phone {
font-size: 20px;
font-weight: 900;
color: var(--color-382c4d);
line-height: 1;
}
.gto-call-option-wrap .content .phone:hover {
color: var(--pr-ec4814);
}
.gto-btn-1 {
z-index: 1;
position: relative;
display: inline-block;
flex: 0 0 auto;
background-color: var(--sd-4c52e0);
font-size: 15px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
color: #fff;
padding: 21px 44px;
border-radius: 30px;
}
.gto-btn-1 i {
display: inline-block;
margin-left: 5px;
transform: translate(0px, 2px);
transition: 500ms ease;
}
.gto-btn-1::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: var(--pr-ec4814);
border-radius: 30px;
right: 0;
top: 0;
z-index: -1;
transition: 500ms ease;
}
.gto-btn-1:hover {
color: #fff;
}
.gto-btn-1:hover::after {
width: 30%;
}
.gto-btn-1:hover i {
transform: translate(25px, 2px);
}
.gto-play-btn-2 {
display: inline-block;
width: 110px;
height: 110px;
border-radius: 50%;
background-color: #cfe1fd;
font-size: 18px;
color: #000;
text-align: center;
line-height: 110px;
}
.gto-play-btn-3 {
display: inline-block;
position: relative;
width: 150px;
height: 150px;
border-radius: 50%;
text-align: center;
line-height: 150px;
background-color: #cfe1fd;
font-size: 20px;
color: #000;
}
.gto-play-btn-3 .crl-text {
position: absolute;
left: 15px;
top: 15px;
animation: gto-play-btn-3 5s infinite ease-in-out;
}
.gto-play-btn-3:hover {
color: var(--pr-ec4814);
}
@keyframes gto-play-btn-3 {
0% {
rotate: 0deg;
}
100% {
rotate: 360deg;
}
}
.gto-btn-2 {
overflow: hidden;
z-index: 1;
position: relative;
display: inline-block;
flex: 0 0 auto;
background-color: var(--sd-4c52e0);
font-size: 15px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
color: #fff;
padding: 21px 44px;
border-radius: 30px;
transition: 0.2s transform ease-in-out;
will-change: transform;
cursor: pointer;
}
.gto-btn-2::after {
background-color: var(--pr-ec4814);
border-radius: 3rem;
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
transform: translate(-100%, 0) rotate(10deg);
transform-origin: top left;
transition: 0.2s transform ease-out;
will-change: transform;
z-index: -1;
}
.gto-btn-2:hover {
color: #fff;
transform: scale(1.05);
will-change: transform;
}
.gto-btn-2:hover::after {
transform: translate(0, 0);
}
.gto-btn-2:hover i {
transform: translate(25px, 2px);
} .gto-newsletter-2-area {
background-color: #0e0f12;
}
.gto-newsletter-2-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1.8fr;
border-bottom: 1px solid #1b1c20;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-newsletter-2-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.gto-newsletter-2-wrap {
grid-template-columns: 1fr;
}
}
.gto-newsletter-2-wrap .gto-call-option-wrap {
border-right: 1px solid #1b1c20;
padding: 30px 0;
}
@media (max-width: 767px) {
.gto-newsletter-2-wrap .gto-call-option-wrap {
justify-content: center;
border-right: none;
border-bottom: 1px solid #1b1c20;
}
}
.gto-newsletter-2-wrap .gto-call-option-wrap .text {
color: #f8762b;
font-weight: 700;
}
.gto-newsletter-2-wrap .gto-call-option-wrap .phone {
color: #fff;
}
.gto-social-media-2 {
display: inline-block;
margin: auto;
}
@media (max-width: 767px) {
.gto-social-media-2 {
padding: 30px 0;
}
}
.gto-social-media-2 li {
display: inline-block;
margin: 0 15px;
}
.gto-social-media-2 li a {
color: #fff;
font-size: 20px;
}
.gto-social-media-2 li a:hover {
color: var(--pr-ec4814);
}
.gto-newsletter-2-form {
position: relative;
width: 100%;
max-width: 405px;
background: #1b1c20;
border-radius: 30px;
overflow: hidden;
}
.gto-newsletter-2-form-wrap {
display: flex;
align-items: center;
gap: 30px;
justify-content: center;
border-left: 1px solid #1b1c20;
padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-newsletter-2-form-wrap {
grid-column: 1/-1;
border-left: none;
border-top: 1px solid #1b1c20;
}
}
@media (max-width: 767px) {
.gto-newsletter-2-form-wrap {
flex-wrap: wrap;
justify-content: left;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-newsletter-2-form-wrap {
flex-wrap: nowrap;
justify-content: center;
}
}
.gto-newsletter-2-form-wrap .title {
font-size: 18px;
font-weight: 900;
color: #fff;
line-height: 20px;
margin-bottom: 0;
}
.gto-newsletter-2-form input {
width: 100% !important;
height: 100%;
padding: 20px 40px;
font-size: 14px;
background: transparent;
border: none;
color: #fff;
}
.gto-newsletter-2-form input::placeholder {
font-size: 14px;
color: #fff;
text-transform: capitalize;
}
.gto-newsletter-2-form .n2-btn {
display: inline-block;
font-size: 16px;
font-weight: 700;
background-color: var(--pr-ec4814);
position: absolute;
right: 0;
top: 0;
height: 100%;
border: 0;
outline: none;
color: #fff;
text-transform: uppercase;
padding: 0 30px;
}
.gto-newsletter-2-form .n2-btn:hover {
background-color: var(--sd-4c52e0);
}  .cart_sidebar {
padding: 30px;
padding-bottom: 50px;
}
.cart_sidebar_top {
background-color: #0e0f11;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 30px;
margin-top: -30px;
margin-left: -30px;
margin-right: -30px;
margin-bottom: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart_sidebar .heading_title {
line-height: 1;
font-size: 17px;
color: #fff;
font-weight: 600;
}
.cart_sidebar {
top: 0;
width: 300px;
right: -320px;
height: 100vh;
z-index: 9999;
position: fixed;
overflow-y: scroll;
scrollbar-width: none;
background-color: #000;
-webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.29);
box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.29);
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
}
.cart_sidebar.active {
right: 0px;
}
.cart_sidebar .tx-close {
right: -11px;
}
.cart_sidebar .tx-close:before,
.cart_sidebar .tx-close:after {
background-color: #fff;
}
.cart_sidebar_bottom {
padding: 30px 30px 55px;
}
.cart_sidebar_button a {
width: 100%;
text-align: center;
display: inline-block;
padding: 14px 25px 16px;
}
.cart_sidebar_button a:not(:last-child) {
margin-bottom: 10px;
}
.cart_sidebar_button a:nth-child(2) {
color: #fff;
background: #0e0f11;
}
.cart_sidebar .total_price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: 500;
margin-top: 30px;
padding: 10px 0px;
margin-bottom: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
border-top: 1px solid #0e0f11;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.agency__footer-logo-wrap {
padding-right: 70px;
padding-top: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.agency__footer-logo-wrap {
padding-top: 0;
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.agency__footer-logo-wrap {
padding-top: 0;
margin-bottom: 50px;
padding-right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__footer-logo-wrap {
padding-top: 0;
margin-bottom: 50px;
padding-right: 70px;
}
}
.agency__footer-logo {
display: inline-block;
margin-bottom: 25px;
}
.agency__footer-pera {
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: #d5d5d5;
margin-bottom: 25px;
}
.agency__footer-phone {
font-size: 24px;
font-weight: 600;
color: var(--clr-common-white);
line-height: 1;
}
.agency__footer-phone img {
margin-right: 10px;
}
.agency__footer-link-wrap {
padding-right: 50px;
}
@media (max-width: 767px) {
.agency__footer-link-wrap {
padding-right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__footer-link-wrap {
padding-right: 50px;
}
}
.agency__footer-link-wrap li:not(:last-child) {
border-bottom: 1px solid #2b2b2b;
}
.agency__footer-link {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #d5d5d5;
line-height: 45px;
text-transform: capitalize;
}
.agency__footer-link:hover {
color: var(--clr-theme-primary);
}
.agency__footer-contact {
padding-top: 45px;
}
.agency__footer-contact span {
font-size: 30px;
display: block;
color: var(--clr-common-white);
line-height: 1;
font-weight: 300;
margin-bottom: 25px;
}
.agency__footer-contact a {
display: inline-block;
font-size: 40px;
font-weight: 700;
color: var(--clr-common-white);
margin-bottom: 35px;
}
@media (max-width: 767px) {
.agency__footer-contact a {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.agency__footer-contact a {
font-size: 40px;
}
}
.agency__footer-social-link li {
display: inline-block;
margin-right: 20px;
}
.agency__footer-social-link li a {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
}
.agency__footer-copyright-text {
display: block;
font-size: 17px;
font-weight: 400;
line-height: 35px;
color: #f2f2f2;
}
.footer-widget-title {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
font-family: "Jost", sans-serif;
}
.agency__footer-2 .agency__footer-top {
background-position: center top;
background-size: cover;
}
.gst__footer-3 {
padding-top: 240px;
background: #091023;
}
.gl-about-img-wrap-2 .gl-about-img1_2 {
right: 0;
bottom: 0;
}
.gl-about-exp-year {
top: 10px;
left: 5px;
width: 120px;
height: 120px;
padding-top: 24px;
border-radius: 100%;
background: var(--base-color-2);
}
.gl-about-exp-year span, .gl-about-exp-year h3 {
color: #fff;
}
.gl-about-exp-year span {
font-weight: 600;
}
.gl-about-exp-year h3 {
line-height: 1;
font-size: 36px;
font-weight: 700;
font-family: "Jost", sans-serif;
}
.hap-about-feature-area {
margin-top: 40px;
max-width: 700px;
}
.hap-about-feature-area:before {
top: 36%;
content: "";
width: 100%;
height: 1px;
position: absolute;
background-color: #eeeeee;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.hap-about-feature-area:after {
top: 0;
left: 44%;
content: "";
width: 1px;
height: 165px;
position: absolute;
background-color: #eeeeee;
}
.hap-about-feature-item {
width: 50%;
margin-bottom: 50px;
}
.hap-about-feature-item .feature-icon {
margin-right: 15px;
}
.hap-about-feature-item .feature-icon i {
color: #000000;
font-size: 45px;
}
.hap-about-feature-item .feature-text h3 {
color: #131928;
font-size: 20px;
font-weight: 700;
max-width: 200px;
margin-bottom: 0;
}
.gl-about-text-area-2 .agency__title {
margin-bottom: 20px;
}
.hap-about-img-area {
z-index: 1;
bottom: 0;
left: 0px;
}
.hap-about-img-area .about-shape1 {
top: 50%;
left: -30%;
z-index: -1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.hap-about-img-area .about-shape2 {
top: 100px;
right: 0px;
}
.hap-about-img-area .about-exp {
right: -10px;
bottom: -20px;
width: 165px;
height: 140px;
padding: 20px 20px;
border-radius: 20px;
background: var(--gradient-yellow);
}
.hap-about-img-area .about-exp h3 {
color: #fff;
line-height: 1;
font-size: 55px;
font-weight: 700;
margin-bottom: 0;
}
.hap-about-img-area .about-exp span {
color: #fff;
font-size: 20px;
font-weight: 700;
max-width: 103px;
line-height: 1.2;
display: inline-block;
}
.hap-about-text-area {
max-width: 650px;
}
.hap-about-text-area .hap-section-title p {
max-width: 600px;
}
.hap-about-feature-area {
margin-top: 40px;
max-width: 700px;
}
.hap-about-feature-area:before {
top: 36%;
content: "";
width: 100%;
height: 1px;
position: absolute;
background-color: #eeeeee;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.hap-about-feature-area:after {
top: 0;
left: 44%;
content: "";
width: 1px;
height: 165px;
position: absolute;
background-color: #eeeeee;
}
.hap-about-feature-item {
width: 50%;
margin-bottom: 50px;
}
.hap-about-feature-item .feature-icon {
margin-right: 15px;
}
.hap-about-feature-item .feature-icon i {
color: #000000;
font-size: 45px;
}
.hap-about-feature-item .feature-text h3 {
font-size: 20px;
font-weight: 700;
max-width: 200px;
color: var(--title-color);
}
.gt-keyfeature-item {
z-index: 1;
padding: 30px;
overflow: hidden;
border-radius: 6px;
border: 1px solid #5F5F79;
}
.gt-keyfeature-item .feature-icon svg {
width: 60px;
height: 60px;
}
.gt-keyfeature-item .feature-icon {
color: #131928;
font-size: 50px;
margin-bottom: 15px;
}
.gt-keyfeature-item .feature-icon i {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.gt-keyfeature-item .feature-text h3, .gt-keyfeature-item .feature-text p {
margin-bottom: 0;
}
.gt-keyfeature-item .feature-text h3 {
color: #131928;
font-weight: 700;
font-size: 28px;
padding-bottom: 10px;
}
.gt-keyfeature-item .feature-text p {
color: #858383;
font-size: 16px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
font-family: 'Space Grotesk';
}
.gt-keyfeature-item .decor {
z-index: -1;
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: #000;
-webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.gt-keyfeature-item:hover .decor {
width: 325%;
height: 962.5px;
}
.gt-keyfeature-item:hover .feature-icon i{
color: #fff;
}
.gt-keyfeature-item:hover .feature-icon svg{
fill: #fff;
}
.gt-keyfeature-item:hover .feature-text h3, .gt-keyfeature-item:hover .feature-text p {
color: #fff;
}
.bi-blog-item .flex-row-reverse .bi-blog-text-area .bi-blog-meta:before {
left: 0;
}
.bi-blog-item .flex-row-reverse .bi-blog-meta:after {
top: -19px;
left: -50px;
right: auto;
}
.bi-blog-item {
margin-bottom: 40px;
}
.bi-blog-item .bi-blog-img {
overflow: hidden;
border-radius: 10px;
}
.bi-blog-item .bi-blog-text-area {
padding-top: 30px;
}
.bi-blog-item .bi-blog-text-area .bi-blog-text {
padding-left: 30px;
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta {
margin-bottom: 32px;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta:before {
right: 0;
top: 16px;
width: 70%;
content: "";
height: 1px;
position: absolute;
background-color: var(--base-color-4);
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta:after {
top: -18px;
right: -50px;
width: 70px;
content: "";
height: 70px;
position: absolute;
background-repeat: no-repeat;
background-image: url(//brandmaker333.com/wp-content/themes/gesto/assets/img/star2.png);
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta a {
color: #fff;
font-size: 13px;
font-weight: 700;
padding: 7px 15px;
border: 2px solid #fff;
font-family: var(--heading);
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background-color: var(--base-color-4);
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta a i {
margin-right: 6px;
}
.bi-blog-item .bi-blog-text-area h3 {
font-size: 45px;
font-weight: 600;
color: var(--title-color);
padding-bottom: 18px;
margin-bottom: 0;
}
.bi-blog-item .bi-blog-text-area p {
line-height: 1.556;
padding-bottom: 42px;
color: #0d0d0d;
}
.bi-blog-item .bi-blog-text-area .bi-btn-1 a:before {
top: -5px;
}
.bi-blog-item .bi-blog-text-area .bi-btn-1 a:after {
bottom: -5px;
}
.bi-blog-item.right_align_content .bi-blog-meta {
text-align: right;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.bi-blog-item.right_align_content .bi-blog-meta a {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.bi-blog-item.right_align_content .bi-blog-meta:before {
left: 0;
}
.bi-blog-item.right_align_content .bi-blog-meta:after {
top: -19px;
left: -50px;
right: auto;
}
.bi-blog-item.right_align_content .bi-blog-text {
padding-left: 0;
text-align: right;
padding-right: 30px;
}
.bi-blog-item .flex-row-reverse .bi-blog-meta {
text-align: right;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.bi-blog-item .flex-row-reverse .bi-blog-text {
padding-left: 0;
text-align: right;
padding-right: 30px;
}
.gt-btn-7 a {
color: #000;
font-size: 16px;
font-weight: 700;
border-radius: 30px;
padding: 15px 30px;
display: inline-block;
background: var(--gradient-yellow-2);
background-size: 200%, 1px;
-webkit-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
}
.gt-btn-7 a:hover {
background-position: 120%;
}
.project-move-img {
width: 0;
z-index: 25;
position: fixed;
pointer-events: none;
-webkit-transform: translate(-50%, -52%);
transform: translate(-50%, -52%);
display: block;
left: 55%;
overflow: hidden;
-webkit-transition: width 0.4s cubic-bezier(0.36, 0, 0.66, 0);
transition: width 0.4s cubic-bezier(0.36, 0, 0.66, 0);
left: 0%;
will-change: transform, width;
}
.project-move-img [data-background] {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.project-move-img.active {
border-radius: 0;
width: clamp(10em, 27.5vw, 25em);
-webkit-transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1);
transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1);
}
.project-move-img-bounce {
overflow: hidden;
-webkit-transform: scale(1) rotate(0.001deg);
transform: scale(1) rotate(0.001deg);
-webkit-transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
will-change: transform;
}
.project-move-img-bounce.active {
-webkit-transform: scale(1) rotate(0.001deg);
transform: scale(1) rotate(0.001deg);
}
.project-move-img::before {
display: block;
content: "";
padding-top: 100%;
}
.project-move-img .project-move-img-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.project-move-img .float-image-wrap {
width: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
will-change: transform;
}
.project-move-img .float-image-wrap .project-move-img-inner {
position: relative;
width: 100%;
display: block;
overflow: hidden;
}
.project-move-img .float-image-wrap .project-move-img-inner:before {
display: block;
content: "";
padding-top: 100%;
}
.project-move-img .float-image-wrap .project-move-img-inner {
width: 0;
}
.project-move-img .float-image-wrap .project-move-img-inner.img-rotate {
width: 100%;
}
@media screen and (max-width: 540px) {
.project-move-img {
display: none;
}
}
.overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.project-move-img .float-image-wrap .project-move-img-inner:before {
display: block;
content: "";
padding-top: 100%;
}
.mouse-pos-list-btn,
.mouse-pos-list-span {
width: 0;
height: 0;
border-radius: 50%;
border: 0;
background: var(--color-blue);
position: fixed;
z-index: 26;
pointer-events: none;
-webkit-transform: translate(-50%, -60%);
transform: translate(-50%, -60%);
overflow: hidden;
display: block;
-webkit-transition: width 0.4s cubic-bezier(0.36, 0, 0.66, 0), height 0.4s cubic-bezier(0.36, 0, 0.66, 0);
transition: width 0.4s cubic-bezier(0.36, 0, 0.66, 0), height 0.4s cubic-bezier(0.36, 0, 0.66, 0);
left: 50.5%;
top: -10%;
left: -10%;
left: 0%;
top: 0%;
will-change: transform, width, height;
}
.mouse-pos-list-span {
background: transparent;
color: var(--color-white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 49.75%;
top: -11.25%;
left: -11.25%;
left: 0%;
top: 0%;
}
.mouse-pos-list-span p {
margin: 0;
}
.mouse-pos-list-span .arrow,
.btn .arrow {
width: 0em;
-webkit-transform: rotate(-90deg) translateX(-0.05em);
transform: rotate(-90deg) translateX(-0.05em);
margin-left: 0.33em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
-webkit-transition: width 0.4s cubic-bezier(0.36, 0, 0.66, 0);
transition: width 0.4s cubic-bezier(0.36, 0, 0.66, 0);
will-change: width;
}
.mouse-pos-list-span.active-big .arrow,
.btn .arrow {
width: 0.66em;
-webkit-transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1);
transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1);
}
.mouse-pos-list-btn.active,
.mouse-pos-list-span.active {
width: clamp(3.75em, 5.5vw, 5em);
height: clamp(3.75em, 5.5vw, 5em);
-webkit-transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1), height 0.4s cubic-bezier(0.34, 1, 0.64, 1);
transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1), height 0.4s cubic-bezier(0.34, 1, 0.64, 1);
}
.mouse-pos-list-btn.active-big,
.mouse-pos-list-span.active-big {
width: calc(clamp(3.75em, 5.5vw, 5em) * 1.66);
height: calc(clamp(3.75em, 5.5vw, 5em) * 1.66);
-webkit-transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1), height 0.4s cubic-bezier(0.34, 1, 0.64, 1);
transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1), height 0.4s cubic-bezier(0.34, 1, 0.64, 1);
}
.mouse-pos-list-btn.active-big.hover,
.mouse-pos-list-span.active-big.hover {
width: calc(clamp(3.75em, 5.5vw, 5em) * 1.45);
height: calc(clamp(3.75em, 5.5vw, 5em) * 1.45);
}
.mouse-pos-list-btn.active.pressed,
.mouse-pos-list-span.active.pressed {
height: calc(clamp(3.75em, 5.5vw, 8em) * 1.4);
width: calc(clamp(3.75em, 5.5vw, 8em) * 1.4);
}
.mouse-pos-list-btn.active-big.pressed,
.mouse-pos-list-span.active-big.pressed {
height: calc(clamp(3.75em, 5.5vw, 8em) * 2);
width: calc(clamp(3.75em, 5.5vw, 8em) * 2);
}
.mouse-pos-list-span.active,
.mouse-pos-list-span.active-big {
border-radius: 0;
width: clamp(10em, 27.5vw, 25em);
-webkit-transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1), height 0.4s cubic-bezier(0.34, 1, 0.64, 1);
transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1), height 0.4s cubic-bezier(0.34, 1, 0.64, 1);
}
.mouse-pos-list-span p {
width: 60px;
height: 60px;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: font-size 0.4s cubic-bezier(0.36, 0, 0.66, 0);
transition: font-size 0.4s cubic-bezier(0.36, 0, 0.66, 0);
will-change: font-size;
background: var(--gradient-yellow);
}
.mouse-pos-list-span.active p,
.mouse-pos-list-span.active-big p {
font-size: 1em;
-webkit-transition: font-size 0.4s cubic-bezier(0.34, 1, 0.64, 1);
transition: font-size 0.4s cubic-bezier(0.34, 1, 0.64, 1);
}
.mobile_menu_button {
width: 95px;
height: 60px;
background-color: var(--pr-ec4814);
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 5px;
cursor: pointer;
}
@media (max-width: 767px) {
.mobile_menu_button {
width: 120px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mobile_menu_button {
width: 158px;
}
}
.mobile_menu_button .icon {
width: 24px;
height: 24px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-items: center;
align-items: center;
}
.mobile_menu_button .icon .icon-dot {
display: inline-block;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: var(--white-color);
transition: 500ms ease-in-out;
}
.mobile_menu_button .text {
font-family: var(--ss4);
display: inline-block;
font-size: 16px;
font-weight: 700;
color: var(--white-color);
text-transform: capitalize;
}
.mobile_menu_button:hover .icon {
animation: h1-menu-rotated 2s ease-in-out infinite;
}
.mobile_menu_button:hover .icon .icon-dot:nth-child(1) {
transform: translate(2px, 2px);
}
.mobile_menu_button:hover .icon .icon-dot:nth-child(3) {
transform: translate(-2px, 2px);
}
.mobile_menu_button:hover .icon .icon-dot:nth-child(7) {
transform: translate(2px, -2px);
}
.mobile_menu_button:hover .icon .icon-dot:nth-child(9) {
transform: translate(-2px, -2px);
}
@keyframes h1-menu-rotated {
0% {
rotate: 0deg;
}
100% {
rotate: 360deg;
}
}
.gt-recent-work-items li {
padding: 30px 60px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
border-bottom: 1px solid rgba(28, 29, 32, 0.175);
}
.gt-recent-work-items li h4 {
color: #1c1d20;
font-size: 80px;
font-weight: 600;
margin-bottom: 0;
}
.gt-recent-work-items li p {
color: #1c1d20;
font-size: 20px;
font-weight: 600;
margin-bottom: 0;
}
.gt-recent-work-items li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.gt-recent-work-items li:hover {
padding: 30px;
}
.gt-team-content-seven {
padding-top: 40px;
}
.gt-team-item-seven {
z-index: 1;
padding-top: 40px;
margin-bottom: 40px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.gt-team-item-seven .team-img-text {
z-index: 2;
max-width: 273px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.gt-team-item-seven .team-text h3 {
color: #000;
font-size: 36px;
margin-bottom: 0;
font-weight: 700;
}
.gt-team-item-seven .team-text span {
font-weight: 500;
color: var(--base-color-4);
}
.gt-team-item-seven .team-img {
max-height: 399px;
margin-bottom: 20px;
}
.gt-team-item-seven .team-img img {
border-radius: 20px;
}
.gt-team-item-seven .team-hover-item {
top: 0;
opacity: 0;
width: 100%;
visibility: hidden;
min-height: 480px;
right: -150px;
max-width: 420px;
padding: 60px 70px;
position: absolute;
border-radius: 20px;
background-color: #fff;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-box-shadow: 0px 3px 114px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 3px 114px 0px rgba(0, 0, 0, 0.08);
}
.gt-team-item-seven .team-hover-item:before, .gt-team-item-seven .team-hover-item:after {
left: 0;
right: 0;
width: 90%;
content: "";
bottom: -25px;
height: 25px;
margin: 0 auto;
position: absolute;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
background: linear-gradient(26deg, rgb(245, 245, 245) 0%, rgb(255, 220, 0) 99%);
}
.gt-team-item-seven .team-hover-item:after {
width: 85%;
bottom: -45px;
background: linear-gradient(-173deg, rgb(255, 190, 35) 0%, rgb(255, 180, 0) 99%);
}
.gt-team-item-seven .team-hover-item h3 {
color: #000;
font-size: 50px;
font-weight: 700;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
}
.gt-team-item-seven .team-hover-item h3:before {
left: 0;
right: 0;
bottom: 0;
height: 2px;
width: 153px;
content: "";
margin: 0 auto;
position: absolute;
background-color: #cbced3;
}
.gt-team-item-seven .team-hover-item p {
color: #696969;
margin-bottom: 0;
padding-bottom: 20px;
}
.gt-team-item-seven .team-hover-item .team-social a {
color: #6f6f6f;
margin: 0px 12px;
}
.gt-team-item-seven .team-hover-item .team-social a:hover {
color: var(--base-color-4);
}
.gt-team-item-seven.active {
z-index: 2;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.gt-team-item-seven.active .team-hover-item {
opacity: 1;
right: -240px;
visibility: visible;
}
.gt-team-item-seven.active .team-img-text {
margin: 0;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.gt-team-content-seven p {
text-align: center;
color: var(--hap-body-color);
}
.gt-team-content-seven p {
font-size: 18px;
padding-top: 30px;
}
.gt-team-content-seven p a {
font-weight: 700;
}
.page-scroll-img1 {
margin: 15px;
overflow: hidden;
border-radius: 15px;
display: inline-block;
}
.gt-page-scroll-section {
overflow: hidden;
}
.gt-page-scroll-1 {
width: 120vw;
left: -10vw;
will-change: transform;
}
.gt-page-scroll-2 {
width: 120vw;
margin-left: -10vw;
will-change: transform;
}
.gt-header-section {
top: 0;
left: 0;
width: 100%;
z-index: 10;
padding-top: 40px;
position: absolute;
}
.gt-header-section .nav {
display: inherit;
}
.gt-header-section .dropdown {
position: relative;
}
.gt-header-section .dropdown:after {
top: 2px;
color: #fff;
right: -15px;
content: "\f107";
font-size: 14px;
font-weight: 700;
font-weight: 900;
position: absolute;
font-family: "Font Awesome 5 Pro";
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.gt-header-section .dropdown:hover .dropdown-menu {
visibility: visible;
opacity: 1;
clip: inherit;
-webkit-transform: scaleY(1);
-khtml-transform: scaleY(1);
transform: scaleY(1);
}
.gt-header-section .dropdown-menu {
left: 0;
top: 63px;
z-index: 100;
margin: 0px;
padding: 20px 0;
height: auto;
min-width: 250px;
display: block;
border: none;
border-radius: 0;
position: absolute;
opacity: 0;
background: #000;
border-radius: 2px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
text-align: left;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gt-header-section .dropdown-menu .dropdown-menu {
top: 30px;
left: -100%;
min-width: 250px;
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
-webkit-transform: scaleY(0) !important;
transform: scaleY(0) !important;
}
.gt-header-section .dropdown-menu .dropdown-menu a {
color: #fff;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
}
.gt-header-section .dropdown-menu .dropdown-menu a:before {
display: none;
}
.gt-header-section .dropdown-menu li {
display: block;
margin: 0 !important;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.gt-header-section .dropdown-menu li:last-child {
border-bottom: none;
}
.gt-header-section .dropdown-menu li:after {
top: 8px;
right: 15px;
font-size: 16px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.gt-header-section .dropdown-menu li.dropdown:hover .dropdown-menu {
top: 0;
-webkit-transform: scaleY(1) !important;
transform: scaleY(1) !important;
}
.gt-header-section .dropdown-menu a {
width: 100%;
display: block;
position: relative;
padding: 10px 30px !important;
color: #fff !important;
font-weight: 600 !important;
font-size: 15px !important;
}
.gt-header-section .dropdown-menu a:before {
display: none;
}
.gt-header-section .dropdown-menu a:hover {
padding-left: 40px !important;
color: var(--base-color) !important;
}
.gt-header-section.sticky-on {
top: 0;
width: 100%;
z-index: 10;
padding: 0;
position: fixed;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
background-color: #000;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.gt-header-section.sticky-on .mobile_menu_button {
top: -32px;
}
.gt-header-section.header-style-one {
padding-top: 40px;
}
.gt-header-section.header-style-one .container {
max-width: 1345px;
}
.gt-header-section.header-style-one.sticky-on {
padding: 20px 0px;
}
.gt-header-section.header-style-one .dropdown:after {
color: #0b0b0b;
}
.gt-header-section.header-style-one .main-navigation li {
margin-right: 50px;
}
.gt-header-section.header-style-one .main-navigation li a {
color: #0b0b0b;
font-size: 20px;
position: relative;
padding-bottom: 15px;
}
.gt-header-section.header-style-one .main-navigation li a:before {
left: 0;
right: 0;
bottom: 0;
width: 0%;
height: 3px;
content: "";
margin: 0 auto;
position: absolute;
background-color: var(--base-color);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.gt-header-section.header-style-one .main-navigation li:hover a:before {
width: 100%;
}
.gt-header-section.header-style-one .header-menu-search-btn {
padding: 15px 50px;
border-radius: 30px;
background-color: #fff;
}
.gt-header-section.header-style-one .header-search-btn button {
padding: 0;
border: none;
color: #0b0b0b;
background-color: transparent;
}
.gt-header-section.header-style-one .header-cta-btn a {
color: #fff;
padding: 20px 40px;
border-radius: 40px;
white-space: nowrap;
background-color: var(--base-color);
}
.gt-header-section.header-style-one .header-cta-btn a i {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.gt-header-section.header-style-two {
padding-top: 20px;
}
.gt-header-section.header-style-two .container {
max-width: 1510px;
}
.gt-header-section.header-style-two .dropdown-menu {
top: 48px;
}
.gt-header-section.header-style-two .dropdown-menu li:hover a {
color: var(--base-color-2) !important;
}
.gt-header-section.header-style-two .gt-header-content {
padding-bottom: 15px;
border-bottom: 2px solid #8a959c;
}
.gt-header-section.header-style-two.sticky-on .gt-header-content {
border: none;
}
.gt-header-section.header-style-two .main-navigation li {
margin: 0px 20px;
}
.gt-header-section.header-style-two .main-navigation li a {
color: #e3e6e7;
font-size: 20px;
}
.gt-header-section.header-style-two .main-navigation li:hover a {
color: var(--base-color-2);
}
.gt-header-section.header-style-two .header-search-btn button {
padding: 0;
border: none;
font-size: 20px;
color: #8a959c;
background-color: transparent;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.gt-header-section.header-style-two .header-search-btn button:hover {
color: var(--base-color-2);
}
.gt-header-section.header-style-three.sticky-on {
padding: 15px 0px;
background-color: #fff;
-webkit-box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.06);
}
.gt-header-section.header-style-three .main-navigation li {
margin: 0px 25px;
}
.gt-header-section.header-style-three .main-navigation li a {
color: #0b0b0b;
font-size: 20px;
}
.gt-header-section.header-style-three .header-cta-btn a {
color: #021639;
padding: 13px 30px;
border-radius: 30px;
display: inline-block;
background-color: var(--base-color-3);
}
.gt-header-section.header-style-four .gt-header-content {
margin: 0 auto;
max-width: 1440px;
}
.gt-header-section.header-style-four .mobile_menu_button, .header-style-one .mobile_menu_button {
z-index: 5;
color: #fff;
margin-left: 20px;
font-size: 24px;
cursor: pointer;
text-align: center;
margin-left: 0;
margin-right: 20px;
padding: 0;
background: transparent;
width: auto;
}
.header-style-one .mobile_menu_button {
margin-left: 20px;
}
.gt-header-section.header-style-four .gt-header-social {
padding: 5px;
border-radius: 40px;
border: 2px solid #26252b;
}
.gt-header-section.header-style-four .gt-header-social a {
z-index: 1;
color: #fff;
width: 52px;
margin: 5px;
height: 52px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
border-radius: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #383838;
}
.gt-header-section.header-style-four .gt-header-social a:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
z-index: -1;
position: absolute;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
background: var(--gradient-yellow);
}
.gt-header-section.header-style-four .gt-header-social a:hover {
color: #fff;
}
.gt-header-section.header-style-four .gt-header-social a:hover:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.gt-header-section.header-style-four .header-menu-search-btn {
border-radius: 60px;
background-color: #26252b;
padding: 15px 15px 15px 50px;
}
.gt-header-section.header-style-four .main-navigation li {
margin-right: 40px;
}
.gt-header-section.header-style-four .main-navigation li a {
color: #fff;
font-size: 20px;
}
.gt-header-section.header-style-four .header-search-btn-input input {
width: 252px;
height: 52px;
color: #616161;
padding-left: 20px;
border-radius: 60px;
background-color: #ffffff;
border: none;
}
.gt-header-section.header-style-four .header-search-btn-input input::-webkit-input-placeholder {
color: #616161;
}
.gt-header-section.header-style-four .header-search-btn-input input::-moz-placeholder {
color: #616161;
}
.gt-header-section.header-style-four .header-search-btn-input input:-ms-input-placeholder {
color: #616161;
}
.gt-header-section.header-style-four .header-search-btn-input input::-ms-input-placeholder {
color: #616161;
}
.gt-header-section.header-style-four .header-search-btn-input input::placeholder {
color: #616161;
}
.gt-header-section.header-style-four .header-search-btn-input button {
padding: 0;
width: 52px;
height: 52px;
border: none;
color: #8e999f;
margin-left: 10px;
border-radius: 100%;
background-color: #fff;
}
.gt-header-section.header-style-four .header-cta-btn a {
z-index: 1;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
white-space: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
border-radius: 40px;
background-color: #343435;
padding: 12px 25px 12px 60px;
}
.gt-header-section.header-style-four .header-cta-btn a:after {
top: 7px;
left: 12px;
content: "";
width: 35px;
z-index: -1;
height: 35px;
position: absolute;
margin-right: 10px;
border-radius: 100%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
background: var(--gradient-yellow);
}
.gt-header-section.header-style-four .header-cta-btn a:before {
top: 8px;
right: 10px;
width: 35px;
content: "";
height: 35px;
position: absolute;
background: #000000;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.gt-header-section.header-style-four .header-cta-btn a:hover {
color: #000;
padding: 12px 60px 12px 25px;
}
.gt-header-section.header-style-four .header-cta-btn a:hover:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 40px;
}
.gt-header-section.header-style-four .header-cta-btn a:hover:before {
-webkit-transform: scale(1);
transform: scale(1);
}  .mobile_logo {
top: 10px;
left: 15px;
display: none;
position: absolute;
}
.mobile_menu_content {
top: 0px;
bottom: 0;
left: -350px;
height: 100vh;
z-index: 101;
position: fixed;
width: 310px;
overflow-y: scroll;
background-color: #0f0d0d;
padding: 20px 35px 35px 35px;
-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.mobile_menu_content .mobile-main-navigation {
width: 100%;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav {
width: 100%;
}
.mobile_menu_content .dropdown:after {
display: none;
}
.mobile_menu_content .navbar-nav .dropdown-menu {
position: static !important;
-webkit-transform: none !important;
transform: none !important;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li {
width: 100%;
display: block;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li a {
padding: 0;
width: 100%;
color: #fff;
display: block;
font-weight: 600;
font-size: 14px;
font-family: var(--ss4);
text-transform: capitalize;
padding: 10px 30px 10px 0 !important;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li a:hover {
color: var(--h1-pr-color);
}
.mobile_menu_content .m-brand-logo {
width: 120px;
margin: 50px auto;
}
.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
left: 0px;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.mobile_menu_overlay {
top: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
right: 0%;
height: 120vh;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.mobile_menu_overlay_on {
overflow: hidden;
}
.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
opacity: 1;
visibility: visible;
}
.mobile_menu .mobile-main-navigation .navbar-nav li a:after {
display: none;
}
.mobile_menu .mobile-main-navigation .dropdown > .dropdown-menu {
opacity: 1;
visibility: visible;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu {
border: none;
display: none;
-webkit-transition: none;
transition: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 5px 0px;
width: 100%;
background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li {
border: none;
padding: 0 10px;
line-height: 1;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li:hover {
background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a {
color: #fff;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
color: var(--h1-pr-color);
background-color: transparent;
}
.mobile_menu .dropdown {
position: relative;
}
.mobile_menu .dropdown .dropdown-btn {
color: #9397a7;
position: absolute;
top: 3px;
right: 0;
height: 30px;
padding: 5px 10px;
}
.mobile_menu .dropdown .dropdown-btn.toggle-open {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile_menu .mobile_menu_close {
top: 25px;
right: 25px;
cursor: pointer;
color: #d60606;
font-size: 20px;
position: absolute;
}
.mobile_menu .mobile-search-bar {
margin-bottom: 40px;
}
.mobile_menu .mobile-search-bar input {
width: 100%;
height: 50px;
border: none;
border-bottom: 1px solid #616161;
background-color: transparent;
}
.mobile_menu .mobile-search-bar input::-webkit-input-placeholder {
color: #616161;
}
.mobile_menu .mobile-search-bar input::-moz-placeholder {
color: #616161;
}
.mobile_menu .mobile-search-bar input:-ms-input-placeholder {
color: #616161;
}
.mobile_menu .mobile-search-bar input::-ms-input-placeholder {
color: #616161;
}
.mobile_menu .mobile-search-bar input::placeholder {
color: #616161;
}
.mobile_menu .mobile-search-bar button {
top: 0;
right: 0;
color: #fff;
padding: 0;
height: 50px;
border: none;
position: absolute;
background-color: transparent;
}
.mobile_menu .bi-mobile-header-social {
margin-top: 40px;
}
.mobile_menu .bi-mobile-header-social a {
color: #fff;
margin: 0px 8px;
font-size: 15px;
}
.mobile_menu .bi-mobile-header-social a:hover {
color: var(--base-color);
}
.mobile_menu_content::-webkit-scrollbar-track {
box-shadow: none;
border-radius: 5px;
opacity: 0;
}
.mobile_menu_content::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 5px;
opacity: 0;
}
.mobile_menu_content::-webkit-scrollbar-thumb:hover {
background: var(--clr-theme-secondary);
}
@media screen and (max-width: 1400px) {
.gt-service-content .swiper-button-prev {
left: -60px;
}
.gt-service-content .swiper-button-next {
right: -60px;
}
.gt-header-section.header-style-four .main-navigation li {
margin-right: 25px;
}
.gt-header-section.header-style-four .header-search-btn-input input {
width: 175px;
}
.gt-header-section.header-style-four .gt-header-content {
padding: 0px 15px;
}
}
@media screen and (max-width: 1300px) {
.gt-team-tab-btn li {
width: 190px;
}
.gt-header-section.header-style-four .gt-header-social {
display: none !important;
}
.gt-team-item-seven .team-hover-item {
display: none;
}
.gt-team-item-seven .team-img-text {
-webkit-transform: translateX(0);
transform: translateX(0);
margin: 0 auto 30px !important;
}
.hap-about-img-area {
left: -50px;
}
}
@media screen and (max-width: 1200px) {
.hap-about-img-area {
display: none;
}
.hap-about-text-wrapper {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: start !important;
}
.hap-about-section {
padding: 100px 0px;
}
}
@media screen and (max-width: 1100px) {
.gt-header-section.header-style-one .header-menu-search-btn {
padding: 15px 35px;
}
.gt-header-section.header-style-one .main-navigation li {
margin-right: 35px;
}
.bi-about-cta-4 .inner-text h4 {
font-size: 20px;
}
.hap-about-feature-item .feature-text h3 {
font-size: 18px;
}
.hap-about-feature-area:before,
.hap-about-feature-area:after {
display: none;
}
.tx-project .tx-item--title {
font-size: 35px;
}
.gt-team-item-content .gt-team-text-area {
max-width: 235px;
}
.gt-team-tab-btn li {
width: 150px;
}
.gt-header-section.header-style-three .main-navigation li {
margin: 0px 20px;
}
.gt-header-section.header-style-four .main-navigation li a {
font-size: 18px;
}
.gt-header-section.header-style-four .header-search-btn-input input {
width: 150px;
}
.gt-header-section.header-style-four .header-search-btn-input button {
margin-left: 5px;
}
}
@media screen and (max-width: 1024px) {
.gt-header-section.header-style-one .header-cta-btn a {
padding: 15px 30px;
}
.gt-header-section.header-style-one .main-navigation li a {
font-size: 18px;
}
.orix-footer-newsletter-cta .newsletter-cta-icon li {
margin-left: 15px;
}
.orix-footer-newsletter-form-area .newsletter-form-input {
max-width: 320px;
}
.app-dm-service-item-innerbox .app-dm-service-item-text h3 {
font-size: 18px;
}
.app-dm-service-item-innerbox {
padding: 35px 15px 70px;
}
.app-dm-section-title h2 {
font-size: 30px;
}
.app-dm-about-feature-innerbox h3 {
font-size: 16px;
}
.gt-recent-work-items li h4 {
font-size: 60px;
}
}
.feature__info-item {
padding-left: 15px;
}
.feature__info-item .top-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 12px;
}
.feature__info-item .icon {
font-size: 50px;
margin-right: 20px;
}
.feature__info-item h3 {
color: #0a183f;
font-size: 22px;
font-weight: 600;
line-height: 26px;
margin-bottom: 0;
font-family: var(--font-body);
}
.feature__info-item p {
font-size: 15px;
color: #0b0b0b;
line-height: 24px;
}
.feature__info-item--two {
margin-top: 15px;
}
.feature__info-item--two:not(:last-child) {
margin-bottom: 0;
padding: 0;
border-bottom: 0;
padding-right: 20px;
margin-right: 20px;
border-right: 1px solid #404b69;
}
.feature__info-item--two h3 {
color: var(--color-white);
font-size: 20px;
line-height: 26px;
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
.gt-header-section.header-style-one .header-menu-search-btn {
display: none !important;
}
.menu_toggle{
display: none;
}
.feature .container {
max-width: 800px;
}
.feature__info {
padding-left: 0;
padding-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.feature__content {
padding-top: 0;
}
.gt-service-content .swiper-button-next,
.gt-service-content .swiper-button-prev {
margin: 0 15px;
position: static;
-webkit-transform: translate(0);
transform: translate(0);
}
.gt-service-content .next-prev-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.demo-4 .agency__portfolio-item .contnet {
max-width: 230px;
}
.gl-about-text-area-2 {
padding-top: 40px;
}
.project-nav {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.gt-header-section.header-style-two .main-navigation {
display: none;
}
.swiper-main-paginations {
top: auto;
right: 0;
bottom: 0 !important;
left: 0 !important;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.gt-main-slider-nav {
display: none;
}
.gt-slider-item {
padding: 250px 0px 200px;
}
.swiper-main-paginations .swiper-pagination-bullet {
height: 10px;
width: 30px;
display: inline-block;
}
.gl-about-section-2 .gl-about-side-bg {
display: none;
}
.testimonial-one_image {
display: none;
}
.gt-header-section.header-style-three .main-navigation {
display: none;
}
.swiper-testimonial-paginations {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: static;
margin-top: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.swiper-testimonial-paginations .swiper-pagination-bullet {
display: inline-block;
margin: 0px 8px !important;
}
.orix-footer-widget .orix-menu-widget {
padding-left: 0;
}
.dia-fun-fact-section .dia-fun-fact-item {
margin-bottom: 30px;
}
.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3 {
font-size: 40px;
}
.orix-footer-newsletter-area {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.orix-footer-newsletter-cta,
.orix-footer-newsletter-form-area {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.app-dm-service-section .app-dm-service-text {
padding-top: 0;
}
.orix-footer-newsletter-form-area .newsletter-form-text {
margin-right: 0;
margin-bottom: 10px;
}
.gt-recent-work-items li h4 {
font-size: 40px;
}
.bi-blog-item.right_align_content .bi-blog-text-area {
margin-bottom: 40px;
}
.bi-footer-social-content ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta:before,
.bi-blog-item .bi-blog-text-area .bi-blog-meta:after {
display: none;
}
.bi-blog-item .bi-blog-text-area .bi-blog-meta {
-webkit-transform: translate(0);
transform: translate(0);
}
.gt-header-section.header-style-four .main-navigation {
display: none;
}
.gt-header-section {
padding-top: 20px;
}
.gt-header-section.header-style-four .header-menu-search-btn {
padding: 0px;
background-color: transparent;
}
.gt-header-section.header-style-four .mobile_menu_button {
margin-left: 0;
margin-right: 20px;
}
.gt-header-section.header-style-four .header-search-btn-input input {
width: 80%;
}
.gt-header-section.header-style-four.sticky-on {
padding: 10px 0px;
}
}
@media screen and (max-width: 767px) {
.feature__content {
padding-top: 40px;
padding-left: 0;
}
.inv-success-item-tab .grid-size-50 {
width: 100%;
}
.gt-header-section {
padding-top: 20px;
}
.gt-recent-work-items li h4 {
font-size: 30px;
}
.gt-recent-work-items li {
padding: 30px;
}
}
@media screen and (max-width: 480px) {
.gt-header-section.header-style-one .header-cta-btn a {
padding: 10px 15px;
}
.gt-header-section.header-style-one {
padding-top: 20px;
}
.feature__info {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.agency__portfolio-item.type_two .icon {
font-size: 16px;
}
.agency__portfolio-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.agency__portfolio-item.type_two .icon {
margin-left: 0;
}
.demo-4 .agency__portfolio-item .contnet {
max-width: 100%;
}
.gt-slider-item .gt-slider-text h1 {
font-size: 45px;
}
.gt-slider-item .gt-slider-text .slider_btn {
padding: 15px 30px;
}
.gt-slider-item {
padding: 220px 0px 180px;
}
.gt-slider-item .gt-slider-text p {
font-size: 20px;
}
.hap-about-feature-item {
width: 100%;
}
.bi-about-btn-cta {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bi-about-cta-4 {
margin-left: 0;
margin-top: 15px;
}
.gl-about-section-2 {
padding: 80px 0px;
}
.project-2 {
padding-top: 0;
}
.project-nav .nav-item .nav-link {
margin-bottom: 10px;
}
.gt-team-item-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gt-team-item-content .gt-team-img {
height: auto;
margin-bottom: 30px;
}
.gt-recent-work-items li a {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gt-header-section.header-style-four .header-cta-btn a {
display: none !important;
}
.gt-header-section.header-style-four .header-search-btn-input input {
width: 70%;
}
.bi-blog-item .bi-blog-text-area h3 {
font-size: 30px;
}
.bi-blog-item .bi-blog-text-area .bi-blog-text {
padding-left: 0;
}
.bi-footer-cta-content {
padding: 40px 30px;
}
.bi-footer-cta-content .bi-footer-cta-text h3 {
font-size: 30px;
padding-bottom: 15px;
}
}
.gt-service-item {
z-index: 1;
margin: 0 auto;
overflow: hidden;
max-width: 375px;
border-radius: 8px;
padding-left: 10px;
}
.gt-service-item .gt-service-img {
z-index: 1;
overflow: hidden;
border-radius: 8px;
position: relative;
padding: 10px 0px;
overflow: hidden;
}
.gt-service-item .gt-service-img img {
border-radius: 8px;
}
.gt-service-item .gt-service-img:before, .gt-service-item .gt-service-img:after {
height: 50px;
content: "";
z-index: -1;
opacity: 0;
width: 100%;
position: absolute;
visibility: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
background-color: var(--base-color);
}
.gt-service-item .gt-service-img:before {
left: 0;
top: 10px;
}
.gt-service-item .gt-service-img:after {
left: 0;
bottom: 10px;
}
.gt-service-item .service-serial {
top: 30px;
left: 20px;
color: #fff;
z-index: 1;
width: 45px;
height: 45px;
border-radius: 100%;
background-color: #202020;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.gt-service-item .gt-service-text {
left: -10px;
z-index: 2;
bottom: 30px;
}
.gt-service-item .gt-service-text h3 {
z-index: 1;
color: #fff;
font-size: 18px;
font-weight: 700;
position: relative;
background-color: #202020;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
padding: 16px 35px 16px 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
letter-spacing: 2px;
}
.gt-service-item .gt-service-text h3:after {
top: 0;
left: 0;
width: 0;
content: "";
z-index: -1;
height: 100%;
position: absolute;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
border-top-right-radius: 30px;
background-color: var(--base-color);
border-bottom-right-radius: 30px;
}
.gt-service-item .gt-service-text h3:before {
width: 0;
height: 0;
left: 10px;
content: "";
bottom: -10px;
position: absolute;
border-top: 10px solid #202020;
border-left: 10px solid transparent;
}
.gt-service-item .gt-service-link {
margin-left: 0px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.gt-service-item .gt-service-link a {
color: #fff;
width: 53px;
height: 53px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--base-color);
}
.gt-service-item:hover .gt-service-text h3:after {
width: 100%;
}
.gt-service-item:hover .service-serial {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.gt-service-item:hover .gt-service-link {
margin-left: 10px;
}
.gt-service-item:hover .gt-service-link a {
-webkit-transform: scale(1);
transform: scale(1);
}
.gt-service-item:hover .gt-service-img img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.gt-service-item:hover .gt-service-img:before, .gt-service-item:hover .gt-service-img:after {
opacity: 1;
visibility: visible;
}
.gt-service-item:hover .gt-service-img:before {
top: 0;
}
.gt-service-item:hover .gt-service-img:after {
bottom: 0;
}
.gt-service-content .swiper-button-next,
.gt-service-content .swiper-button-prev {
width: 60px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #000000;
border-radius: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-image: none;
background-color: #f2f2f2;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.gt-service-content .swiper-button-next:after,
.gt-service-content .swiper-button-prev:after {
display: none;
}
.gt-service-content .swiper-button-next:hover,
.gt-service-content .swiper-button-prev:hover {
color: #fff;
background-color: var(--base-color);
}
.gt-service-content .swiper-button-prev {
left: -80px;
}
.gt-service-content .swiper-button-next {
right: -80px;
}
.tx-project {
position: relative;
}
.tx-project .tx-item--image {
position: relative;
}
.tx-project .tx-item--image::before {
position: absolute;
top: 30px;
left: 20px;
right: 30px;
bottom: 30px;
background-color: var(--base-color-2);
content: "";
opacity: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.tx-project .tx-item--holder {
position: absolute;
top: 50%;
text-align: center;
width: 100%;
padding: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tx-project .tx-item--category {
font-size: 13px;
color: #fff;
text-transform: uppercase;
padding: 9px 18px;
margin-bottom: 20px;
background-color: #000;
line-height: 1;
display: inline-block;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.tx-project .tx-item--title {
font-size: 45px;
line-height: 45px;
color: #fff;
font-weight: 600;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
}
.tx-project .tx-item--title a {
color: inherit;
}
.tx-project .tx-item--links {
margin: -5px;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
}
.tx-project .tx-item--link {
width: 66px;
height: 66px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
background-color: #fff;
font-size: 20px;
color: #000;
margin: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tx-project:hover .tx-item--image::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.8;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.tx-project:hover .tx-item--category {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.tx-project:hover .tx-item--title {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.tx-project:hover .tx-item--links {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.project-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
border: 0;
}
.project-nav .nav-item:not(:first-child) {
margin-left: 32px;
}
.project-nav .nav-item .nav-link {
font-size: 22px;
text-transform: uppercase;
font-weight: 500;
color: #071157;
letter-spacing: 1px;
padding: 0;
border: 0;
font-family: var(--font-teko);
position: relative;
}
.project-nav .nav-item .nav-link::before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background-color: var(--base-color-2);
content: "";
opacity: 0;
}
.project-nav .nav-item .nav-link.active::before {
opacity: 1;
}
.gt-team-tab-btn {
margin: -15px;
}
.gt-team-tab-btn .nav {
display: inherit;
}
.gt-team-tab-btn .nav-tabs {
border: none;
}
.gt-team-tab-btn li {
width: 210px;
padding: 15px;
overflow: hidden;
display: inline-block;
}
.gt-team-tab-btn li img {
border-radius: 10px;
height: 200px;
object-fit: cover;
width: 100%;
}
.gt-team-tab-btn .nav-tabs .nav-link {
border: 0;
padding: 0;
width: 100%;
}
.gt-team-item-content {
padding: 35px;
border-radius: 10px;
-webkit-box-shadow: 0px 26px 81px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 26px 81px 0px rgba(0, 0, 0, 0.09);
}
.gt-team-item-content .gt-team-img {
width: 295px;
height: 365px;
margin-right: 40px;
overflow: hidden;
}
.gt-team-item-content .gt-team-text-area {
max-width: 430px;
}
.gt-team-item-content .gt-team-text-area h3 {
color: #131928;
font-size: 26px;
margin-bottom: 5px;
}
.gt-team-item-content .gt-team-text-area p {
margin: 10px 0px 20px;
color: inherit;
}
.gt-team-item-content .gt-team-text-area .team-social {
margin-bottom: 25px;
}
.gt-team-item-content .gt-team-text-area .team-social a {
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 15px;
border-radius: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #f4f4f4;
}
.gt-team-item-content .gt-team-text-area .team-social a:hover {
color: #fff;
background-color: var(--base-color-2);
}
.app-dm-section-title .sub-title {
color: var(--base-color-3);
font-size: 18px;
font-weight: 700;
}
.app-dm-section-title .sub-title:before, .app-dm-section-title .sub-title:after {
top: 12px;
content: "";
width: 120px;
height: 2px;
position: absolute;
background-color: var(--base-color-3);
}
.app-dm-section-title .sub-title:after {
right: -127px;
}
.app-dm-section-title .sub-title:before {
display: none;
left: -127px;
}
.app-dm-section-title h2 {
color: #000715;
font-size: 36px;
font-weight: 700;
line-height: 1.333;
padding: 10px 0px 20px;
margin-bottom: 0;
}
.app-dm-section-title.text-center {
margin: 0 auto;
}
.app-dm-section-title.text-center .sub-title:before {
display: block;
}
.orix-blog-content {
margin: 0px -15px;
}
.orix-blog-slider-item {
padding: 0px 15px;
}
.orix-blog-item {
max-width: 370px;
margin: 0 auto;
}
.orix-blog-item .blog-img {
padding-bottom: 33px;
}
.orix-blog-item .inner-img {
overflow: hidden;
border-radius: 20px;
}
.orix-blog-item .inner-img img {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: scale(1.1);
transform: scale(1.1);
height: 250px;
object-fit: cover;
}
.orix-blog-item .blog-meta {
bottom: 0;
left: 25px;
overflow: hidden;
width: 105px;
border-radius: 15px;
}
.orix-blog-item .blog-meta span {
display: block;
}
.orix-blog-item .blog-meta .orix-date {
color: #fff;
padding: 2px;
font-size: 20px;
line-height: 1.5;
font-weight: 600;
background-color: #141412;
}
.orix-blog-item .blog-meta .orix-year {
color: #fff;
font-size: 15px;
padding: 3px 6px;
font-weight: 600;
background: var(--base-color-3);
}
.orix-blog-item .blog-text {
margin-top: 20px;
}
.orix-blog-item .blog-text h3 {
color: #000715;
font-size: 22px;
font-weight: 700;
line-height: 1.273;
padding-bottom: 10px;
}
.orix-blog-item .blog-text h3:hover {
color: var(--base-color-3);
}
.orix-blog-item .blog-text p {
padding-bottom: 15px;
color: inherit;
margin-bottom: 0;
font-size: 18px;
}
.orix-blog-item .blog-text .read_more {
color: #141412;
font-size: 15px;
font-weight: 700;
position: relative;
display: inline-block;
}
.orix-blog-slider {
overflow: hidden;
}
.orix-blog-item .blog-text .read_more:before {
left: 0;
bottom: 2px;
content: "";
width: 100%;
height: 1px;
position: absolute;
background: #141412;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.orix-blog-item .blog-text .read_more:hover:before {
background: var(--base-color-3);
}
.orix-blog-item:hover .inner-img img {
-webkit-transform: scale(1);
transform: scale(1);
}
.testimonial-one_carousel-column {
position: relative;
}
.testimonial-one_carousel-inner {
position: relative;
}
.testimonial-one_review {
position: relative;
font-weight: 700;
font-size: 18px;
color: var(--base-color-3);
margin-bottom: 20px;
}
.testimonial-block_one {
position: relative;
}
.testimonial-block_one-inner {
position: relative;
}
.testimonial-block_one-text {
position: relative;
line-height: 30px;
font-size: 18px;
color: var(--color-six);
}
.testimonial-block_one .author-box {
position: relative;
margin-top: 20px;
margin-left: 10px;
}
.testimonial-block_one .author-box .box-inner {
position: relative;
padding-top: 10px;
min-height: 80px;
padding-left: 100px;
}
.testimonial-block_one .author-box .author-image {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 50px;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.testimonial-block_one .author-box .author-image img {
border-radius: 50%;
}
.testimonial-block_one .author-box h5 {
font-weight: 700;
margin-bottom: 0;
}
.testimonial-block_one .author-box .box-inner .designation {
position: relative;
display: inline-block;
font-size: 15px;
color: var(--color-fifteen);
}
.testimonial-one_image-column {
position: relative;
}
.testimonial-one_image-inner {
position: relative;
}
.testimonial-one_image {
position: relative;
}
.testimonial-one_image img {
position: relative;
max-width: inherit;
width: auto;
}
.swiper-testimonial-paginations {
position: absolute;
right: 0px;
width: 20px;
left: auto !important;
bottom: 75px !important;
width: auto !important;
}
.swiper-testimonial-paginations .swiper-pagination-bullet {
position: relative;
width: 10px;
height: 10px;
display: block;
opacity: 0.15;
border-radius: 50px;
background-color: #000;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.single-item-carousel {
overflow: hidden;
}
.swiper-testimonial-paginations .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-testimonial-paginations .swiper-pagination-bullet:hover {
opacity: 1;
background-color: var(--base-color-3);
}
.swiper-testimonial-paginations.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-testimonial-paginations.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 8px 0px;
}
.inv-success-item {
margin: 0 auto;
max-width: 585px;
position: relative;
padding-bottom: 25px;
}
.inv-success-item .success-img {
overflow: hidden;
border-radius: 5px;
display: inline-block;
}
.inv-success-item .success-img img {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.inv-success-item .success-img:before {
left: 0;
right: 0;
bottom: 0;
width: 0%;
z-index: 1;
content: "";
height: 10px;
margin: 0 auto;
position: absolute;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
background: var(--grad-color);
}
.inv-success-item .success-text {
bottom: 0;
left: 65px;
z-index: 2;
border-radius: 5px;
padding: 26px 50px 26px 30px;
background-color: rgb(255, 255, 255);
-webkit-box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.06);
}
.inv-success-item .success-text span {
font-size: 15px;
display: inline-block;
padding-bottom: 5px;
}
.inv-success-item .success-text h3 {
font-size: 24px;
}
.inv-success-item .success-text h3 a {
color: #000000;
font-size: 24px;
font-weight: 800;
}
.inv-success-item .success-text h3 a:hover {
color: var(--base-color-3);
}
.inv-success-item .success-text .link-arrow a {
top: 0;
opacity: 0;
height: 100%;
width: 100px;
right: -75px;
visibility: hidden;
border-radius: 5px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
background: var(--base-color-3);
}
.inv-success-item:hover .success-img:before {
width: 100%;
}
.inv-success-item:hover .success-img img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.inv-success-item:hover .success-text .link-arrow a {
opacity: 1;
right: -95px;
visibility: visible;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.dia-fun-fact-section .dia-fun-fact-item .fun-fact-tag {
color: var(--base-color-3);
}
.dia-fun-fact-section .dia-fun-fact-item span {
font-weight: 700;
font-family: "Poppins";
}
.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number {
line-height: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3 {
color: #282350;
font-size: 90px;
font-weight: 500;
line-height: 1;
}
.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span {
color: #282350;
font-size: 90px;
line-height: 1.2;
font-weight: 500;
font-family: "Poppins";
}
.dia-fun-fact-section .dia-fun-fact-item p {
margin: 0 auto;
max-width: 325px;
color: #021639;
font-size: 18px;
}
.app-dm-service-item-innerbox {
z-index: 1;
overflow: hidden;
border-radius: 6px;
padding: 35px 25px 70px;
background-color: #060f20;
margin-bottom: 30px;
}
.app-dm-service-item-innerbox:before, .app-dm-service-item-innerbox:after {
content: "";
width: 90px;
height: 90px;
position: absolute;
border-radius: 100%;
-webkit-transition: 500ms cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 500ms cubic-bezier(0.24, 0.74, 0.58, 1);
}
.app-dm-service-item-innerbox:before {
top: -20px;
right: -10px;
background-color: #131b2b;
}
.app-dm-service-item-innerbox:after {
top: -9px;
right: -45px;
background-color: #1f2736;
}
.app-dm-service-item-innerbox .hover-overlay {
top: 0;
left: 0;
right: 0;
width: 0%;
z-index: -1;
height: 100%;
margin: 0 auto;
position: absolute;
-webkit-transition: 500ms cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 500ms cubic-bezier(0.24, 0.74, 0.58, 1);
background: linear-gradient(-160deg, #4b3eff 0%, #22b1ff 99%);
}
.app-dm-service-item-innerbox .app-dm-service-item-icon {
margin-bottom: 15px;
}
.app-dm-service-item-innerbox .app-dm-service-item-icon i {
font-size: 45px;
color: var(--base-color-3);
display: inline-block;
}
.app-dm-service-item-innerbox .app-dm-service-item-text h3 {
color: #fff;
font-size: 24px;
line-height: 1.5;
font-weight: 700;
}
.app-dm-service-item-innerbox .more-btn {
right: 15px;
bottom: 15px;
width: 35px;
height: 35px;
line-height: 40px;
position: absolute;
border-radius: 5px;
background-color: #11214d;
-webkit-transition: 500ms cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 500ms cubic-bezier(0.24, 0.74, 0.58, 1);
}
.app-dm-service-item-innerbox .more-btn i {
color: var(--base-color-3);
}
.app-dm-service-item-innerbox:hover:before {
background-color: #5078ff;
}
.app-dm-service-item-innerbox:hover:after {
background-color: #657cff;
}
.app-dm-service-item-innerbox:hover .hover-overlay {
width: 100%;
}
.app-dm-service-item-innerbox:hover .app-dm-service-item-icon i {
background-image: linear-gradient(-160deg, white 0%, white 99%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.app-dm-service-item-innerbox:hover .more-btn {
background-color: #fff;
}
.bi-footer-widget .menu-widget li {
margin-bottom: 8px;
}
.bi-footer-widget .menu-widget li a {
color: #e3e3e3;
font-size: 15px;
position: relative;
}
.bi-footer-widget .menu-widget li a:before {
left: 0;
bottom: 0;
right: 0;
width: 0%;
content: "";
height: 1px;
margin: 0 auto;
position: absolute;
background-color: var(--base-color-4);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.bi-footer-widget .menu-widget li a:hover {
color: var(--base-color-4);
}
.bi-footer-widget .menu-widget li a:hover:before {
width: 100%;
}
.widget_block h2 {
font-size: 28px;
color: #000;
}
.widget_block {
color: #000;
}
.gesto-internal-page h1, .gesto-internal-page h2, .gesto-internal-page h3, .gesto-internal-page h4, .gesto-internal-page h5, .gesto-internal-page h6, .gesto-internal-page, .gesto-internal-page p {
color: #000;
}
.gesto-internal-page h1 {
font-size: 36px;
}
.gesto-internal-page h2 {
font-size: 30px;
}
.gesto-internal-page h3 {
font-size: 24px;
}
.gesto-internal-page h4 {
font-size: 22px;
}
footer.default-footer.cta__bg {
background: #000;
padding: 20px;
}
.gesto-internal-page h5 {
font-size: 18px;
}
.gesto-internal-page h6 {
font-size: 16px;
} .gto-about-1-content {
padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-about-1-content {
padding-left: 0px;
padding-top: 50px;
}
}
.gto-about-1-content .gto-feature-list li {
font-size: 20px;
color: #051133;
}
.gto-about-1-feature-div {
display: flex;
gap: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-about-1-feature-div {
gap: 50px;
}
}
@media (max-width: 767px) {
.gto-about-1-feature-div {
gap: 30px;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-about-1-feature-div {
gap: 80px;
flex-wrap: nowrap;
}
}
.gto-about-1-img {
position: relative;
}
.gto-about-1-img .shape-1 {
position: absolute;
top: 0;
left: 20px;
}
.gto-about-1-img .shape-2 {
position: absolute;
right: 20px;
top: 50px;
}
.gto-about-1-img .shape-4 {
position: absolute;
left: 0;
bottom: 0;
box-shadow: -3.032px 10.574px 70px 0px rgba(12, 12, 12, 0.07);
}
.gto-about-1-img .shape-3 {
position: absolute;
right: 37px;
bottom: 40px;
}
.gto-about-1-slider .gto-about-1-slider-item img {
max-width: 90px;
}
.gto-about-1-slider-item {
width: 170px;
height: 170px;
border-radius: 50%;
text-align: center;
line-height: 170px;
border: 2px solid #f5f5f5;
margin: 0 auto;
}
.gto-faq-1-box .accordion-item {
position: relative;
background: transparent;
border: none;
}
.gto-faq-1-box .accordion-item:is(.faq_bg) .accordion-header .accordion-button .icon i::before {
content: "\f068";
}
.gto-faq-1-box .accordion-item .line {
display: block;
width: 100%;
height: 1px;
background: var(--919191, #919191);
}
.gto-faq-1-box .accordion-item .accordion-header {
outline: none;
box-shadow: none;
position: relative;
z-index: 1;
}
.gto-faq-1-box .accordion-item .accordion-header .accordion-button {
padding-right: 0;
padding-left: 0;
justify-content: space-between;
align-items: start;
background: transparent;
outline: none;
box-shadow: none;
padding-top: 25px;
padding-bottom: 25px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.gto-faq-1-box .accordion-item .accordion-header .accordion-button .text {
font-size: 27px;
font-weight: 900;
color: #182022;
}
@media (max-width: 767px) {
.gto-faq-1-box .accordion-item .accordion-header .accordion-button .text {
font-size: 23px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-faq-1-box .accordion-item .accordion-header .accordion-button .text {
font-size: 27px;
}
}
.gto-faq-1-box .accordion-item .accordion-header .accordion-button .icon {
flex: 0 0 auto;
text-align: center;
font-size: 16px;
color: var(--pr-ec4814);
margin-top: 5px;
}
.gto-faq-1-box .accordion-item .accordion-header .accordion-button::after {
display: none;
}
.gto-faq-1-box .accordion-item .accordion-body {
position: relative;
z-index: 1;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 35px;
}
.gto-faq-1-box .accordion-item .accordion-body .faq-text {
font-size: 20px;
font-weight: 600;
line-height: 30px;
margin-bottom: 0;
color: #5b5b5b;
}
.gto-faq-1-right-content {
background-color: #fff6f0;
border-radius: 30px;
padding: 65px;
}
@media (max-width: 767px) {
.gto-faq-1-right-content {
padding: 65px 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-faq-1-right-content {
padding: 65px;
}
}
.gto-faq-1-right-content .gto-title {
font-size: 40px;
color: #000;
margin-bottom: 40px;
}
.gto-feature-list li {
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
color: #000;
line-height: 30px;
}
.gto-feature-list li:not(:last-child) {
margin-bottom: 5px;
}
.gto-feature-list li i {
line-height: 1;
transform: translateY(4px);
display: inline-block;
margin-right: 10px;
position: relative;
z-index: 1;
}
.gto-feature-list li i:after {
content: "";
position: absolute;
width: 22px;
height: 22px;
border-radius: 50%;
background-color: #ffd4c7;
left: -5px;
bottom: 0px;
z-index: -1;
} .gto-satisfied-card {
flex: 0 0 auto;
display: inline-block;
background-color: var(--pr-ec4814);
border-radius: 10px;
text-align: center;
color: #fff;
padding: 30px;
}
.gto-satisfied-card .parcent {
font-size: 40px;
color: #fff;
line-height: 1;
margin-bottom: 0;
font-weight: 900;
}
.gto-satisfied-card .text {
font-size: 19px;
font-weight: 600;
text-transform: capitalize;
line-height: 1;
}
.gto-satisfied-card:is(.bg-color-2) {
background-color: #103a33;
} .gto-trusted-1-item {
box-shadow: -3.032px 10.574px 70px 0px rgba(12, 12, 12, 0.07);
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
}
.gto-trusted-1-item .content-wrap {
padding: 40px 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-trusted-1-item .content-wrap {
padding: 40px 30px;
}
}
@media (max-width: 767px) {
.gto-trusted-1-item .content-wrap {
padding: 40px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-trusted-1-item .content-wrap {
padding: 40px 55px;
}
}
.gto-trusted-1-item .img-wrap {
width: 100%;
height: 230px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.gto-trusted-1-item .title {
font-size: 28px;
color: #2a2a2a;
margin-bottom: 5px;
}
.gto-trusted-1-item .text {
font-size: 18px;
color: #606364;
line-height: 26px;
font-weight: 500;
margin-bottom: 18px;
}
.gto-trusted-1-item-btn {
display: block;
font-size: 17px;
font-weight: 900;
line-height: 1;
color: #fff;
background-color: #000;
display: flex;
justify-content: space-between;
text-transform: capitalize;
padding: 25px 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-trusted-1-item-btn {
padding: 25px 30px;
}
}
@media (max-width: 767px) {
.gto-trusted-1-item-btn {
padding: 25px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-trusted-1-item-btn {
padding: 25px 55px;
}
}
.gto-trusted-1-item .gto-feature-list li {
font-size: 20px;
font-weight: 900;
color: #382c4d;
}
.gto-trusted-1-item .gto-feature-list li:not(:last-child) {
margin-bottom: 12px;
}
.gto-trusted-1-item:hover .gto-trusted-1-item-btn {
background-color: var(--pr-ec4814);
color: #fff;
}
.gto-trusted-1-item:hover .img-wrap img {
animation: gtp-p1-img 15s infinite ease-in-out;
transition: 500ms ease;
}  .gto-project-1-area {
position: relative;
z-index: 1;
}
.gto-project-1-area .bg-img-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-project-1-area .bg-img-1 {
height: 600px;
object-fit: cover;
}
}
.gto-project-1-slider-item {
position: relative;
transition: 500ms ease;
}
.gto-project-1-slider-item .img-wrap {
position: relative;
width: 100%;
height: 550px;
border-radius: 10px;
overflow: hidden;
}
@media (max-width: 767px) {
.gto-project-1-slider-item .img-wrap {
height: 410px;
}
}
.gto-project-1-slider-item .img-wrap::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: #000;
opacity: 0.5;
transition: 500ms ease;
}
.gto-project-1-slider-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-project-1-slider-item .content-wrap {
background-color: #fff;
display: block;
border-radius: 10px;
overflow: hidden;
position: absolute;
padding: 30px 40px;
bottom: 30px;
left: 30px;
transition: 500ms ease;
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-project-1-slider-item .content-wrap {
left: 15px;
}
}
.gto-project-1-slider-item .content-wrap .subtitle {
font-size: 18px;
font-weight: 700;
color: var(--pr-ec4814);
text-transform: capitalize;
display: block;
line-height: 1;
}
.gto-project-1-slider-item .content-wrap .title {
font-size: 24px;
font-weight: 700;
color: var(--heading-0e191e);
text-transform: capitalize;
}
@media (max-width: 767px) {
.gto-project-1-slider-item .content-wrap .title {
font-size: 16px;
}
}
.gto-project-1-slider-item .content-wrap .title:hover {
color: var(--pr-ec4814);
}
.gto-project-1-slider-item:hover .img-wrap::after {
opacity: 0.2;
}
.gto-project-1-slider-item:hover .content-wrap {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.gto-project-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-1-slider-item .img-wrap::after {
opacity: 0.2;
}
.gto-project-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-1-slider-item .content-wrap {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.gto-project-1-slider {
position: relative;
}
.gto-project-1-slider-btn {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 45%;
z-index: 1;
}
.gto-project-1-slider-btn .gto_project_1_next, .gto-project-1-slider-btn .gto_project_1_prev {
background-color: #2d1a15;
box-shadow: 0px 1px 29px 0px rgba(0, 0, 0, 0.07);
width: 70px;
height: 70px;
border-radius: 50%;
text-align: center;
line-height: 70px;
font-size: 16px;
color: #fff;
transition: 400ms ease;
}
@media (max-width: 767px) {
.gto-project-1-slider-btn .gto_project_1_next, .gto-project-1-slider-btn .gto_project_1_prev {
width: 45px;
height: 45px;
line-height: 45px;
}
}
.gto-project-1-slider-btn .gto_project_1_next:hover, .gto-project-1-slider-btn .gto_project_1_prev:hover {
color: #fff;
background-color: var(--pr-ec4814);
}
.gto-project-1-slider-btn .gto_project_1_next {
margin-right: -31px;
}
.gto-project-1-slider-btn .gto_project_1_prev {
margin-left: -31px;
}  .gto-price-1-area {
position: relative;
z-index: 1;
}
.gto-price-1-area .bg-img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-price-1-area .bg-img {
height: 620px;
object-fit: cover;
}
}
.gto-price-1-area .bg-shape-1 {
position: absolute;
left: 0;
bottom: -270px;
z-index: -2;
animation: cam1-bg-shape 5s infinite ease-in-out;
animation-delay: 1s;
}
.gto-price-1-wrap {
background-color: #fff;
border-radius: 30px;
box-shadow: 0px 0px 68px 0px rgba(19, 19, 19, 0.11);
display: flex;
padding: 70px 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-price-1-wrap {
flex-wrap: wrap;
gap: 50px;
}
}
@media (max-width: 767px) {
.gto-price-1-wrap {
flex-wrap: wrap;
gap: 50px;
padding: 70px 25px;
}
}
.gto-price-1-left .gto-title {
font-size: 50px;
margin-bottom: 6px;
}
@media (max-width: 767px) {
.gto-price-1-left .gto-title {
font-size: 36px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-1-left .gto-title {
font-size: 40px;
}
}
.gto-price-1-left .text {
color: #606364;
font-weight: 500;
font-size: 18px;
}
.gto-price-1-right {
flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-price-1-right {
flex: 0 0 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-price-1-right {
width: 100%;
}
}
.gto-price-1-right .gto-price-1-img img {
animation: gtp-p1-img 15s infinite ease-in-out;
}
.gto-price-1-tabs-menu {
border: none;
outline: none;
gap: 15px;
}
.gto-price-1-tabs-menu .nav-link {
position: relative;
font-size: 19px;
font-weight: 700;
text-transform: capitalize;
border: none;
outline: none;
color: #161616;
padding: 0;
line-height: 1;
padding-left: 30px;
}
.gto-price-1-tabs-menu .nav-link::after {
content: "";
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid var(--pr-ec4814);
left: 0;
top: 3px;
}
.gto-price-1-tabs-menu .nav-link::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: var(--pr-ec4814);
left: 4px;
top: 7px;
opacity: 0;
}
.gto-price-1-tabs-menu .nav-link:is(.active) {
color: #161616;
background: transparent;
}
.gto-price-1-tabs-menu .nav-link:is(.active)::before {
opacity: 1;
}
.gto-price-1-tabs-menu .offers {
display: inline-block;
font-size: 12px;
font-weight: 700;
text-transform: capitalize;
background: var(--pr-ec4814);
color: #fff;
padding: 3px 15px;
}
.gto-price-1-tabs-item-single {
display: flex;
align-items: center;
gap: 35px;
margin-right: -50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-price-1-tabs-item-single {
margin-right: 0px;
}
}
@media (max-width: 767px) {
.gto-price-1-tabs-item-single {
margin-right: 0px;
flex-wrap: wrap;
margin-bottom: 40px;
}
}
.gto-price-1-tabs-item-single .price-wrap {
font-size: 56px;
font-weight: 900;
color: #1c1c1c;
line-height: 1;
display: flex;
}
.gto-price-1-tabs-item-single .price-wrap .doller-signe, .gto-price-1-tabs-item-single .price-wrap .date {
font-size: 23px;
}
.gto-price-1-tabs-item-single .price-wrap .doller-signe {
margin-top: 12px;
}
.gto-price-1-tabs-item-single .price-wrap .date {
align-self: end;
}
.gto-price-1-tabs-item-single .gto-feature-list {
background-color: #FFF7F8;
padding: 30px;
border-radius: 11px 70px 70px 11px;
display: inline-block;
}
.gto-price-1-tabs-item-single .gto-feature-list li {
font-size: 19px;
font-weight: 900;
color: #161616;
}
@media (max-width: 767px) {
.gto-price-1-tabs-item-single .gto-feature-list li {
font-size: 16px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-1-tabs-item-single .gto-feature-list li {
font-size: 19px;
}
}
.gto-price-1-tabs-item-single .gto-feature-list li:not(:last-child) {
margin-bottom: 7px;
} .gto-testimonial-1-wrap {
position: relative;
}
.gto-testimonial-1-wrap::after {
content: "";
position: absolute;
width: 102%;
height: 410px;
border-radius: 30px;
background-color: #fffaf0;
bottom: 0;
left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-testimonial-1-wrap::after {
width: 100%;
}
}
.gto-testimonial-1-item {
padding-left: 100px;
display: grid;
grid-template-columns: 1fr 0.6fr;
gap: 50px;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-testimonial-1-item {
grid-template-columns: 1fr;
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 767px) {
.gto-testimonial-1-item {
grid-template-columns: 1fr;
padding-left: 15px;
padding-right: 15px;
}
}
.gto-testimonial-1-item .content-wrap {
margin-bottom: -143px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-testimonial-1-item .content-wrap {
margin-bottom: 0;
}
}
.gto-testimonial-1-item .content-wrap .comment {
position: relative;
font-size: 30px;
line-height: 1.66;
font-weight: 700;
font-style: italic;
color: #151515;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-testimonial-1-item .content-wrap .comment {
font-size: 25px;
}
}
@media (max-width: 767px) {
.gto-testimonial-1-item .content-wrap .comment {
font-size: 22px;
}
}
.gto-testimonial-1-item .content-wrap .comment .qoute {
display: inline-block;
font-size: 60px;
line-height: 1;
position: absolute;
top: -26px;
left: -25px;
}
.gto-testimonial-1-item .content-wrap .reating {
font-size: 16px;
color: #151515;
line-height: 1;
margin-bottom: 14px;
}
.gto-testimonial-1-item .content-wrap .name {
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
color: #252333;
margin-bottom: 0;
}
.gto-testimonial-1-item .content-wrap .name span {
font-size: 14px;
text-transform: uppercase;
}
.gto-testimonial-1-item .img-wrap {
width: 100%;
height: 530px;
overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-testimonial-1-item .img-wrap {
border-radius: 0 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-testimonial-1-item .img-wrap {
border-radius: 0 0 30px;
}
}
@media (max-width: 767px) {
.gto-testimonial-1-item .img-wrap {
border-radius: 0 0 30px;
height: 400px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-testimonial-1-item .img-wrap {
border-radius: 0 0 30px;
height: 530px;
}
}
.gto-testimonial-1-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
clip-path: polygon(50% 100%, 100% 93%, 100% 100%, 0 100%, 0 94%);
transition: 3000ms ease;
}
.gto-testimonial-1-preview {
position: absolute;
right: 130px;
bottom: 30px;
width: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-testimonial-1-preview {
right: 30px;
}
}
.gto-testimonial-1-preview-item {
width: 90px;
height: 90px;
overflow: hidden;
border-radius: 20px;
background-color: #e5f3ff;
}
.gto-testimonial-1-preview-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.gto-testimonial-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-testimonial-1-item .img-wrap img {
clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 0);
} .gto-progress-1-area {
position: relative;
}
.gto-progress-1-main-item {
width: 100%;
height: 720px;
overflow: hidden;
position: relative;
}
@media (max-width: 767px) {
.gto-progress-1-main-item {
height: 550px;
}
}
.gto-progress-1-main-item::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(2, 0, 36, 0) 15%, rgba(0, 0, 0, 0.8) 100%);
left: 0;
top: 0;
}
.gto-progress-1-main-slider .gto-progress-1-main-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-progress-1-preview-slider {
position: absolute;
bottom: 70px;
width: 100%;
left: 0;
z-index: 1;
}
.gto-progress-1-preview-item {
position: relative;
cursor: pointer;
}
.gto-progress-1-preview-item::before {
position: absolute;
content: "";
width: 21%;
height: 2px;
background-color: #fff;
left: 88%;
top: 23px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-progress-1-preview-item::before {
display: none;
}
}
.gto-progress-1-preview-item .title {
font-size: 38px;
line-height: 1;
color: #fff;
margin-bottom: 5px;
}
.gto-progress-1-preview-item .text {
position: relative;
font-size: 15px;
font-weight: 700;
color: #bbbbbb;
line-height: 1;
}
.gto-progress-1-preview-item .text::after {
content: "";
position: absolute;
width: 0%;
height: 3px;
left: 110%;
bottom: 7px;
background-color: var(--pr-ec4814);
transition: 600ms ease;
}
.gto-progress-1-preview-slider .swiper {
margin-right: -50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-progress-1-preview-slider .swiper {
margin-right: 0px;
}
}
.gto-progress-1-preview-slider .swiper-container .swiper-wrapper {
align-items: center;
}
.gto-progress-1-preview-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-progress-1-preview-item .title {
font-size: 55px;
color: var(--pr-ec4814);
}
.gto-progress-1-preview-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-progress-1-preview-item .text {
color: var(--pr-ec4814);
}
.gto-progress-1-preview-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-progress-1-preview-item .text::after {
width: 50%;
}  .gto-team-1-item {
position: relative;
padding-bottom: 70px;
transition: 400ms ease;
}
@media (max-width: 767px) {
.gto-team-1-item {
padding-bottom: 325px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-team-1-item {
padding-bottom: 70px;
}
}
.gto-team-1-item .img-wrap {
width: 300px;
height: 380px;
overflow: hidden;
border-radius: 0 0 45% 45%;
text-align: center;
position: relative;
z-index: 1;
margin: 0 auto;
transition: 500ms ease;
}
.gto-team-1-item .img-wrap::after {
content: "";
position: absolute;
width: 300px;
height: 316px;
border-radius: 50%;
left: 0;
bottom: 0;
background: #fff;
z-index: -1;
}
.gto-team-1-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.gto-team-1-item .content-wrap {
background: #ffede7;
border-radius: 60px;
padding: 55px 30px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
transition: 500ms ease;
opacity: 0;
}
.gto-team-1-item .content-wrap .name {
font-size: 25px;
color: #262420;
font-weight: 700;
margin-bottom: 23px;
}
.gto-skill-progress-wrap .title {
display: block;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
color: var(--pr-ec4814);
margin-bottom: 5px;
line-height: 1;
}
.gto-skill-progress-item {
width: 100%;
max-width: 120px;
background-color: #fff;
height: 10px;
border-radius: 10px;
overflow: hidden;
}
.gto-skill-progress-item .skill-line {
display: block;
background: var(--pr-ec4814);
height: 100%;
border-radius: 10px;
}
.gto-skill-progress-item .skill-line:is(.w-90) {
width: 90%;
}
.gto-skill-progress-item .skill-line:is(.w-60) {
width: 60%;
}
.gto-skill-progress-item .skill-line:is(.w-70) {
width: 70%;
}
.gto-team-1-social-links {
text-align: center;
margin-bottom: -39px;
}
.gto-team-1-social-links li {
display: inline-block;
margin: 0 18px;
}
@media (max-width: 767px) {
.gto-team-1-social-links li {
margin: 0 6px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-team-1-social-links li {
margin: 0 18px;
}
}
.gto-team-1-social-links li a {
font-size: 20px;
color: #000;
}
.gto-team-1-social-links li a:hover {
color: var(--pr-ec4814);
}
.gto-team-1-slider {
position: relative;
margin-right: -60px;
overflow: inherit;
}
.gto-team-1-slider .swiper-container{
overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-team-1-slider {
margin-right: 0;
}
}
.gto-team-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) {
width: 510px !important;
}
@media (max-width: 767px) {
.gto-team-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) {
width: unset !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-team-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) {
width: 510px !important;
}
}
.gto-team-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-team-1-item .img-wrap {
transform: translateX(100px);
}
@media (max-width: 767px) {
.gto-team-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-team-1-item .img-wrap {
transform: translateX(0px);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-team-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-team-1-item .img-wrap {
transform: translateX(100px);
}
}
.gto-team-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-team-1-item .content-wrap {
opacity: 1;
}
.gto-team-1-slider-btn {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-team-1-slider-btn {
position: unset;
transform: unset;
margin-top: 30px;
justify-content: center;
gap: 50px;
}
}
.gto-team-1-slider-btn .gto_team_1_next, .gto-team-1-slider-btn .gto_team_1_prev {
background-color: #2d1a15;
box-shadow: 0px 1px 29px 0px rgba(0, 0, 0, 0.07);
width: 70px;
height: 70px;
border-radius: 50%;
text-align: center;
line-height: 70px;
font-size: 16px;
color: #fff;
transition: 400ms ease;
cursor: pointer;
}
.gto-team-1-slider-btn .gto_team_1_next:hover, .gto-team-1-slider-btn .gto_team_1_prev:hover {
color: #fff;
background-color: var(--pr-ec4814);
}
.gto-team-1-slider-btn .gto_team_1_next {
margin-right: -90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-team-1-slider-btn .gto_team_1_next {
margin-right: 0px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gto-team-1-slider-btn .gto_team_1_next {
margin-right: -50px;
}
}
@media (max-width: 767px) {
.gto-team-1-slider-btn .gto_team_1_next {
margin-right: 0px;
width: 45px;
height: 45px;
line-height: 45px;
}
}
.gto-team-1-slider-btn .gto_team_1_prev {
margin-left: -90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gto-team-1-slider-btn .gto_team_1_prev {
margin-left: -50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-team-1-slider-btn .gto_team_1_prev {
margin-left: 0px;
}
}
@media (max-width: 767px) {
.gto-team-1-slider-btn .gto_team_1_prev {
margin-left: 0px;
width: 45px;
height: 45px;
line-height: 45px;
}
} .gto-choose-1-faq {
width: 100%;
max-width: 380px;
}
.gto-choose-1-faq .accordion-item {
border: none;
outline: none;
background: transparent;
border-radius: 0;
box-shadow: none;
}
.gto-choose-1-faq .accordion-item .accordion-header {
border: none;
outline: none;
background: transparent;
box-shadow: none;
border-radius: 0;
}
.gto-choose-1-faq .accordion-item .accordion-header .accordion-button {
background: transparent;
border-radius: 0;
font-size: 24px;
color: #0e191e;
font-weight: 900;
text-transform: capitalize;
padding: 10px 0;
border: none;
outline: none;
box-shadow: none;
}
.gto-choose-1-faq .accordion-item .accordion-header .accordion-button::after {
display: none;
}
.gto-choose-1-faq .accordion-item .accordion-body {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.gto-choose-1-faq .accordion-item .accordion-body p {
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
color: #5b5b5b;
}
.gto-choose-1-faq .accordion-item:is(.faq_bg) .accordion-header {
background: transparent;
border: none;
}
.gto-choose-1-faq .accordion-item:is(.faq_bg) .accordion-header .accordion-button {
background: transparent;
border: none;
}
.gto-choose-1-img-wrap {
position: relative;
padding-right: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-choose-1-img-wrap {
padding-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-choose-1-img-wrap {
grid-row-start: 1;
padding-right: 0px;
}
}
.gto-choose-1-img-wrap .main-img {
width: 100%;
height: 560px;
border-radius: 30px;
overflow: hidden;
}
@media (max-width: 767px) {
.gto-choose-1-img-wrap .main-img {
height: 450px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-choose-1-img-wrap .main-img {
height: 560px;
}
}
.gto-choose-1-img-wrap .main-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-choose-1-img-wrap .popup-img {
width: 100%;
max-width: 430px;
height: 450px;
border-radius: 30px;
overflow: hidden;
position: absolute;
top: -75px;
right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-choose-1-img-wrap .popup-img {
max-width: 280px;
height: 330px;
}
}
@media (max-width: 767px) {
.gto-choose-1-img-wrap .popup-img {
max-width: 180px;
height: 250px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-choose-1-img-wrap .popup-img {
max-width: 430px;
height: 450px;
}
}
.gto-choose-1-img-wrap .popup-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-choose-1-img-wrap .shape-1 {
position: absolute;
bottom: 60px;
left: -165px;
} .gto-text-slide-2-wrap {
display: flex;
justify-content: flex-start;
white-space: nowrap;
gap: 35px;
align-items: center;
animation: text-slide-2 15s linear infinite;
animation-delay: 1s;
}
.gto-text-slide-2-wrap .title {
font-size: 130px;
font-weight: 700;
text-transform: capitalize;
line-height: 1;
color: transparent;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #b4b4b4;
margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-text-slide-2-wrap .title {
font-size: 180px;
}
}
@media (max-width: 767px) {
.gto-text-slide-2-wrap .title {
font-size: 140px;
}
}
@keyframes text-slide-2 {
0% {
translate: 0;
}
100% {
translate: -100%;
}
} .gto-about-2-chart {
background: #090909;
border-radius: 30px;
padding: 30px 30px 20px 42px;
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 15px;
}
@media (max-width: 767px) {
.gto-about-2-chart {
padding: 20px;
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-about-2-chart {
padding: 30px 30px 20px 42px;
grid-template-columns: 1.3fr 1fr;
}
}
.gto-about-2-chart .content {
margin-top: 30px;
}
.gto-about-2-chart .subtitle {
font-family: var(--urbanist);
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
position: relative;
color: var(--pr-ec4814);
padding-left: 40px;
}
.gto-about-2-chart .subtitle::after {
content: "";
width: 27px;
height: 5px;
border-radius: 2.5px;
background: var(--pr-ec4814);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.gto-about-2-chart .title {
font-size: 31px;
font-weight: 800;
color: #fff;
line-height: 1.12;
margin-bottom: 0;
}
.gto-about-2-chart .chart-item {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: end;
gap: 10px;
overflow: hidden;
}
.gto-about-2-chart .chart-item span {
flex: 0 0 auto;
display: inline-block;
width: 100%;
border-radius: 35px;
transition: 500ms;
}
.gto-about-2-chart .chart-item .chart-1 {
height: 90px;
background-color: #feb435;
transform: translateY(100%);
opacity: 0;
visibility: hidden;
}
.gto-about-2-chart .chart-item .chart-2 {
height: 130px;
background-color: #ff5f2c;
transform: translateY(100%);
opacity: 0;
visibility: hidden;
transition-delay: 300ms;
}
.gto-about-2-chart .chart-item .chart-3 {
height: 180px;
background-color: #01bfaa;
transform: translateY(100%);
opacity: 0;
visibility: hidden;
transition-delay: 600ms;
}
.gto-about-2-chart:is(.active) .chart-item .chart-3, .gto-about-2-chart:is(.active) .chart-item .chart-2, .gto-about-2-chart:is(.active) .chart-item .chart-1 {
transform: translateY(0%);
opacity: 1;
visibility: visible;
}
.gto-about-2-feature-div {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 35px;
align-items: center;
}
@media (max-width: 767px) {
.gto-about-2-feature-div {
grid-template-columns: 1fr;
}
}
.gto-about-2-right .gto-loading-animation {
width: 100%;
height: 25px;
}
.gto-about-2-right .gto-section-pera {
margin-bottom: 30px;
}
.gto-about-2-img {
position: relative;
padding-top: 50px;
}
.gto-about-2-img .main-img {
width: 100%;
max-width: 320px;
height: 275px;
border-radius: 20px;
overflow: hidden;
}
.gto-about-2-img .main-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-about-2-img .shape-1 {
position: absolute;
top: 0;
right: -30px;
}
@media (max-width: 767px) {
.gto-about-2-img .shape-1 {
right: 0px;
}
}
.gto-about-2-counter {
padding-right: 15px;
}
.gto-about-2-counter .number {
font-size: 90px;
font-family: var(--urbanist);
line-height: 1px;
margin-bottom: -8px;
font-weight: 400;
}
.gto-about-2-counter .number .odometer {
font-weight: 900;
font-family: var(--urbanist);
}
.gto-video-2-area {
position: relative;
}
.gto-video-2-area .bg-shape-1 {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
z-index: 1;
}
.gto-video-2-area .video-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.gto-video-2-area .video-wrap video {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-video-2-wrap {
position: relative;
z-index: 1;
}
.gto-video-2-content {
text-align: center;
width: 100%;
max-width: 650px;
margin: 0 auto;
}
.gto-video-2-content .gto-title {
font-size: 60px;
color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-video-2-content .gto-title {
font-size: 55px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-video-2-content .gto-title {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-video-2-content .gto-title {
font-size: 45px;
}
}
@media (max-width: 767px) {
.gto-video-2-content .gto-title {
font-size: 36px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-video-2-content .gto-title {
font-size: 42px;
}
}
.gto-video-2-content .gto-feature-list li {
display: inline-block;
margin: 0 15px;
color: #fff;
}
.gto-video-2-content .gto-feature-list li i {
color: #238c91;
}
.gto-video-2-content .gto-feature-list li i::after {
background-color: #d0fdff;
} .gto-price-2-left {
padding-right: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-price-2-left {
padding-right: 0px;
}
}
.gto-price-2-left .img-wrap {
width: 100%;
height: 415px;
overflow: hidden;
border-radius: 15px;
}
@media (max-width: 767px) {
.gto-price-2-left .img-wrap {
height: 350px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-2-left .img-wrap {
height: 405px;
}
}
.gto-price-2-left .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-price-2-right {
padding-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-price-2-right {
padding-left: 0px;
padding-top: 50px;
}
}
.gto-price-2-right .gto-feature-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px 0;
}
@media (max-width: 767px) {
.gto-price-2-right .gto-feature-list {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-2-right .gto-feature-list {
grid-template-columns: 1fr 1fr;
}
}
.gto-price-2-right .gto-feature-list li {
margin-bottom: 0;
}
.gto-price-2-right .gto-feature-list li i {
color: #238b91;
}
.gto-price-2-right .gto-feature-list li i::after {
background: #d0fdff;
}
.gto-price-2-tabs {
border: none;
}
.gto-price-2-tabs-btn {
border: none;
}
.gto-price-2-tabs-btn .nav-item {
position: relative;
}
.gto-price-2-tabs-btn .nav-item:not(:last-child) {
margin-right: 55px;
}
.gto-price-2-tabs-btn .nav-item:not(:last-child)::after {
content: "/";
color: #151f35;
position: absolute;
font-size: 24px;
font-weight: 900;
top: -2px;
right: -30px;
}
@media (max-width: 767px) {
.gto-price-2-tabs-btn .nav-item:not(:last-child)::after {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-2-tabs-btn .nav-item:not(:last-child)::after {
display: block;
}
}
.gto-price-2-tabs-btn .nav-item .nav-link {
position: relative;
font-size: 18px;
line-height: 37px;
color: #151f35;
font-weight: 800;
text-transform: capitalize;
padding: 0;
border-radius: 0;
border: none;
}
.gto-price-2-tabs-btn .nav-item .nav-link::after {
content: "";
position: absolute;
width: 0%;
height: 4px;
border-radius: 2px;
background-color: #ec4814;
bottom: -2px;
left: 0;
transition: 400ms ease;
}
.gto-price-2-tabs-btn .nav-item .nav-link:is(.active) {
color: #ec4814;
border: none;
}
.gto-price-2-tabs-btn .nav-item .nav-link:is(.active)::after {
width: 100%;
}
.gto-price-2-tabs-content {
border: 1px solid #ececec;
border-radius: 20px;
}
.gto-price-2-tabs-content .img-wrap {
width: 100%;
height: 425px;
overflow: hidden;
border-radius: 15px 15px 0 0;
}
@media (max-width: 767px) {
.gto-price-2-tabs-content .img-wrap {
height: 350px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-2-tabs-content .img-wrap {
height: 425px;
}
}
.gto-price-2-tabs-content .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.gto-price-2-tabs-content .content-wrap {
display: grid;
grid-template-columns: 2fr 1fr;
align-items: center;
}
@media (max-width: 767px) {
.gto-price-2-tabs-content .content-wrap {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-2-tabs-content .content-wrap {
grid-template-columns: 2fr 1fr;
}
}
.gto-price-2-tabs-content .content-wrap .left {
border-right: 1px solid #ececec;
padding: 30px 40px;
}
@media (max-width: 767px) {
.gto-price-2-tabs-content .content-wrap .left {
padding: 30px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-2-tabs-content .content-wrap .left {
padding: 30px 40px;
}
}
.gto-price-2-tabs-content .content-wrap .right {
padding: 30px 40px;
}
@media (max-width: 767px) {
.gto-price-2-tabs-content .content-wrap .right {
padding: 30px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-2-tabs-content .content-wrap .right {
padding: 30px 40px;
}
}
.gto-price-2-tabs-content .content-wrap .title {
font-size: 26px;
color: #151f35;
font-weight: 900;
}
.gto-price-2-tabs-content .content-wrap .offers {
font-size: 15px;
font-weight: 600;
text-transform: capitalize;
color: #fff;
display: inline-block;
background: #7d7ae3;
border-radius: 17px;
padding: 5px 25px;
}
.gto-price-2-tabs-content .content-wrap .price {
font-size: 35px;
font-weight: 900;
line-height: 1;
color: #151f35;
margin-bottom: 0;
}
.gto-price-2-tabs-content .content-wrap .monthly {
font-weight: 600;
font-size: 16px;
color: #ec4814;
text-transform: capitalize;
line-height: 1;
display: inline-block;
}  .gto-services-2-area {
padding-bottom: 240px;
}
.gto-services-2-card {
overflow: hidden;
border-radius: 30px;
background-color: #fff;
position: relative;
padding: 40px 40px;
padding-bottom: 15px;
margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-services-2-card {
padding: 30px 25px;
}
}
@media (max-width: 767px) {
.gto-services-2-card {
padding: 30px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-services-2-card {
padding: 40px 40px;
}
}
.gto-services-2-card .icon {
font-size: 70px;
color: #000;
line-height: 1;
margin-bottom: 5px;
transition: 300ms ease;
}
.gto-services-2-card .icon i {
display: inline-block;
transition: 600ms ease;
}
.gto-services-2-card .subtitle {
display: inline-block;
font-size: 15px;
line-height: 25px;
color: #606364;
font-weight: 500;
text-transform: capitalize;
}
.gto-services-2-card .title {
font-size: 22px;
line-height: 1.15;
color: #000;
margin-bottom: 6px;
}
.gto-services-2-card text {
font-size: 18px;
line-height: 25px;
color: #606364;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 24px;
}
.gto-services-2-card .feature {
margin-bottom: 35px;
}
.gto-services-2-card .feature li {
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
color: #000;
margin-bottom: 6px;
}
.gto-services-2-card .feature li i {
margin-right: 5px;
display: inline-block;
transform: translateY(2px);
color: #238c91;
}
.gto-services-2-card .btn-wrap {
text-align: right;
}
.gto-services-2-card .btn-wrap .s2-btn {
display: inline-block;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #ebebeb;
text-align: center;
line-height: 60px;
color: #000;
font-size: 16px;
transform: translateX(25px);
}
.gto-services-2-card .btn-wrap .s2-btn:hover {
background-color: var(--pr-ec4814);
color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-services-2-card .btn-wrap .s2-btn {
transform: translateX(0px);
}
}
@media (max-width: 767px) {
.gto-services-2-card .btn-wrap .s2-btn {
transform: translateX(-5px);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-services-2-card .btn-wrap .s2-btn {
transform: translateX(25px);
}
}
.gto-services-2-card p {
font-family: var(--urbanist);
font-weight: 400;
font-size: 20px;
line-height: 1.66;
color: #5b5b5b;
}
.gto-services-2-card:hover .icon {
color: var(--pr-ec4814);
}
.gto-services-2-card:hover .icon i {
transform: rotateY(359deg);
}  .gto-subtitle-2 {
display: inline-block;
font-size: 16px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
background: var(--gd-4);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}
.gto-subtitle-2 img {
margin-right: 0px;
margin-top: -5px;
}
.gto-cta-2-content {
border-right: 1px solid #656565;
}
@media (max-width: 767px) {
.gto-cta-2-content {
border-right: none;
}
}
.gto-title-2 {
font-size: 55px;
font-weight: 900;
letter-spacing: -0.55px;
line-height: 1.18;
color: var(--heading-4-color);
margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-title-2 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-title-2 {
font-size: 45px;
}
}
@media (max-width: 767px) {
.gto-title-2 {
font-size: 34px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-title-2 {
font-size: 40px;
}
}
.gto-title-2:is(.white-color) {
color: #fff;
}
.gto-cta-2-content .gto-title {
color: #fff;
}
.gto-cta-2-content .gto-section-pera {
color: #bbc1c3;
font-weight: 600;
width: 100%;
max-width: 402px;
}
.gto-cta-2-content .gto-hero-1-community .text {
color: #bbc1c3;
}
.gto-cta-2-wrap {
border-radius: 30px;
padding: 80px 150px;
display: grid;
grid-template-columns: 1.2fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-cta-2-wrap {
padding: 80px 40px;
}
}
@media (max-width: 767px) {
.gto-cta-2-wrap {
padding: 40px 30px;
grid-template-columns: 1fr;
gap: 40px;
}
}
.gto-cta-2-wrap .btn-wrap {
display: flex;
flex-direction: column;
align-items: end;
justify-content: center;
gap: 15px;
}
@media (max-width: 767px) {
.gto-cta-2-wrap .btn-wrap {
align-items: flex-start;
}
}
.gto-cta-2-wrap .btn-wrap .cta-2-btn-1, .gto-cta-2-wrap .btn-wrap .cta-2-btn-2 {
display: inline-block;
width: 238px;
background-color: #656565;
border-radius: 35px;
text-align: center;
font-size: 20px;
text-transform: capitalize;
font-weight: 800;
color: #fff;
line-height: 1;
padding: 24px 15px;
}
.gto-cta-2-wrap .btn-wrap .cta-2-btn-1 i, .gto-cta-2-wrap .btn-wrap .cta-2-btn-2 i {
display: inline-block;
margin-left: -20px;
opacity: 0;
transition: 400ms ease;
}
.gto-cta-2-wrap .btn-wrap .cta-2-btn-2 {
background-color: var(--pr-ec4814);
}
.gto-cta-2-wrap .btn-wrap .cta-2-btn-2:hover {
background-color: var(--sd-4c52e0);
}
.gto-cta-2-wrap .btn-wrap .cta-2-btn-2:hover i {
opacity: 1;
margin-left: 10px;
}
.gto-cta-2-wrap .btn-wrap .cta-2-btn-1:hover {
background-color: var(--sd-4c52e0);
}
.gto-cta-2-wrap .btn-wrap .cta-2-btn-1:hover i {
opacity: 1;
margin-left: 10px;
}  .gto-team-2-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 40px;
min-height: 673px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-team-2-wrap {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-team-2-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.gto-team-2-wrap {
grid-template-columns: 1fr;
padding: 0 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-team-2-wrap {
grid-template-columns: 1fr;
padding: 0 100px;
}
}
.gto-team-2-member {
position: relative;
transition: 400ms ease;
}
.gto-team-2-member .item-wrap {
background-color: #fbebeb;
padding-top: 70px;
border-radius: 140px 140px 140px 140px;
overflow: hidden;
transition: 400ms ease;
position: relative;
z-index: 2;
}
.gto-team-2-member .content-wrap {
text-align: center;
margin-bottom: 15px;
}
.gto-team-2-member .content-wrap .name {
font-size: 26px;
font-weight: 900;
color: #000;
margin-bottom: 0;
}
.gto-team-2-member .content-wrap .bio {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
display: inline-block;
color: #a14242;
}
.gto-team-2-member .img-wrap {
width: 100%;
height: 450px;
overflow: hidden;
transition: 400ms ease;
}
.gto-team-2-member .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.gto-team-2-member .t2-btn {
text-align: center;
background: #ff9898;
font-size: 25px;
height: 48%;
display: flex;
justify-content: center;
align-items: end;
padding-bottom: 20px;
color: #fff;
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
clip-path: circle(50% at 50% 50%);
transform: translateY(-70px);
z-index: 1;
opacity: 0;
visibility: hidden;
}
.gto-team-2-member:is(.color-2) .content-wrap .bio {
color: #13948d;
}
.gto-team-2-member:is(.color-2) .item-wrap {
background-color: #ebfefd;
}
.gto-team-2-member:is(.color-2) .t2-btn {
background: #13948d;
}
.gto-team-2-member:is(.color-3) .content-wrap .bio {
color: #954d1d;
}
.gto-team-2-member:is(.color-3) .item-wrap {
background-color: #f2f2f2;
}
.gto-team-2-member:is(.color-3) .t2-btn {
background: #954d1d;
}
.gto-team-2-member:is(.color-4) .content-wrap .bio {
color: #647809;
}
.gto-team-2-member:is(.color-4) .item-wrap {
background-color: #f7fce0;
}
.gto-team-2-member:is(.color-4) .t2-btn {
background: #647809;
}
.gto-team-2-member:is(.active) {
padding-bottom: 75px;
}
.gto-team-2-member:is(.active) .item-wrap {
border-radius: 140px 140px 20px 20px;
}
.gto-team-2-member:is(.active) .t2-btn {
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.gto-blog-2-content {
margin-right: -20px;
margin-top: -60px;
}
.gto-blog-2-slider {
padding-left: 30px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-blog-2-slider {
padding-left: 0px;
padding-top: 50px;
}
}
.gto-blog-2-item {
border-radius: 20px;
overflow: hidden;
background-color: #fff;
}
.gto-blog-2-item .img-wrap {
width: 100%;
height: 260px;
overflow: hidden;
}
.gto-blog-2-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-blog-2-item .content-wrap {
padding: 40px 45px;
padding-top: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-blog-2-item .content-wrap {
padding: 40px 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-blog-2-item .content-wrap {
padding: 20px 15px;
padding-top: 0px;
}
}
@media (max-width: 767px) {
.gto-blog-2-item .content-wrap {
padding: 40px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-blog-2-item .content-wrap {
padding: 40px 45px;
}
}
.gto-blog-2-item .author-date-wrap {
display: inline-block;
position: relative;
background: var(--pr-ec4814);
border-radius: 0 20px 20px 0;
padding: 5px 20px;
padding-left: 40px;
transform: translateY(-20px);
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-blog-2-item .author-date-wrap {
padding-left: 15px;
}
}
@media (max-width: 767px) {
.gto-blog-2-item .author-date-wrap {
padding-left: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-blog-2-item .author-date-wrap {
padding-left: 40px;
}
}
.gto-blog-2-item .author-date-wrap::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 160px;
height: 100%;
background-color: #bb2d00;
border-radius: 0 20px 20px 0;
z-index: -1;
transition: 400ms;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-blog-2-item .author-date-wrap::after {
width: 130px;
}
}
@media (max-width: 767px) {
.gto-blog-2-item .author-date-wrap::after {
width: 140px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-blog-2-item .author-date-wrap::after {
width: 160px;
}
}
.gto-blog-2-item .author-date-wrap .author, .gto-blog-2-item .author-date-wrap .date {
display: inline-block;
font-size: 15px;
font-weight: 900;
text-transform: capitalize;
color: #fff;
}
.gto-blog-2-item .author-date-wrap .author i, .gto-blog-2-item .author-date-wrap .date i {
font-size: 13px;
margin-right: 3px;
display: inline-block;
transform: translateY(-1px);
}
.gto-blog-2-item .author-date-wrap .author {
margin-right: 25px;
}
.gto-blog-2-item .title {
font-size: 25px;
font-weight: 900;
line-height: 1.4;
color: #252525;
transition: 300ms;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-blog-2-item .title {
font-size: 22px;
}
}
@media (max-width: 767px) {
.gto-blog-2-item .title {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-blog-2-item .title {
font-size: 25px;
}
}
.gto-blog-2-item .pera {
font-size: 18px;
font-weight: 500;
line-height: 30px;
color: #656565;
margin-bottom: 0;
}
.gto-blog-2-item:hover .title {
color: var(--pr-ec4814);
}
.gto-blog-2-item:hover .author-date-wrap::after {
width: 100%;
}
.gto-blog-2-pagination {
text-align: center;
padding-top: 40px;
position: relative;
z-index: 1;
}
.gto-blog-2-pagination .blgo_2_pagination span {
width: 12px;
height: 12px;
background: #26263e;
margin: 0 5px;
} .gto-project-count-2-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-project-count-2-wrap {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 767px) {
.gto-project-count-2-wrap {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-project-count-2-wrap {
grid-template-columns: 1fr 1fr;
}
}
.gto-project-count-2-item {
display: flex;
gap: 15px;
}
.gto-project-count-2-item .icon {
width: 52px;
height: 52px;
border-radius: 50%;
background-color: #082d3d;
text-align: center;
line-height: 60px;
color: #fff;
font-size: 30px;
flex: 0 0 auto;
margin-top: 5px;
}
.gto-project-count-2-item .number {
font-size: 60px;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-project-count-2-item .number {
font-size: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-project-count-2-item .number {
font-size: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-project-count-2-item .number {
font-size: 45px;
}
}
@media (max-width: 767px) {
.gto-project-count-2-item .number {
font-size: 40px;
}
}
.gto-project-count-2-item .text {
font-size: 19px;
font-weight: 700;
line-height: 20px;
text-transform: capitalize;
display: block;
} .gto-testimonial-2-area {
background-color: #eaf4fa;
}
.gto-testimonial-2-img {
padding-right: 40px;
padding-left: 10px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-testimonial-2-img {
padding-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-testimonial-2-img {
padding-top: 50px;
padding-right: 0px;
padding-left: 0px;
}
}
@media (max-width: 767px) {
.gto-testimonial-2-img {
padding-top: 50px;
padding-right: 0px;
padding-left: 0px;
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-testimonial-2-img {
padding-top: 50px;
padding-right: 0px;
padding-left: 0px;
grid-template-columns: 1fr 1fr;
}
}
.gto-testimonial-2-img .img-wrap {
width: 100%;
height: 290px;
overflow: hidden;
border-radius: 30px;
}
.gto-testimonial-2-img .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-testimonial-2-img .img-wrap:is(.blt-190) {
border-radius: 190px 30px 30px 30px;
}
.gto-testimonial-2-img .img-wrap:is(.bbr-190) {
border-radius: 30px 30px 190px 30px;
}
.gto-testimonial-2-img .img-wrap:nth-child(1) {
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: 1000ms ease;
}
.gto-testimonial-2-img .img-wrap:nth-child(2) {
transform: translate(50%, -50%);
opacity: 0;
visibility: hidden;
transition: 1000ms ease;
}
.gto-testimonial-2-img .img-wrap:nth-child(3) {
transform: translate(-50%, 50%);
opacity: 0;
visibility: hidden;
transition: 1000ms ease;
}
.gto-testimonial-2-img .img-wrap:nth-child(4) {
transform: translate(50%, 50%);
opacity: 0;
visibility: hidden;
transition: 1000ms ease;
}
.gto-testimonial-2-img:is(.active) .img-wrap {
transform: translate(0%, 0%);
opacity: 1;
visibility: visible;
}
.gto-testimonial-2-slider-item .icon {
display: block;
margin-bottom: 40px;
}
.gto-testimonial-2-slider-item .text {
font-size: 27px;
font-weight: 500;
font-style: italic;
color: #151f35;
line-height: 1.66;
margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-testimonial-2-slider-item .text {
font-size: 26px;
}
}
@media (max-width: 767px) {
.gto-testimonial-2-slider-item .text {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-testimonial-2-slider-item .text {
font-size: 26px;
}
}
.gto-tesetimonial-2-person {
padding-top: 30px;
border-top: 1px solid #eaeaea;
margin-left: 25px;
display: flex;
align-items: center;
gap: 20px;
}
.gto-tesetimonial-2-person .img-wrap {
width: 98px;
height: 98px;
border-radius: 50%;
overflow: hidden;
flex: 0 0 auto;
}
.gto-tesetimonial-2-person .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-tesetimonial-2-person .name {
font-size: 18px;
color: var(--pr-ec4814);
margin-bottom: 0px;
}
.gto-tesetimonial-2-person .bio {
font-size: 15px;
text-transform: capitalize;
font-weight: 500;
color: #4f4f4f;
}
.gto-testimonial-2-slider {
position: relative;
}
.gto-testimonial-2-slider-paganation {
position: absolute;
right: 10px;
bottom: 40px;
z-index: 1;
}
@media (max-width: 767px) {
.gto-testimonial-2-slider-paganation {
position: unset;
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-testimonial-2-slider-paganation {
position: absolute;
margin-top: 0px;
}
}
.gto-testimonial-2-slider-paganation .swiper-pagination {
position: unset;
}
.gto-testimonial-2-slider-paganation .swiper-pagination span {
width: 15px;
height: 15px;
border: 1px solid #c9c9c9;
background: #fff;
opacity: 1;
margin: 0 3px;
}
.gto-testimonial-2-slider-paganation .swiper-pagination span:is(.swiper-pagination-bullet-active) {
background: var(--pr-ec4814);
}  .gto-progress-2-left {
position: relative;
}
.gto-progress-2-left .shape-1 {
position: absolute;
top: 124px;
right: -60px;
}
.gto-progress-2-left .shape-2 {
position: absolute;
bottom: -98px;
right: -74px;
z-index: 1;
}
.gto-progress-2-left .img-wrap {
width: 100%;
height: 670px;
overflow: hidden;
border-radius: 0 0 268px 268px;
position: relative;
}
.gto-progress-2-left .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
position: relative;
z-index: 1;
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
transition: 1000ms;
}
.gto-progress-2-left .img-wrap::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background-color: #eef4fc;
border-radius: 260px;
transition: 2000ms;
transition-delay: 500ms;
}
.gto-progress-2-left:is(.active) .img-wrap img {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.gto-progress-2-left:is(.active) .img-wrap::after {
height: 97%;
}
.gto-progress-2-right {
padding-left: 80px;
padding-top: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-progress-2-right {
padding-left: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-progress-2-right {
padding-left: 0px;
padding-top: 100px;
}
}
.gto-progress-2-right .feature-wrap {
position: relative;
}
.gto-progress-2-right .feature-wrap .shape-1 {
position: absolute;
right: -8px;
top: -107px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-progress-2-right .feature-wrap .shape-1 {
right: -110px;
}
}
@media (max-width: 767px) {
.gto-progress-2-right .feature-wrap .shape-1 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-progress-2-right .feature-wrap .shape-1 {
right: -80px;
display: block;
}
}
.gto-progress-2-right .gto-section-pera {
width: 100%;
max-width: 551px;
}
.gto-progress-2-feature li {
font-size: 18px;
line-height: 1.66;
font-weight: 700;
color: #191825;
}
.gto-progress-2-feature li:not(:last-child) {
margin-bottom: 6px;
}
.gto-progress-2-feature li i {
font-size: 13px;
display: inline-block;
transform: translateY(-2px);
color: var(--pr-ec4814);
margin-right: 3px;
}
.gto-progress-2-circle-item-wrap {
display: flex;
gap: 50px;
}
@media (max-width: 767px) {
.gto-progress-2-circle-item-wrap {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-progress-2-circle-item-wrap {
flex-wrap: nowrap;
}
}
.gto-progress-2-circle-item {
flex: 0 0 auto;
display: flex;
align-items: center;
}
.gto-progress-2-circle-item .title {
font-size: 21px;
font-weight: 900;
color: #191825;
line-height: 25px;
margin-bottom: 9px;
}
.gto-progress-circle-1 {
display: inline-block;
}
.gto-progress-circle-1 input {
color: #191825 !important;
font-size: 18px !important;
font-weight: 900 !important;
font-family: var(--urbanist) !important;
line-height: 1 !important;
margin-left: -104px !important;
}
.gto-progress-2-tabs-btn {
background-color: #000;
display: inline-block;
padding: 80px 35px;
border-radius: 120px;
position: absolute;
left: 0;
bottom: -40px;
z-index: 1;
}
.gto-progress-2-tabs-btn .nav-item:not(:last-child) {
margin-bottom: 8px;
}
.gto-progress-2-tabs-btn .nav-item .nav-link {
border: none;
outline: none;
background: transparent;
font-size: 17px;
font-weight: 800;
color: #fff;
text-transform: capitalize;
transition: 400ms ease;
}
.gto-progress-2-tabs-btn .nav-item .nav-link i {
display: inline-block;
font-size: 15px;
margin-right: 5px;
}
.gto-progress-2-tabs-btn .nav-item .nav-link:is(.active) {
color: var(--pr-ec4814);
}
.gto-progress-2-tabs-btn .nav-item .nav-link:is(.active) i {
color: var(--sd-4c52e0);
}
.karx-market-progress-client {
display: flex;
align-items: center;
}
.karx-market-progress-project {
display: flex;
align-items: center;
margin-left: 25px;
}
@media (max-width: 767px) {
.karx-market-progress-project {
margin-left: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.karx-market-progress-circle.mr-25 {
margin-right: 20px;
}
}
.karx-market-progress-title h5 {
display: inline-block;
font-weight: 600;
font-size: 22px;
margin-bottom: 0;
line-height: 1.3;
}  .gto-cta-contact-1-area {
margin-bottom: -40px;
position: relative;
z-index: 1;
}
.gto-cta-contact-1-wrap {
background: #ec4814;
border-radius: 10px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-cta-contact-1-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.gto-cta-contact-1-wrap {
grid-template-columns: 1fr;
}
}
.gto-cta-contact-1-item {
display: flex;
align-items: center;
gap: 12px;
padding: 50px 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-cta-contact-1-item {
padding: 50px 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-cta-contact-1-item {
padding: 50px 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-cta-contact-1-item {
padding: 50px 25px;
}
}
@media (max-width: 767px) {
.gto-cta-contact-1-item {
padding: 50px 15px;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-cta-contact-1-item {
padding: 50px 25px;
flex-wrap: nowrap;
}
}
.gto-cta-contact-1-item:not(:last-child) {
border-right: 2px solid #bd3104;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-cta-contact-1-item:not(:last-child) {
border-right: 0px solid #bd3104;
border-bottom: 2px solid #bd3104;
}
}
.gto-cta-contact-1-item .icon {
flex: 0 0 auto;
width: 54px;
height: 54px;
border-radius: 50%;
background-color: #bd3104;
text-align: center;
line-height: 58px;
font-size: 18px;
color: #fff;
transition: 400ms ease;
}
.gto-cta-contact-1-item .content-wrap .name {
font-size: 18px;
color: #fff;
margin-bottom: 0;
font-weight: 700;
}
.gto-cta-contact-1-item .content-wrap .contact-link {
font-size: 18px;
color: #fff;
font-weight: 500;
text-transform: capitalize;
}
.gto-cta-contact-1-item .content-wrap .contact-link:hover {
color: var(--sd-4c52e0);
}
.gto-cta-contact-1-item:hover .icon {
background-color: var(--sd-4c52e0);
}
.gto-footer-1-area {
background-color: #04092f;
position: relative;
}
.gto-footer-1-area .shape-1 {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
}
.gto-footer-1-widget-wrap {
display: grid;
grid-template-columns: 1fr 1.3fr 1fr;
gap: 60px;
align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-footer-1-widget-wrap {
grid-template-columns: 1fr 1.3fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-footer-1-widget-wrap {
grid-template-columns: 1fr 1.6fr;
gap: 40px;
}
}
@media (max-width: 767px) {
.gto-footer-1-widget-wrap {
grid-template-columns: 1fr;
gap: 40px;
}
}
.gto-footer-1-widget-wrap .widget-title {
font-size: 25px;
line-height: 28px;
text-transform: uppercase;
color: #fff;
margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-footer-1-widget-wrap .widget-single:nth-child(3n) {
grid-column-start: 1;
grid-column-end: -1;
}
}
.gto-footer-1-menu-wrap {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 30px;
}
@media (max-width: 767px) {
.gto-footer-1-menu-wrap {
grid-template-columns: 1fr;
gap: 6px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-footer-1-menu-wrap {
grid-template-columns: 1.4fr 1fr;
gap: 30px;
}
}
.gto-footer-1-menu:not(:last-child) {
border-right: 1px solid #0b2d52;
}
@media (max-width: 767px) {
.gto-footer-1-menu:not(:last-child) {
border-right: 0px solid #0b2d52;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-footer-1-menu:not(:last-child) {
border-right: 1px solid #0b2d52;
}
}
.gto-footer-1-menu li:not(:last-child) {
margin-bottom: 10px;
}
.gto-footer-1-menu li a {
font-size: 17px;
font-weight: 700;
text-transform: capitalize;
color: #fff;
}
.gto-footer-1-menu li a i {
display: inline-block;
font-size: 16px;
margin-right: 5px;
}
.gto-footer-1-menu li a:hover {
color: var(--pr-ec4814);
}
.gto-footer-1-menu li a:hover i {
font-size: 18px;
}
.gto-footer-1-menu li a:hover i::before {
content: "\f00c";
}
.gto-footer-1-newslater .widget-title {
margin-bottom: 11px;
}
.gto-footer-1-newslater .gto-footer-1-pera {
margin-bottom: 34px;
}
.gto-footer-1-newslater-form {
width: 100%;
max-width: 550px;
border-radius: 30px;
overflow: hidden;
position: relative;
}
.gto-footer-1-newslater-form-wrap {
display: flex;
align-items: center;
gap: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-footer-1-newslater-form-wrap {
gap: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-footer-1-newslater-form-wrap {
gap: 30px;
}
}
@media (max-width: 767px) {
.gto-footer-1-newslater-form-wrap {
gap: 30px;
flex-wrap: wrap;
}
}
.gto-footer-1-newslater-form-wrap .title {
font-size: 25px;
color: white;
line-height: 1.2;
}
.gto-footer-1-newslater-form button {
position: absolute;
right: -1px;
top: 0;
height: 100%;
border: none;
outline: none;
background-color: var(--pr-ec4814);
text-transform: capitalize;
color: #fff;
font-weight: 600;
font-size: 17px;
line-height: 1;
padding: 0 25px;
}
.gto-footer-1-newslater-form input {
width: 100%;
border: none;
outline: none;
height: 60px;
font-size: 15px;
text-transform: capitalize;
color: #484848;
padding: 0 35px;
}
.gto-footer-1-newslater-form input::placeholder {
font-size: 15px;
text-transform: capitalize;
color: #484848;
}
.gto-footer-1-newslater-form .form-btn-1 {
position: absolute;
right: -1px;
top: 0;
height: 100%;
border: none;
outline: none;
background-color: var(--pr-ec4814);
text-transform: capitalize;
color: #fff;
font-weight: 600;
font-size: 17px;
line-height: 1;
padding: 0 25px;
}
.gto-footer-1-newslater-form .form-btn-1:hover {
background-color: var(--sd-4c52e0);
letter-spacing: 0.5px;
}
.gto-footer-1-pera {
font-size: 19px;
color: #e0e0e0;
line-height: 28px;
}
.gto-fooote-1-social-links li {
display: inline-block;
}
.gto-fooote-1-social-links li:not(:last-child) {
margin-right: 30px;
}
@media (max-width: 767px) {
.gto-fooote-1-social-links li {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-fooote-1-social-links li {
margin-bottom: 0px;
}
}
.gto-fooote-1-social-links li a {
font-size: 18px;
text-transform: capitalize;
font-weight: 700;
color: #fff;
}
.gto-fooote-1-social-links li a i {
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
line-height: 40px;
border: 1px solid #fff;
transition: 300ms ease;
}
.gto-fooote-1-social-links li a:hover {
color: var(--pr-ec4814);
}
.gto-fooote-1-social-links li a:hover i {
background-color: #fff;
}
.gto-footer-1-copyright {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 22px;
border-top: 1px solid #0b2d52;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-footer-1-copyright {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
}
.gto-footer-1-copyright .copyright-text {
font-size: 19px;
font-weight: 500;
color: #fff;
}  .gto-footer-2-widget-wrap {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-footer-2-widget-wrap {
grid-template-columns: 1.5fr 1fr 1fr 1fr;
gap: 40px;
}
}
@media (max-width: 767px) {
.gto-footer-2-widget-wrap {
grid-template-columns: 1fr;
gap: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-footer-2-widget-wrap {
grid-template-columns: 1fr 1fr;
gap: 50px;
}
}
.gto-footer-2-widget-wrap .widget-title {
font-size: 24px;
color: #fff;
margin-bottom: 42px;
}
.gto-footer-2-widget-wrap .footer-2-logo-wrapper {
width: 100%;
max-width: 410px;
}
.gto-footer-2-menu li:not(:last-child) {
margin-bottom: 15px;
}
.gto-footer-2-menu li a {
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
color: #fff;
}
.gto-footer-2-menu li a i {
margin-right: 4px;
margin-left: -14px;
opacity: 0;
transition: 400ms;
}
.gto-footer-2-menu li a:hover {
color: var(--pr-ec4814);
}
.gto-footer-2-menu li a:hover i {
margin-left: 0;
opacity: 1;
}
.gto-footer-2-copyright {
text-align: center;
font-size: 15px;
text-transform: capitalize;
color: #fff;
font-weight: 600;
line-height: 25px;
border-top: 1px solid #1b1c20;
padding: 25px 0;
}  .gto-about-3-area .gto-section-title-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-about-3-area .gto-section-title-wrap {
grid-template-columns: 1.3fr 1fr;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-about-3-area .gto-section-title-wrap {
grid-template-columns: 1.5fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-about-3-area .gto-section-title-wrap {
grid-template-columns: 1fr;
gap: 20px;
}
}
.gto-about-3-area .gto-section-title-wrap .gto-title {
text-transform: unset !important;
}
.gto-about-3-content {
display: flex;
justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-about-3-content {
flex-wrap: wrap-reverse;
gap: 50px;
}
}
.gto-about-3-relative {
position: relative;
}
.gto-about-3-relative .bg-shape {
position: absolute;
right: 0;
top: -100px;
width: 73%;
height: 113%;
display: block;
background: #faf9fe;
z-index: -1;
border-radius: 70px;
}
.gto-about-3-list li {
font-size: 20px;
font-weight: 900;
color: #0e191e;
text-transform: capitalize;
}
.gto-about-3-list li:not(:last-child) {
margin-bottom: 18px;
}
.gto-about-3-list li i {
font-size: 18px;
margin-right: 5px;
}
.gto-about-3-feature-wrap {
flex: 0 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
width: 100%;
max-width: 875px;
}
@media (max-width: 767px) {
.gto-about-3-feature-wrap {
grid-template-columns: 1fr;
}
}
.gto-about-3-feature-item {
background-color: #fff;
border-radius: 30px;
box-shadow: 0px 5px 65px 0px rgba(0, 0, 0, 0.03);
padding: 40px 44px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-about-3-feature-item {
padding: 40px 20px;
}
}
.gto-about-3-feature-item .icon {
font-size: 50px;
line-height: 1;
color: #000;
margin-bottom: 13px;
}
.gto-about-3-feature-item .title {
font-size: 21px;
font-weight: 800;
color: #152830;
margin-bottom: 6px;
}
.gto-about-3-feature-item .text {
font-size: 15px;
font-weight: 500;
color: #41494d;
line-height: 20px;
margin-bottom: 0;
}  .gto-services-3-area {
position: relative;
}
.gto-services-3-area .bg-shape-1 {
position: absolute;
left: 10px;
top: 30px;
}
.gto-services-3-area .bg-shape-2 {
position: absolute;
bottom: 50px;
left: 50px;
}
.gto-services-3-area .bg-shape-3 {
position: absolute;
right: 10px;
bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-services-3-area .bg-shape-3 {
bottom: -20px;
}
}
@media (max-width: 767px) {
.gto-services-3-area .bg-shape-3 {
bottom: -50px;
}
}
.gto-services-3-wrap {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-services-3-wrap {
gap: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-services-3-wrap {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.gto-services-3-wrap {
grid-template-columns: 1fr;
gap: 100px;
}
}
.gto-services-3-left {
padding-left: 40px;
position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-services-3-left {
padding-left: 0px;
}
}
.gto-services-3-left .main-img {
width: 100%;
height: 550px;
overflow: hidden;
border-radius: 20px;
}
.gto-services-3-left .main-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-services-3-left .popup-img {
width: 100%;
max-width: 440px;
height: 425px;
border-radius: 20px;
overflow: hidden;
position: absolute;
top: 270px;
right: -170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-services-3-left .popup-img {
right: -120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-services-3-left .popup-img {
top: 201px;
right: 0;
}
}
@media (max-width: 767px) {
.gto-services-3-left .popup-img {
display: none;
}
}
.gto-services-3-left .popup-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-services-3-left .verify-img {
width: 206px;
height: 206px;
border-radius: 50%;
text-align: center;
line-height: 206px;
position: absolute;
top: 150px;
right: -100px;
background-color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-services-3-left .verify-img {
top: 179px;
right: -73px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-services-3-left .verify-img {
right: 0;
}
}
@media (max-width: 767px) {
.gto-services-3-left .verify-img {
right: 30px;
top: 30px;
}
.gto-services-3-left .verify-img img {max-width: 120px;}
.gto-services-3-left .verify-img {
width: 150px;
height: 150px;
line-height: 150px;
}
}
.gto-services-3-tabs-btn {
background-color: var(--sd-4c52e0);
border-radius: 20px 20px 0 20px;
display: inline-block;
padding: 40px 20px;
position: absolute;
bottom: -15px;
left: 0;
}
.gto-services-3-tabs-btn .nav-item .nav-link {
background: transparent;
border: none;
outline: none;
font-size: 20px;
font-weight: 700;
color: #fff;
text-transform: capitalize;
display: block;
width: 100%;
text-align: left;
padding: 3px 12px;
border-radius: 5px;
}
.gto-services-3-tabs-btn .nav-item .nav-link i {
display: inline-block;
transform: translateY(1px);
font-size: 16px;
}
.gto-services-3-tabs-btn .nav-item .nav-link:is(.active) {
background: #363dd8;
}
.gto-services-3-tabs-content-item .inner-content-wrap {
padding-left: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-services-3-tabs-content-item .inner-content-wrap {
padding-left: 0px;
}
}
.gto-services-3-tabs-content-item .inner-content-wrap .gto-section-pera {
color: #152830;
margin-bottom: 40px;
}
.gto-services-3-feature-item {
display: flex;
gap: 20px;
align-items: center;
}
.gto-services-3-feature-item:not(:last-child) {
margin-bottom: 30px;
}
.gto-services-3-feature-item .icon {
font-size: 46px;
color: var(--sd-4c52e0);
line-height: 1;
position: relative;
}
.gto-services-3-feature-item .icon::after {
content: "";
position: absolute;
width: 33px;
height: 33px;
border-radius: 50%;
background-color: #fef3d3;
left: -3px;
top: 5px;
z-index: -1;
}
.gto-services-3-feature-item .title {
font-size: 22px;
color: #152830;
margin-bottom: 0;
}
.gto-services-3-feature-item .text {
font-size: 15px;
text-transform: capitalize;
color: #152830;
font-weight: 500;
margin-bottom: 0;
}
.gto-section-pera {
color: #152830;
}  .gto-testimonial-3-wrap {
display: grid;
grid-template-columns: 1fr 1.5fr 1fr;
gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-testimonial-3-wrap {
grid-template-columns: 1fr 1.2fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-testimonial-3-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.gto-testimonial-3-wrap {
grid-template-columns: 1fr;
gap: 30px 0;
}
}
.gto-testimonial-3-item {
width: 100%;
height: 390px;
border-radius: 80px;
overflow: hidden;
position: relative;
}
.gto-testimonial-3-item:is(.big) {
grid-column-start: 1;
grid-column-end: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-testimonial-3-item:is(.big) {
grid-row-start: 4;
}
}
@media (max-width: 767px) {
.gto-testimonial-3-item:is(.big) {
grid-row-start: unset;
grid-column-start: unset;
grid-column-end: unset;
}
}
.gto-testimonial-3-item:is(.big) .content-wrap {
right: -100%;
width: 41%;
}
@media (max-width: 767px) {
.gto-testimonial-3-item:is(.big) .content-wrap {
width: 60%;
}
}
.gto-testimonial-3-item:is(.color-2) .main-img::after {
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 11%, rgb(255, 235, 235) 60%);
}
.gto-testimonial-3-item:is(.color-2) .t3-btn {
background: #f8d7d7;
}
.gto-testimonial-3-item:is(.color-3) .main-img::after {
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 11%, rgb(235, 243, 254) 60%);
}
.gto-testimonial-3-item:is(.color-3) .t3-btn {
background: #bae0f6;
}
.gto-testimonial-3-item:is(.color-4) .main-img::after {
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 11%, rgb(236, 225, 254) 60%);
}
.gto-testimonial-3-item:is(.color-4) .t3-btn {
background: #dccafb;
}
.gto-testimonial-3-item .main-img {
width: 100%;
height: 100%;
position: relative;
}
.gto-testimonial-3-item .main-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-testimonial-3-item .main-img::after {
position: absolute;
content: "";
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 11%, rgb(255, 248, 203) 60%);
top: 0;
right: -100%;
width: 100%;
height: 100%;
transition: 500ms ease;
}
.gto-testimonial-3-item .content-wrap {
position: absolute;
top: 50px;
right: -100%;
width: 60%;
opacity: 0;
visibility: hidden;
transition: 500ms ease;
}
.gto-testimonial-3-item .subtitle {
font-size: 17px;
font-weight: 700;
color: var(--sd-4c52e0);
margin-bottom: 18px;
}
.gto-testimonial-3-item .subtitle img {
margin-right: 5px;
display: inline-block;
}
.gto-testimonial-3-item .title {
font-size: 45px;
font-weight: 900;
line-height: 1.18;
color: #0e191e;
margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-testimonial-3-item .title {
font-size: 35px;
}
}
@media (max-width: 767px) {
.gto-testimonial-3-item .title {
font-size: 30px;
}
}
.gto-testimonial-3-item .text {
font-size: 20px;
line-height: 30px;
color: #152830;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 0;
}
.gto-testimonial-3-item .t3-btn {
position: absolute;
right: -2px;
bottom: -10px;
z-index: 1;
font-size: 17px;
background: #f4ebb3;
width: 100px;
height: 100px;
border-radius: 100px 0;
text-align: center;
line-height: 100px;
color: #000;
transform: translate(100px, 100px);
opacity: 0;
visibility: hidden;
transition: 500ms;
transition-delay: 300ms;
}
.gto-testimonial-3-item:is(.active):is(.big) .content-wrap {
right: 50px;
}
.gto-testimonial-3-item:is(.active) .main-img::after {
right: 0;
}
.gto-testimonial-3-item:is(.active) .content-wrap {
right: 0;
opacity: 1;
visibility: visible;
}
.gto-testimonial-3-item:is(.active) .t3-btn {
transform: translate(0px, 0px);
opacity: 1;
visibility: visible;
transition-delay: 0ms;
} .gto-faq-3-img {
padding-right: 70px;
position: relative;
}
@media (max-width: 767px) {
.gto-faq-3-img {
padding-right: 0px;
}
}
.gto-faq-3-img .shape-1 {
position: absolute;
right: 0;
top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-faq-3-img .shape-1 {
width: 35%;
}
}
@media (max-width: 767px) {
.gto-faq-3-img .shape-1 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-faq-3-img .shape-1 {
display: block;
}
}
.gto-faq-3-img .shape-2 {
position: absolute;
bottom: -90px;
left: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-faq-3-img .shape-2 {
width: 35%;
}
}
@media (max-width: 767px) {
.gto-faq-3-img .shape-2 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-faq-3-img .shape-2 {
display: block;
}
}
.gto-faq-1-box:is(.gto-faq-3) {
padding-left: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-faq-1-box:is(.gto-faq-3) {
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-faq-1-box:is(.gto-faq-3) {
padding-left: 0;
padding-top: 80px;
}
}
.gto-faq-1-box:is(.gto-faq-3) .accordion-item:is(.faq_bg) .accordion-header .accordion-button .icon i::before {
content: "\f078";
}
.gto-faq-1-box:is(.gto-faq-3) .accordion-item .accordion-header .accordion-button {
padding-top: 30px;
padding-bottom: 30px;
}
.gto-faq-1-box:is(.gto-faq-3) .accordion-item .accordion-header .accordion-button .text {
color: #0e191e;
}
.gto-faq-1-box:is(.gto-faq-3) .accordion-item .accordion-header .accordion-button .icon {
flex: 0 0 auto;
text-align: center;
font-size: 18px;
color: #000;
font-weight: 700;
margin-top: 5px;
}
.gto-faq-1-box:is(.gto-faq-3) .accordion-item .accordion-body {
padding-bottom: 25px;
}
.gto-faq-1-box:is(.gto-faq-3) .accordion-item .accordion-body .faq-text {
font-size: 18px;
font-weight: 500;
line-height: 28px;
margin-bottom: 0;
color: #6e6e6e;
}
.gto-faq-1-box:is(.gto-faq-3) .accordion-item .line {
height: 2px;
background: #e7e7e7;
} .gto-blog-3-area .border-bottom {
border-bottom: 1px solid #e7e7e7;
}
.gto-blog-3-item {
margin-bottom: 30px;
}
.gto-blog-3-item .img-wrap {
width: 100%;
height: 280px;
overflow: hidden;
border-radius: 20px;
position: relative;
margin-bottom: 17px;
}
.gto-blog-3-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotateY(0deg) rotateX(0deg) scale(1);
transform-style: preserve-3d;
transition: transform 300ms ease;
transform-origin: 50% 50%;
transition: 500ms ease;
}
.gto-blog-3-item .pera {
font-size: 18px;
line-height: 28px;
font-weight: 500;
color: #1d2f36;
margin-bottom: 0;
letter-spacing: 0.5px;
}
.gto-blog-3-item .title {
font-size: 30px;
line-height: 1.26;
color: #0e191e;
font-weight: 900;
margin-bottom: 5px;
letter-spacing: -0.3px;
transition: 300ms ease;
}
@media (max-width: 767px) {
.gto-blog-3-item .title {
font-size: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-blog-3-item .title {
font-size: 30px;
}
}
.gto-blog-3-item .title:hover {
color: var(--sd-4c52e0);
}
.gto-blog-3-item:hover .img-wrap img {
transform: rotateY(30deg) rotateX(5deg);
filter: grayscale(50%);
}
.gto-blog-3-meta {
position: absolute;
left: 10px;
bottom: 10px;
}
.gto-blog-3-meta span {
display: inline-block;
background: var(--sd-4c52e0);
color: #fff;
font-size: 14px;
text-transform: capitalize;
font-weight: 700;
line-height: 1;
border-radius: 20px;
padding: 10px 20px;
} .gto-team-3-area {
position: relative;
}
.gto-team-3-area .bg-shape-1 {
position: absolute;
right: 0;
top: -60px;
}
.gto-team-3-area .bg-shape-2 {
position: absolute;
left: 0;
bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-team-3-item-wrap {
padding: 0 110px;
}
}
.gto-team-3-item {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.gto-team-3-item .img-wrap {
width: 100%;
height: 280px;
border-radius: 50%;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-team-3-item .img-wrap {
height: 320px;
}
}
.gto-team-3-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-team-3-item .name {
font-size: 27px;
font-weight: 900;
color: #0e191e;
text-transform: capitalize;
display: block;
margin-bottom: 0px;
}
.gto-team-3-item .name:hover {
color: var(--pr-ec4814);
}
.gto-team-3-item .bio {
display: block;
font-size: 17px;
font-weight: 500;
text-transform: capitalize;
color: #7c7c7c;
line-height: 1;
}
.gto-team-3-item:hover .gto-team-3-social-media .social-link:nth-child(1) {
top: 108px;
right: -10px;
}
.gto-team-3-item:hover .gto-team-3-social-media .social-link:nth-child(2) {
top: 54px;
right: -20px;
}
.gto-team-3-item:hover .gto-team-3-social-media .social-link:nth-child(3) {
top: 150px;
right: 25px;
opacity: 1;
}
.gto-team-3-item:hover .gto-team-3-social-media .plus i::before {
content: "\f068";
font-family: "Font Awesome 6 Pro";
}
.gto-team-3-social-media {
position: relative;
transition: 400ms ease;
}
.gto-team-3-social-media-position {
position: absolute;
right: 50px;
top: 50px;
}
.gto-team-3-social-media .plus, .gto-team-3-social-media .social-link {
width: 44px;
height: 44px;
background-color: #fff;
border-radius: 50%;
display: inline-block;
line-height: 44px;
font-size: 18px;
color: #000;
cursor: pointer;
transition: 400ms ease;
}
.gto-team-3-social-media .plus:hover, .gto-team-3-social-media .social-link:hover {
background: var(--sd-4c52e0);
color: #fff;
}
.gto-team-3-social-media .plus {
position: relative;
z-index: 1;
}
.gto-team-3-social-media .social-link {
position: absolute;
}
.gto-team-3-social-media .social-link:nth-child(1) {
top: 0px;
right: 0px;
}
.gto-team-3-social-media .social-link:nth-child(2) {
top: 0px;
right: 0px;
}
.gto-team-3-social-media .social-link:nth-child(3) {
top: 0px;
right: 0px;
opacity: 0;
transition-delay: opacity 0.2s;
} .gto-choose-us-item-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-choose-us-item-wrap {
grid-template-columns: 1fr;
}
}
.gto-choose-us-item {
position: relative;
}
.gto-choose-us-item:nth-child(5) .line {
display: none;
}
.gto-choose-us-item:nth-child(6) .line {
display: none;
}
.gto-choose-us-item .content-wrap {
display: flex;
gap: 65px;
padding: 36px 0;
width: 100%;
max-width: 460px;
}
.gto-choose-us-item .number {
display: inline-block;
font-size: 20px;
font-weight: 700;
color: #39454a;
line-height: 1;
margin-top: 10px;
}
.gto-choose-us-item .title {
display: inline-block;
font-size: 30px;
font-weight: 900;
color: #fff;
text-transform: capitalize;
line-height: 1.26;
}
@media (max-width: 767px) {
.gto-choose-us-item .title {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-choose-us-item .title {
font-size: 30px;
}
}
.gto-choose-us-item .line {
width: 100%;
height: 2px;
background: #323232;
display: block;
position: relative;
overflow: hidden;
}
.gto-choose-us-item .line::after {
position: absolute;
width: 0%;
height: 100%;
top: 0;
left: 0;
content: "";
background: var(--sd-4c52e0);
transition: 400ms ease;
}
.gto-choose-us-item .line::before {
position: absolute;
width: 0%;
height: 30%;
top: 0;
left: -100%;
content: "";
background: var(--sd-4c52e0);
transition: 400ms ease;
}
.gto-choose-us-item .hover-img {
width: 180px;
height: 180px;
border: 3px solid var(--sd-4c52e0);
position: absolute;
left: -140px;
bottom: -26px;
rotate: 0deg;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: 400ms;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gto-choose-us-item .hover-img {
width: 120px;
height: 120px;
left: -50px;
bottom: 4px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-choose-us-item .hover-img {
width: 120px;
height: 120px;
left: -30px;
bottom: -26px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-choose-us-item .hover-img {
width: 80px;
height: 80px;
left: -20px;
bottom: -11px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-choose-us-item .hover-img {
left: unset;
right: 0;
}
}
@media (max-width: 767px) {
.gto-choose-us-item .hover-img {
width: 80px;
height: 80px;
left: 0px;
bottom: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-choose-us-item .hover-img {
width: 90px;
height: 90px;
left: -20px;
bottom: 14px;
}
}
.gto-choose-us-item .hover-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-choose-us-item:hover .hover-img {
visibility: visible;
opacity: 1;
rotate: -16deg;
}
.gto-choose-us-item:hover .title {
color: var(--sd-4c52e0);
}
.gto-choose-us-item:hover .line::after {
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-testimonial-4-left {
margin-bottom: 50px;
}
}
.swiper.testimonial-4-preview-slider {
width: 100%;
max-width: 360px;
margin-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.swiper.testimonial-4-preview-slider {
margin-left: 0px;
}
}
.gto-testimonial-4-preview-item {
width: 105px;
height: 120px;
border-radius: 20px;
overflow: hidden;
cursor: pointer;
}
.testimonial-4-preview-slider .gto-testimonial-4-preview-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.gto-tesimonial-4-main-item {
display: grid;
grid-template-columns: 1fr 1.1fr;
gap: 30px;
align-items: center;
}
@media (max-width: 767px) {
.gto-tesimonial-4-main-item {
grid-template-columns: 1fr;
}
.gto-team-3-item .img-wrap{
height:auto !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-tesimonial-4-main-item {
grid-template-columns: 1fr 1.1fr;
}
}
.gto-tesimonial-4-main-item .img-wrap {
width: 100%;
height: 370px;
border-radius: 20px;
overflow: hidden;
}
.gto-tesimonial-4-main-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
transition: 1000ms ease;
clip-path: polygon(38% 0, 61% 0, 100% 44%, 100% 57%, 63% 100%, 43% 100%, 0 60%, 0 44%);
}
.gto-tesimonial-4-main-item .text {
font-size: 20px;
line-height: 30px;
color: #152830;
font-weight: 600;
font-style: italic;
margin-bottom: 20px;
}
.gto-tesimonial-4-main-item .reating {
font-size: 18px;
color: #000;
margin-bottom: 12px;
}
.gto-tesimonial-4-main-item .name {
font-size: 20px;
line-height: 17px;
color: #00b2a1;
}
.gto-tesimonial-4-main-item .name span {
font-weight: 400;
display: inline-block;
margin-left: 10px;
color: #737879;
}
.gto-testimonial-4-main-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-tesimonial-4-main-item .img-wrap img {
clip-path: polygon(0 0, 61% 0, 100% 0, 100% 57%, 100% 100%, 43% 100%, 0 100%, 0 44%);
} .gto-campaign-3-area {
position: relative;
}
.gto-campaign-3-area .bg-img-1 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
object-fit: cover;
height: 0%;
transition: 1s ease;
transition-delay: 0.5s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-campaign-3-area .bg-img-1 {
height: 56%;
}
}
@media (max-width: 767px) {
.gto-campaign-3-area .bg-img-1 {
height: 41%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-campaign-3-area .bg-img-1 {
height: 52%;
}
}
.gto-campaign-3-area:is(.active) .bg-img-1 {
height: 85%;
}
.gto-campaign-3-img {
position: relative;
padding-left: 60px;
padding-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-campaign-3-img {
padding-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-campaign-3-img {
padding-left: 0px;
padding-right: 0px;
padding-top: 50px;
}
}
.gto-campaign-3-img .main-img {
width: 100%;
height: 740px;
overflow: hidden;
}
@media (max-width: 767px) {
.gto-campaign-3-img .main-img {
height: 500px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-campaign-3-img .main-img {
height: 600px;
}
}
.gto-campaign-3-img .main-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.gto-campaign-3-img .img-shape-3 {
position: absolute;
top: 250px;
left: 0;
z-index: -1;
}
.gto-campaign-3-img .img-shape-1 {
position: absolute;
left: 0;
top: 430px;
}
@media (max-width: 767px) {
.gto-campaign-3-img .img-shape-1 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-campaign-3-img .img-shape-1 {
display: block;
}
}
.gto-campaign-3-img .img-shape-2 {
position: absolute;
right: 20px;
bottom: 130px;
}
@media (max-width: 767px) {
.gto-campaign-3-img .img-shape-2 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-campaign-3-img .img-shape-2 {
display: block;
}
}
.gto-campaign-3-content .gto-feature-list li i {
color: #238c91;
}
.gto-campaign-3-content .gto-feature-list li i::after {
background-color: #d0fdff;
} .gto-video-3-area {
margin-top: -80px;
}
.gto-video-3-item {
position: relative;
}
.gto-video-3-item .main-img {
position: relative;
width: 100%;
height: 590px;
border-radius: 10px;
overflow: hidden;
}
.gto-video-3-item .main-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-video-3-item .main-img::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #010f1c;
opacity: 0.4;
}
.gto-video-3-item-content {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 111;
width: 100%;
}
.gto-video-3-item-content .title {
font-size: 60px;
line-height: 1.16;
width: 100%;
max-width: 903px;
margin: 0 auto;
margin-bottom: 36px;
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-video-3-item-content .title {
font-size: 55px;
}
}
@media (max-width: 767px) {
.gto-video-3-item-content .title {
font-size: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-video-3-item-content .title {
font-size: 50px;
}
}
.gto-video-3-item-content .gto-play-btn-4 {
margin-bottom: 38px;
}
.gto-video-3-feature-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-video-3-feature-wrap {
gap: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-video-3-feature-wrap {
grid-template-columns: 1fr 1fr;
gap: 40px;
}
}
@media (max-width: 767px) {
.gto-video-3-feature-wrap {
grid-template-columns: 1fr;
gap: 40px;
}
}
.gto-video-3-feature-item {
display: flex;
gap: 10px;
}
.gto-video-3-feature-item .icon {
font-size: 50px;
line-height: 1;
color: #000;
flex: 0 0 auto;
}
.gto-video-3-feature-item .content-wrap {
margin-top: -10px;
}
.gto-video-3-feature-item .number {
font-size: 60px;
line-height: 1;
color: #010f1c;
margin-bottom: -5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-video-3-feature-item .number {
font-size: 50px;
}
}
@media (max-width: 767px) {
.gto-video-3-feature-item .number {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-video-3-feature-item .number {
font-size: 50px;
}
}
.gto-video-3-feature-item .text {
font-size: 18px;
line-height: 23px;
color: #5e5f60;
font-weight: 500;
margin-bottom: 0;
}
.gto-progress-3-area {
position: relative;
}
.gto-progress-3-area .bg-shape-1 {
position: absolute;
right: 11vw;
bottom: 13vh;
transform: translate(-225%, 220%);
opacity: 0;
transition: 2s ease;
transition-delay: 1s;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-progress-3-area .bg-shape-1 {
right: 1vw;
bottom: 3vh;
}
}
.gto-progress-3-area:is(.active) .bg-shape-1 {
opacity: 1;
transform: translate(0%, 0%);
}
.gto-progress-3-content {
margin-right: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-progress-3-content {
margin-right: -40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-progress-3-content {
max-width: 600px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-progress-3-content {
max-width: 600px;
}
}
.gto-progress-3-item-wrap {
width: 100%;
max-width: 400px;
}
.gto-progress-3-item-single {
width: 100%;
height: 26px;
border-radius: 13px;
overflow: hidden;
}
.gto-progress-3-item-single:not(:last-child) {
margin-bottom: 20px;
}
.gto-progress-3-item-single .content-wrap {
border-radius: 13px;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
color: #fff;
padding: 0 20px;
background: #fe2e5b;
}
.gto-progress-3-item-single .content-wrap .number {
margin: 0;
color: white;
}
.gto-progress-3-item-single .content-wrap:is(.color-2) {
background-color: #0d7bff;
}
.gto-progress-3-item-single .content-wrap:is(.color-3) {
background-color: var(--sd-4c52e0);
}
.gto-progress-3-right {
padding-left: 45px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-progress-3-right {
padding-left: 0px;
padding-top: 50px;
}
}
@media (max-width: 767px) {
.gto-progress-3-right {
padding-left: 0px;
padding-top: 50px;
grid-template-columns: 1fr;
}
}
.gto-progress-3-right .big-img-wrap {
position: relative;
}
.gto-progress-3-right .big-img-wrap .img-item {
width: 100%;
height: 380px;
border-radius: 30px;
overflow: hidden;
box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.07);
}
.gto-progress-3-right .big-img-wrap .img-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-progress-3-right .big-img-wrap .popup-card {
position: absolute;
left: -30px;
bottom: 0;
box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.07);
}
.gto-progress-3-right .inner-img-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.gto-progress-3-right .inner-img-wrap .img-item {
width: 100%;
height: 200px;
border-radius: 30px;
overflow: hidden;
box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.07);
}
.gto-progress-3-right .inner-img-wrap .img-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-progress-3-right .inner-img-wrap .card-item {
align-self: center;
}
.gto-progress-3-right .inner-img-wrap .card-item img {
box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.07);
}
.gto-progress-3-right .inner-img-wrap .gto-hero-1-community {
grid-column-start: 1;
grid-column-end: -1;
padding-top: 30px;
}
.gto-price-3-item {
padding: 50px 50px;
border-radius: 10px;
margin-bottom: 30px;
overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-price-3-item {
padding: 50px 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-price-3-item {
padding: 50px 30px;
}
}
@media (max-width: 767px) {
.gto-price-3-item {
padding: 50px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-3-item {
padding: 50px 50px;
}
}
.gto-price-3-item .title {
font-size: 32px;
color: #0e191e;
margin-bottom: 21px;
}
.gto-price-3-item .price {
font-size: 18px;
display: inline-block;
background-color: var(--sd-4c52e0);
color: #fff;
border-radius: 0 20px 20px 0;
font-weight: 800;
padding: 5px 30px;
padding-left: 51px;
margin-bottom: 20px;
margin-left: -50px;
}
.gto-price-3-item .text {
font-size: 18px;
line-height: 30px;
font-weight: 500;
color: #152830;
text-transform: capitalize;
margin-bottom: 22px;
}
.gto-price-3-item .line {
width: 100%;
height: 1px;
background: #ebebeb;
display: block;
margin-bottom: 30px;
}
.gto-price-3-item .gto-feature-list {
margin-bottom: 30px;
}
.gto-price-3-item .gto-feature-list li {
font-size: 18px;
color: #000;
margin-bottom:15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-price-3-item .gto-feature-list li {
font-size: 16px;
}
}
@media (max-width: 767px) {
.gto-price-3-item .gto-feature-list li {
font-size: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-price-3-item .gto-feature-list li {
font-size: 18px;
}
}
.gto-price-3-item .gto-feature-list li::not(:last-child) {
margin-bottom: 10px;
}
.gto-price-3-item .gto-feature-list li i {
color: #238c91;
}
.gto-price-3-item .gto-feature-list li i::after {
background-color: #d0fdff;
}
.gto-newsletter-4-area {
position: relative;
}
.gto-newsletter-4-area .bg-shape-2 {
position: absolute;
left: 50px;
bottom: -110px;
}
.gto-newsletter-4-area .bg-shape-1 {
position: absolute;
right: 60px;
bottom: 10px;
}
.gto-newsletter-4-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-newsletter-4-wrap {
grid-template-columns: 1.2fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-newsletter-4-wrap {
grid-template-columns: 1fr;
gap: 50px;
}
}
.gto-newsletter-4-wrap .gto-newsletter-2-form {
max-width: 100%;
background-color: #fff;
}
.gto-newsletter-4-wrap .gto-newsletter-2-form input {
color: #0e0f12;
border: none;
outline: none;
box-shadow: none;
padding: 20px 40px;
}
.gto-newsletter-4-wrap .gto-newsletter-2-form input::placeholder {
color: #0e0f12;
}
.gto-newsletter-4-wrap .gto-newsletter-2-form .n2-btn {
background-color: var(--sd-4c52e0);
padding: 0 55px;
}
@media (max-width: 767px) {
.gto-newsletter-4-wrap .gto-newsletter-2-form .n2-btn {
padding: 0 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-newsletter-4-wrap .gto-newsletter-2-form .n2-btn {
padding: 0 55px;
}
}
.gto-newsletter-4-wrap .gto-newsletter-2-form .n2-btn:Hover {
background-color: var(--pr-ec4814);
}
.gto-newsletter-4-content {
display: flex;
align-items: center;
gap: 25px;
}
@media (max-width: 767px) {
.gto-newsletter-4-content {
flex-wrap: wrap;
justify-content: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-newsletter-4-content {
flex-wrap: nowrap;
justify-content: left;
}
}
@media (max-width: 767px) {
.gto-newsletter-4-content .content-wrap {
text-align: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-newsletter-4-content .content-wrap {
text-align: left;
}
}
.gto-newsletter-4-content .icon {
width: 87px;
height: 87px;
border-radius: 50%;
background-color: var(--sd-4c52e0);
text-align: center;
line-height: 87px;
flex: 0 0 auto;
}
.gto-newsletter-4-content .title {
font-size: 28px;
color: #0e191e;
letter-spacing: -0.3px;
margin-bottom: 0;
}
.gto-newsletter-4-content .text {
font-size: 17px;
color: #0e191e;
font-weight: 600;
margin-bottom: 0;
} .breadcrumb-area {
padding-top: 290px;
padding-bottom: 250px;
}
.breadcrumb-title {
font-size: 70px;
color: #fff;
font-family: var(--urbanist);
line-height: 1.14;
font-weight: 900;
margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.breadcrumb-title {
font-size: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.breadcrumb-title {
font-size: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumb-title {
font-size: 50px;
}
}
@media (max-width: 767px) {
.breadcrumb-title {
font-size: 35px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.breadcrumb-title {
font-size: 45px;
}
}
.breadcrumb-list a, .breadcrumb-list span {
font-weight: 600;
font-size: 20px;
font-family: var(--urbanist);
color: #fff;
text-decoration: none;
display: inline-block;
}
.breadcrumb-list a {
padding-right: 25px;
position: relative;
margin-right: 20px;
}
.breadcrumb-list a:hover {
color: var(--pr-ec4814);
}
.breadcrumb-list a::after {
content: "\f114";
position: absolute;
font-family: flaticon_gesto-demo !important;
right: -4px;
top: 53%;
transform: translateY(-50%);
color: var(--pr-ec4814);
}
.breadcrumb-list .taBcrumb-end span {
position: relative;
text-transform: capitalize;
color: var(--pr-ec4814);
}
.breadcrumb-list {
display: inline-block;
position: relative;
padding: 12px 30px;
border: 1px solid #EC4813;
border-radius: 10px;
}
.breadcrumb-list::after {
content: "";
position: absolute;
background: #EC4813;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 10px;
z-index: -1;
opacity: 10%;
}
.breadcrumb-wrap {
position: relative;
z-index: 1;
}
.has-breadcrumb-overlay {
position: relative;
}
.has-breadcrumb-overlay::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #131928;
opacity: 0.8;
}
.gto-cta-contact-1-wrap {
background: #ec4814;
border-radius: 10px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-cta-contact-1-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.gto-cta-contact-1-wrap {
grid-template-columns: 1fr;
}
}
.gto-cta-contact-1-item {
display: flex;
align-items: center;
gap: 12px;
padding: 50px 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-cta-contact-1-item {
padding: 50px 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-cta-contact-1-item {
padding: 50px 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-cta-contact-1-item {
padding: 50px 25px;
}
}
@media (max-width: 767px) {
.gto-cta-contact-1-item {
padding: 50px 15px;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-cta-contact-1-item {
padding: 50px 25px;
flex-wrap: nowrap;
}
}
.gto-cta-contact-1-item:not(:last-child) {
border-right: 2px solid #bd3104;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-cta-contact-1-item:not(:last-child) {
border-right: 0px solid #bd3104;
border-bottom: 2px solid #bd3104;
}
}
.gto-cta-contact-1-item .icon {
flex: 0 0 auto;
width: 54px;
height: 54px;
border-radius: 50%;
background-color: #bd3104;
text-align: center;
line-height: 58px;
font-size: 18px;
color: #fff;
transition: 400ms ease;
}
.gto-cta-contact-1-item .content-wrap .name {
font-size: 18px;
color: #fff;
margin-bottom: 0;
font-weight: 700;
}
.gto-cta-contact-1-item .content-wrap .contact-link {
font-size: 18px;
color: #fff;
font-weight: 500;
text-transform: capitalize;
}
.gto-cta-contact-1-item .content-wrap .contact-link:hover {
color: var(--sd-4c52e0);
}
.gto-cta-contact-1-item:hover .icon {
background-color: var(--sd-4c52e0);
}
.team-details-person-bio-list li {
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
color: #606364;
}
.team-details-person-bio-list li:not(:last-child) {
margin-bottom: 10px;
}
.team-details-person-bio-list li span {
display: inline-block;
color: #0E191E;
width: 32%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team-details-person-bio-list li span {
width: 40%;
}
}
.team-details-person-skill .progress-item .progress-heading {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.team-details-person-skill .progress-item .progress-heading .title, .team-details-person-skill .progress-item .progress-heading span {
color: #0E191E;
font-size: 18px;
font-weight: 400;
line-height: 1;
text-transform: capitalize;
margin-bottom: 0;
}
.team-details-person-skill .progress-item .progress-heading span {
color: #EC4813;
}
.team-details-person-skill .progress-item .progress {
height: 8px;
border-radius: 4px;
background-color: #FEF1EC;
}
.team-details-person-skill .progress-item .progress-bar {
background: #EC4813;
width: 50%;
position: relative;
}
.team-details-person-skill .progress-item .progress-bar::after {
content: "";
width: 8px;
height: 20px;
border-radius: 30px;
position: absolute;
top: 0;
right: 0;
background: #EC4813;
}
.team-details-person-skill .progress-item .progress-bar:is(.w-60) {
width: 60%;
}
.team-details-person-skill .progress-item .progress-bar:is(.w-85) {
width: 85%;
}
.team-details-person-skill .progress-item .progress-bar:is(.w-90) {
width: 90%;
}
.contact-form-wrap {
background: rgba(14, 25, 30, 0.04);
border-radius: 10px;
padding: 45px 40px;
}
@media (max-width: 767px) {
.contact-form-wrap {
padding: 45px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.contact-form-wrap {
padding: 45px 40px;
}
}
.contact-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 30px;
}
@media (max-width: 767px) {
.contact-form {
grid-template-columns: 1fr;
}
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
font-size: 16px;
margin-bottom: 10px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text{
background: rgba(14, 25, 30, 0.04);
}
.contact-form input,
.woocommerce-billing-fields__field-wrapper input,
.comments-box-wrap input,
.contact-form .option-selector,
.comments-box-wrap textarea,
.comments-box-wrap textarea,
.woocommerce-billing-fields__field-wrapper textarea,
.contact-form textarea {
width: 100%;
height: 62px;
border-radius: 100px;
outline: none;
border: none;
background: #fff;
font-size: 18px;
font-weight: 400;
color: #606364;
text-transform: capitalize;
padding: 0 30px;
}
.contact-form input::placeholder, .contact-form .option-selector::placeholder, .contact-form textarea::placeholder {
font-size: 18px;
font-weight: 400;
color: #606364;
}
.contact-form .option-selector .current {
padding-top: 12px;
display: inline-block;
}
.contact-form textarea {
height: 178px;
padding-top: 15px;
border-radius: 10px;
grid-column-start: 1;
grid-column-end: -1;
}
.contact-form .btn-wrap {
grid-column-start: 1;
grid-column-end: -1;
text-align: center;
padding-top: 20px;
}
.contact-form .btn-wrap .gto-btn-1 {
border: none;
outline: none;
}
@media (max-width: 767px) {
.contact-form .btn-wrap .gto-btn-1 {
padding: 21px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.contact-form .btn-wrap .gto-btn-1 {
padding: 21px 40px;
}
}
.nice-select.option-selector::after {
border-bottom: 1px solid #707480;
border-right: 1px solid #707480;
width: 8px;
height: 8px;
right: 35px;
}
.gto-campaign-1-box {
background-color: #fff;
box-shadow: 0px 3px 81px 0px rgba(0, 0, 0, 0.05);
border-radius: 23px;
padding: 35px 45px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.gto-campaign-1-box {
padding: 35px 20px;
}
}
.gto-campaign-1-box .img-wrap {
width: 100%;
height: 255px;
border-radius: 21px;
overflow: hidden;
}
.gto-campaign-1-box .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-campaign-1-box .name {
font-size: 22px;
color: #001468;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.gto-campaign-1-box .name {
font-size: 20px;
}
}
.gto-campaign-1-box .persent {
font-size: 40px;
color: #001468;
line-height: 1;
margin-bottom: 8px;
}
.gto-campaign-1-box .text {
font-size: 19px;
text-transform: capitalize;
color: #636363;
font-weight: 700;
margin-bottom: 0;
}
.gto-campaign-1-box .icon {
width: 58px;
height: 58px;
border-radius: 15px;
background-color: #e3e8ff;
text-align: center;
line-height: 58px;
font-size: 24px;
color: #000;
margin-bottom: 30px;
}
.gto-campaign-1-box .icon i {
animation: cam1-box-icon 7s infinite ease-in-out;
}
.gto-campaign-1-box .icon:is(.red-color) {
background-color: #fbdcdf;
color: var(--pr-ec4814);
}
.gto-campaign-1-box:is(.img-box) {
background-color: transparent;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
background: transparent;
box-shadow: none;
}
@keyframes cam1-box-icon {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes cam1-bg-shape {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
.contact-page-contact-wrap .contact-form-wrap {
background: var(--ffffff, #FFF);
padding: 0;
}
.contact-page-contact-wrap .contact-form-wrap .contact-form input, .contact-page-contact-wrap .contact-form-wrap .contact-form .option-selector, .contact-page-contact-wrap .contact-form-wrap .contact-form textarea {
background: rgba(14, 25, 30, 0.04);
}
.contact-page-info-item {
display: flex;
gap: 20px;
align-items: center;
background: rgba(14, 25, 30, 0.05);
padding: 22px 25px;
border-radius: 10px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.contact-page-info-item {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.contact-page-info-item {
flex-wrap: nowrap;
}
}
.contact-page-info-item .icon {
width: 72px;
height: 72px;
border-radius: 50%;
background: #EC4813;
text-align: center;
line-height: 80px;
font-size: 30px;
color: #fff;
flex: 0 0 auto;
}
.contact-page-info-item .item-link a, .contact-page-info-item .item-text, .contact-page-info-item .item-link p {
display: block;
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
color: #606364;
line-height: 26px;
transition: 300ms ease;
margin: 0;
}
.contact-page-info-item .item-link a:hover {
color: #EC4813;
} .erorr-page-area {
position: relative;
}
.erorr-page-area .bg-shape {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
object-fit: cover;
overflow: hidden;
}
.erorr-page-area .bg-shape img {
height: 100%;
object-fit: cover;
width: 100%;
}
.erorr-page-content .img {
margin-bottom: 40px;
}
.erorr-page-content h4 {
font-size: 60px;
line-height: 1.3;
font-weight: 900;
color: #0E191E;
margin-bottom: 30px;
}
.erorr-page-content .erorr-page-btn {
width: 230px;
outline: none;
border: none;
}
.gto-tp-item {
width: 100%;
border: 1px solid rgba(22, 29, 57, 0.1);
margin-bottom: 30px;
border-radius: 10px;
text-align: center;
padding: 45px 30px;
transition: 400ms ease;
}
.gto-tp-item .name {
font-size: 24px;
line-height: 1.25;
color: #161D39;
font-weight: 700;
letter-spacing: -0.48px;
text-transform: uppercase;
margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-tp-item .name {
font-size: 22px;
}
}
@media (max-width: 767px) {
.gto-tp-item .name {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-tp-item .name {
font-size: 24px;
}
}
.gto-tp-item .icon {
font-size: 55px;
color: #EC4813;
line-height: 1;
margin-bottom: 15px;
}
.gto-tp-item .text {
font-size: 22px;
font-style: italic;
font-weight: 600;
line-height: 34px;
color: #1F1F1F;
margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-tp-item .text {
font-size: 20px;
}
}
@media (max-width: 767px) {
.gto-tp-item .text {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-tp-item .text {
font-size: 22px;
}
}
.gto-tp-item .bio {
font-size: 14px;
text-transform: capitalize;
font-weight: 400;
line-height: 26px;
color: #EC4813;
}
.gto-tp-item:hover {
background: #FFF3EF;
border-color: transparent;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.gto-services-4-card {
margin-bottom: 30px;
}
.gto-services-4-card .img-wrap {
position: relative;
width: 100%;
height: 330px;
overflow: hidden;
margin-bottom: 25px;
}
.gto-services-4-card .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
border-radius: 5px 5px 5px 130px;
transition: 400ms ease;
}
.gto-services-4-card .icon {
position: absolute;
left: 0;
bottom: 0;
width: 110px;
height: 110px;
text-align: center;
border-radius: 50%;
background-color: #F0EFEF;
border: 8px solid #fff;
font-size: 50px;
color: #000;
line-height: 110px;
transition: 300ms ease;
}
.gto-services-4-card .title {
font-size: 26px;
line-height: 1.38;
font-weight: 800;
color: #0E191E;
margin-bottom: 10px;
}
.gto-services-4-card .text {
font-size: 18px;
line-height: 30px;
color: #606364;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 0px;
}
.gto-services-4-card .s2-btn {
display: inline-block;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: var(--pr-ec4814);
text-align: center;
line-height: 60px;
color: #fff;
font-size: 16px;
position: absolute;
top: 15px;
right: -100px;
transition: 400ms ease;
}
.gto-services-4-card:hover .s2-btn {
right: 15px;
}
.gto-services-4-card:hover .icon {
background-color: var(--pr-ec4814);
color: #fff;
}
.gto-services-4-card:hover .img-wrap img {
filter: grayscale(0%);
}
.service-details-feature-item {
background: #fff;
padding: 20px;
border-radius: 5px;
}
.service-details-feature-item .icon {
font-size: 45px;
line-height: 1;
color: #EC480F;
flex: 0 0 auto;
}
.service-details-feature-item .title {
font-size: 20px;
line-height: 26px;
color: #0E191E;
margin-bottom: 0;
}
.service-details-feature-item .heading-wrap {
display: flex;
align-items: center;
gap: 15px;
}
.service-details-feature-item .text {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #606364;
margin-bottom: 0;
}
.service-details-inner-img .img-item {
flex: 0 0 auto;
width: 100%;
height: 150px;
overflow: hidden;
padding: 5px;
}
.service-details-inner-img .img-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.service-details-inner-img .img-item.big-img {
height: 300px;
} .margin-left-10 {
margin-left: -10px;
}
.p-l-r_30 {
padding-left: 30px;
padding-right: 30px;
}
.radius-10 {
border-radius: 10px;
}
.has-sidebar-border-bottom {
border-bottom: 1px solid rgba(8, 8, 33, 0.1);
}
.sidebar-bg {
background-color: #f8fbff;
}
.sidebar-box {
background: rgba(14, 25, 30, 0.03);
border-radius: 5px;
padding: 25px 22px;
}
.sidebar-box-title {
font-family: var(--urbanist);
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
line-height: 30px;
color: #0A1320;
margin-bottom: 20px;
position: relative;
padding-left: 40px;
}
.sidebar-box-title::after {
position: absolute;
content: "";
height: 3px;
width: 32px;
background: #EC4813;
border-radius: 20px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.sidebar-search-box {
background-color: #fff;
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
border-radius: 6px;
position: relative;
}
.sidebar-search-box .search-btn {
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 100%;
border: none;
outline: none;
font-size: 20px;
color: #fff;
background: var(--pr-ec4814);
border-radius: 0 5px 5px 0;
transition: 400ms ease;
}
.sidebar-search-box .search-btn:hover {
color: #fff;
background: var(--sd-4c52e0);
}
.sidebar-search-box .search-input {
border: none;
outline: none;
width: 100%;
border-radius: 5px;
font-size: 18px;
color: #646464;
font-weight: 500;
text-transform: capitalize;
height: 60px;
padding: 0 20px;
padding-right: 80px;
}
.sidebar-search-box .search-input::-webkit-input-placeholder {
font-size: 18px;
color: #646464;
font-weight: 500;
text-transform: capitalize;
}
.sidebar-search-box .search-input:-moz-placeholder {
font-size: 18px;
color: #646464;
font-weight: 500;
text-transform: capitalize;
}
.sidebar-search-box .search-input::-moz-placeholder {
font-size: 18px;
color: #646464;
font-weight: 500;
text-transform: capitalize;
}
.sidebar-search-box .search-input:-ms-input-placeholder {
font-size: 18px;
color: #646464;
font-weight: 500;
text-transform: capitalize;
}
.sidebar-category ul,
.widget_categories ul {
list-style: none;
}
.sidebar-category ul li a,
.widget_categories ul li a {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff;
border-radius: 5px;
font-size: 18px;
font-weight: 500;
color: #0A1320;
text-transform: capitalize;
font-family: var(--urbanist);
text-decoration: none;
border-bottom: 1px solid #EC4813;
padding: 15px 18px;
}
.sidebar-category ul li a .text {
display: inline-block;
margin-right: auto;
}
.sidebar-category ul li a .icon-1,
.widget_categories ul li a .icon-1{
display: inline-block;
font-size: 14px;
color: #646464;
line-height: 1;
margin-right: 16px;
transition: 400ms;
}
.sidebar-category ul li a .icon-2,
.widget_categories ul li a .icon-2{
display: inline-block;
font-size: 22px;
color: #646464;
line-height: 1;
transition: 400ms;
}
.sidebar-category ul li a:hover,
.widget_categories ul li a:hover{
background-color: var(--pr-ec4814);
color: #fff;
}
.sidebar-category ul li a:hover .icon-1,
.sidebar-category ul li a:hover .icon-2,
.widget_categories ul li a:hover .icon-1,
.widget_categories ul li a:hover .icon-2{
color: #fff;
}
.sidebar-category ul li a:hover .icon-1,
.widget_categories ul li a:hover .icon-1{
animation: sidebarlink-icon 3s infinite ease-in-out;
}
.sidebar-category ul li:not(:last-child),
.widget_categories ul li:not(:last-child) {
margin-bottom: 12px;
}
@keyframes sidebarlink-icon {
0% {
rotate: 0deg;
}
100% {
rotate: 360deg;
}
}
.recent-post-item:not(:last-child) {
margin-bottom: 15px;
}
.recent-post-item .img-wrap {
width: 100%;
height: 100px;
overflow: hidden;
border-radius: 5px;
position: relative;
margin-bottom: 12px;
transition: 400ms;
}
.recent-post-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 400ms;
}
.recent-post-item .img-wrap .date {
display: inline-block;
font-size: 10px;
text-transform: uppercase;
color: #fff;
line-height: 18px;
font-weight: 500;
background: #0E191E;
position: absolute;
left: 10px;
bottom: 10px;
border-radius: 4px;
padding: 3px 10px;
}
.recent-post-item .title {
font-size: 18px;
font-weight: 700;
line-height: 1.44;
color: #0E191E;
margin-bottom: 0;
}
.recent-post-item:hover .img-wrap {
filter: hue-rotate(304deg);
}
.recent-post-item:hover .title {
color: var(--pr-ec4814);
}
.tagcloud {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.tagcloud a {
display: inline-block;
background-color: #fff;
border-radius: 4px;
text-decoration: none;
font-size: 16px !important;
font-weight: 400;
line-height: 20px;
text-transform: capitalize;
color: #606364;
padding: 7px 20px;
transition: 400ms;
}
.tagcloud a:hover {
background-color: var(--pr-ec4814);
color: #fff;
}
.latest-post-item {
display: flex;
align-items: center;
}
.latest-post-item .img {
flex: 0 0 auto;
width: 90px;
height: 94px;
border-radius: 6px;
overflow: hidden;
}
.latest-post-item .img a {
width: 100%;
height: 100%;
}
.latest-post-item .img a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.latest-post-item .content {
padding: 10px 17px;
}
@media (max-width: 767px) {
.latest-post-item .content {
padding: 10px 9px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.latest-post-item .content {
padding: 10px 17px;
}
}
.latest-post-item .content .date {
display: block;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
color: #484848;
line-height: 1;
margin-bottom: 8px;
}
.latest-post-item .content .date i {
display: inline-block;
margin-right: 2px;
}
.latest-post-item .content .title {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
line-height: 22px;
color: #0e0e0e;
margin-bottom: 0;
}
.latest-post-item .content .title a {
text-decoration: none;
}
.latest-post-item .content .title:hover {
color: var(--h1-pr-color);
}
.sidebar-cta {
position: relative;
width: 100%;
height: 335px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sidebar-cta {
padding: 10px;
}
}
.sidebar-cta .icon {
font-size: 60px;
line-height: 0;
color: #EC4813;
margin-bottom: 20px;
}
.sidebar-cta .link {
display: block;
font-size: 36px;
line-height: 1.26;
font-weight: 900;
color: #fff;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.sidebar-cta .link {
font-size: 26px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sidebar-cta .link {
font-size: 32px;
}
}
.sidebar-cta .text {
display: block;
font-size: 18px;
line-height: 28px;
color: #fff;
opacity: 0.8;
}
.sidebar-cta .content-wrap {
position: relative;
z-index: 1;
}
.sidebar-cta::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #020626;
opacity: 0.8;
} .project-filter-btn {
display: flex;
justify-content: center;
gap: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.project-filter-btn {
flex-wrap: wrap;
}
}
.project-filter-btn .fillter-btn {
font-size: 20px;
font-weight: 600;
line-height: 1;
color: #606364;
text-transform: uppercase;
display: inline-block;
text-align: center;
letter-spacing: 0.6px;
border-radius: 5px;
border: 1px solid rgba(96, 99, 100, 0.15);
padding: 15px 30px;
cursor: pointer;
flex: 0 0 auto;
transition: 400ms ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.project-filter-btn .fillter-btn {
padding: 15px 20px;
font-size: 18px;
flex-wrap: wrap;
}
}
.project-filter-btn .fillter-btn:is(.is-checked) {
background-color: var(--pr-ec4814);
border-color: transparent;
color: #fff;
}
.project-filter-btn .fillter-btn:hover {
background-color: var(--pr-ec4814);
border-color: transparent;
color: #fff;
}
.project-filter-item-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 300px;
margin-left: -15px;
margin-right: -15px;
}
.project-filter-item {
display: inline-block;
margin: 12px;
}
.project-filter-item:is(.style-1) {
max-width: 64.66%;
height: 370px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.project-filter-item:is(.style-1) {
max-width: 63.66%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.project-filter-item:is(.style-1) {
max-width: 46%;
}
}
@media (max-width: 767px) {
.project-filter-item:is(.style-1) {
max-width: 100%;
}
}
.project-filter-item:is(.style-2) {
max-width: 31.33%;
height: 605px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.project-filter-item:is(.style-2) {
max-width: 30.33%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.project-filter-item:is(.style-2) {
max-width: 46%;
}
}
@media (max-width: 767px) {
.project-filter-item:is(.style-2) {
max-width: 100%;
height: 400px;
}
}
.project-filter-item:is(.style-3) {
max-width: 31.33%;
height: 645px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.project-filter-item:is(.style-3) {
max-width: 30.33%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.project-filter-item:is(.style-3) {
max-width: 46%;
}
}
@media (max-width: 767px) {
.project-filter-item:is(.style-3) {
max-width: 100%;
height: 400px;
}
}
.project-filter-item:is(.style-4) {
max-width: 31.33%;
height: 310px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.project-filter-item:is(.style-4) {
max-width: 30.33%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.project-filter-item:is(.style-4) {
max-width: 46%;
}
}
@media (max-width: 767px) {
.project-filter-item:is(.style-4) {
max-width: 100%;
}
}
.project-filter-item:is(.style-5) {
max-width: 31.33%;
height: 410px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.project-filter-item:is(.style-5) {
max-width: 30.33%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.project-filter-item:is(.style-5) {
max-width: 46%;
}
}
@media (max-width: 767px) {
.project-filter-item:is(.style-5) {
max-width: 100%;
}
}
.project-filter-item:is(.style-6) {
max-width: 48%;
height: 350px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.project-filter-item:is(.style-6) {
max-width: 47%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.project-filter-item:is(.style-6) {
max-width: 46%;
}
}
@media (max-width: 767px) {
.project-filter-item:is(.style-6) {
max-width: 100%;
}
}
.project-filter-item .img-wrap {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.project-filter-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.project-filter-item .img-wrap::before {
position: absolute;
content: "";
width: 100%;
height: 0%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 56, 56, 0.56) 100%);
bottom: 0;
left: 0;
transition: 400ms ease;
}
.project-filter-item .content-wrap {
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
background-color: #EC4813;
display: flex;
justify-content: space-between;
gap: 15px;
align-items: center;
padding: 20px;
transition: 400ms ease;
}
.project-filter-item .title {
font-size: 24px;
line-height: 1.41;
color: #fff;
font-weight: 800;
margin-bottom: 0;
}
.project-filter-item .pp2-btn {
width: 72px;
height: 72px;
text-align: center;
line-height: 72px;
font-size: 26px;
color: #fff;
background: #fff;
filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.15));
}
.project-filter-item .pp2-btn i {
rotate: -45deg;
}
.project-filter-item .pp2-btn::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #EE5A2A;
clip-path: polygon(20% 0, 100% 0, 100% 80%, 81% 100%, 0 100%, 0 20%);
z-index: -1;
transition: 400ms ease;
}
.project-filter-item .pp2-btn:hover {
color: var(--pr-ec4814);
}enableMasonry2
.project-filter-item .pp2-btn:hover::after {
clip-path: polygon(100% 0, 100% 0, 100% 0, 0 100%, 0 100%, 0 100%);
}
.project-filter-item:hover .content-wrap {
bottom: 0;
}
.project-filter-item:hover .img-wrap::before {
height: 100%;
} .project-details-meta {
background-color: #fff;
border-radius: 15px;
border: 1.5px solid #EC4813;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
padding: 35px 40px;
margin-left: 40px;
margin-right: 40px;
gap: 30px;
margin-top: -70px;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.project-details-meta {
padding: 35px 20px;
margin-left: 20px;
margin-right: 20px;
gap: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.project-details-meta {
grid-template-columns: 1fr 1fr 1fr;
padding: 35px 20px;
}
}
@media (max-width: 767px) {
.project-details-meta {
grid-template-columns: 1fr;
padding: 35px 20px;
margin-left: 20px;
margin-right: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.project-details-meta {
grid-template-columns: 1fr 1fr;
padding: 35px 20px;
margin-left: 40px;
margin-right: 40px;
}
}
@media (max-width: 767px) {
.project-details-meta .meta-item:nth-child(1) {
grid-column-start: 1;
grid-column-end: -1;
}
}
.project-details-meta .title {
font-size: 22px;
font-weight: 600;
color: #0E191E;
line-height: 30px;
margin-bottom: 4px;
}
.project-details-meta .name-link, .project-details-meta .name {
font-size: 18px;
color: #606364;
text-transform: capitalize;
display: inline-block;
line-height: 1;
word-break: break-all;
}
.project-details-meta .name-link:hover {
color: var(--pr-ec4814);
}
.clients-page-item {
text-align: center;
height: 180px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border: 0.5px solid rgba(9, 9, 9, 0.15);
transition: 400ms ease;
}
.clients-page-item-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
border: 1px solid rgba(9, 9, 9, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.clients-page-item-wrap {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (max-width: 767px) {
.clients-page-item-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.clients-page-item-wrap {
grid-template-columns: 1fr 1fr 1fr;
}
}
.clients-page-item:hover {
background: var(--pr-ec4814);
} .gto-faqs-page-tabs-btn {
padding-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-faqs-page-tabs-btn {
padding-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-faqs-page-tabs-btn {
padding-right: 0;
width: 50%;
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.gto-faqs-page-tabs-btn {
padding-right: 0;
margin-bottom: 50px;
}
}
.gto-faqs-page-tabs-btn .nav-item:not(:last-child) {
margin-bottom: 10px;
}
.gto-faqs-page-tabs-btn .nav-item .nav-link {
background-color: rgba(14, 25, 30, 0.04);
border: none;
outline: none;
border-radius: 5px;
font-size: 20px;
font-weight: 500;
line-height: 28px;
text-transform: capitalize;
color: #000;
display: flex;
align-items: center;
gap: 25px;
width: 100%;
padding: 18px 20px;
transition: 400ms ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-faqs-page-tabs-btn .nav-item .nav-link {
padding: 18px 10px;
}
}
@media (max-width: 767px) {
.gto-faqs-page-tabs-btn .nav-item .nav-link {
padding: 18px 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-faqs-page-tabs-btn .nav-item .nav-link {
padding: 18px 20px;
}
}
.gto-faqs-page-tabs-btn .nav-item .nav-link i {
font-size: 16px;
color: var(--pr-ec4814);
transition: 400ms ease;
}
.gto-faqs-page-tabs-btn .nav-item .nav-link span {
display: inline-block;
transition: 100ms ease;
}
.gto-faqs-page-tabs-btn .nav-item .nav-link .icon-2 {
margin-left: auto;
}
.gto-faqs-page-tabs-btn .nav-item .nav-link:is(.active) {
background-color: var(--pr-ec4814);
color: #fff;
}
.gto-faqs-page-tabs-btn .nav-item .nav-link:is(.active) i {
color: #fff;
}
.gto-faqs-page-tabs-btn .nav-item .nav-link:hover {
background-color: var(--pr-ec4814);
color: #fff;
}
.gto-faqs-page-tabs-btn .nav-item .nav-link:hover i {
color: #fff;
}
.gto-faqs-page-tabs-content .gto-faq-1-box .accordion-item:is(.faq_bg) .accordion-header .accordion-button .text {
color: var(--pr-ec4814);
}
.gto-faqs-page-tabs-content .gto-faq-1-box .accordion-item .accordion-header {
transition: 300ms ease;
}
.gto-faqs-page-tabs-content .gto-faq-1-box .accordion-item .accordion-header .accordion-button {
transition: 300ms ease;
}
.gto-faqs-page-tabs-content .gto-faq-1-box .accordion-item .accordion-header .accordion-button .text {
font-size: 23px;
font-weight: 600;
color: #0E191E;
transition: 300ms ease;
}
.gto-faqs-page-tabs-content .gto-faq-1-box .accordion-item .accordion-body .faq-text {
font-size: 18px;
font-weight: 400;
line-height: 28px;
margin-bottom: 0;
color: #555;
}  .blog-page-2-item {
margin-bottom: 30px;
border-radius: 10px;
border: 1px solid rgba(17, 16, 16, 0.1);
}
.blog-page-2-item > .img-wrap {
position: relative;
width: 100%;
height: 350px;
overflow: hidden;
border-radius: 10px;
}
.blog-page-2-item > .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-page-2-item > .img-wrap .gto-play-btn-5 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.blog-page-2-item .content-wrap {
padding: 20px 30px;
}
@media (max-width: 767px) {
.blog-page-2-item .content-wrap {
padding: 20px 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-page-2-item .content-wrap {
padding: 20px 20px;
}
}
.blog-page-2-item .title {
font-size: 32px;
line-height: 1.31;
color: #111010;
font-weight: 700;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.blog-page-2-item .title {
font-size: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-page-2-item .title {
font-size: 30px;
}
}
.blog-page-2-item .title:hover {
color: var(--pr-ec4814);
}
.blog-page-2-item .blog-pera p{
font-size: 18px;
font-weight: 500;
line-height: 30px;
color: #606364;
margin-bottom: 15px;
}
.blog-page-2-item .blog-btn {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #111010;
display: inline-block;
transition: 400ms;
}
.blog-page-2-item .blog-btn i {
margin-left: 5px;
transition: 400ms;
}
.blog-page-2-item .blog-btn:hover {
color: var(--pr-ec4814);
}
.blog-page-2-item .blog-btn:hover i {
margin-left: 10px;
}
.blog-2-page-item-author {
display: flex;
align-items: center;
gap: 10px;
}
.blog-2-page-item-author .img-wrap {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid #EC4813;
flex: 0 0 auto;
overflow: hidden;
}
.blog-2-page-item-author .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-2-page-item-author .name {
display: inline-block;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
color: #111010;
}
.blog-2-page-item-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.blog-2-page-item-meta {
flex-wrap: wrap;
gap: 15px;
}
}
.blog-2-page-item-meta .comment, .blog-2-page-item-meta .date {
font-size: 16px;
display: inline-block;
text-transform: uppercase;
font-weight: 500;
color: #111010;
line-height: 24px;
}
.blog-2-page-item-meta .comment i, .blog-2-page-item-meta .date i {
margin-right: 3px;
color: #EC4813;
}
.blog-2-page-item-meta .comment {
margin-left: auto;
padding-right: 20px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
margin-right: 20px;
}
@media (max-width: 767px) {
.blog-2-page-item-meta .comment {
border-right: none;
margin-left: unset;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-2-page-item-meta .comment {
border-right: none;
margin-left: unset;
}
}
.blog-slider-img {
position: relative;
width: 100%;
height: 100%;
}
.blog-slider-img .swiper-container {
height: 100%;
}
.blog-slider-img .main-img {
width: 100%;
height: 100%;
}
.blog-slider-img .main-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-slider-img-btn {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
padding: 0 30px;
z-index: 1;
}
.blog-slider-img-btn .blog_slider_img_next, .blog-slider-img-btn .blog_slider_img_prev {
background-color: #000;
box-shadow: 0px 1px 29px 0px rgba(0, 0, 0, 0.07);
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 50px;
font-size: 16px;
color: #fff;
transition: 400ms ease;
}
@media (max-width: 767px) {
.blog-slider-img-btn .blog_slider_img_next, .blog-slider-img-btn .blog_slider_img_prev {
width: 40px;
height: 40px;
line-height: 40px;
}
}
.blog-slider-img-btn .blog_slider_img_next:hover, .blog-slider-img-btn .blog_slider_img_prev:hover {
color: #fff;
background-color: var(--pr-ec4814);
}
.next-prev-btn button, .next-prev-btn span, .next-prev-btn a {
height: 54px;
width: 54px;
display: inline-block;
border: none;
text-decoration: none;
outline: none;
border-radius: 10px;
text-align: center;
background-color: transparent;
line-height: 54px;
text-transform: uppercase;
color: #555555;
font-size: 20px;
font-weight: 700;
margin: 0 2px;
margin-bottom: 10px;
border: 1px solid rgba(22, 35, 43, 0.1);
}
.next-prev-btn button:hover, .next-prev-btn span:hover, .next-prev-btn a:hover {
background-color: var(--pr-ec4814);
color: #fff;
}
.next-prev-btn .current {
background-color: var(--pr-ec4814);
color: #fff;
}
.next-prev-btn span {
padding: 0 18px;
}
a.next.page-numbers i {
font-weight: 300;
}  .blog-details-content .contact-form-wrap .btn-wrap {
text-align: left;
}
.blog-details-main-img {
width: 100%;
height: 440px;
overflow: hidden;
border-radius: 10px;
margin-bottom: 25px;
}
.blog-details-main-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-details-content .blog-2-page-item-meta {
width: 100%;
max-width: 510px;
}
.blog-details-title {
font-family: var(--urbanist);
color: #111010;
font-size: 40px;
font-weight: 900;
line-height: 1.25;
margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog-details-title {
font-size: 36px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-details-title {
font-size: 34px;
}
}
@media (max-width: 767px) {
.blog-details-title {
font-size: 26px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-details-title {
font-size: 32px;
}
}
.blog-detalis-pera {
font-size: 18px;
font-weight: 500;
line-height: 30px;
color: #606364;
margin-bottom: 20px;
}
blockquote {
background-color: rgba(236, 72, 19, 0.05);
color: #EC4813;
font-family: var(--urbanist);
font-size: 22px;
font-weight: 500;
text-transform: capitalize;
line-height: 32px;
position: relative;
padding: 30px;
border-radius: 0 0 30px 30px;
}
.blog-detalis-pera blockquote p{
color: #EC4813;
font-family: var(--urbanist);
font-size: 22px;
font-weight: 500;
text-transform: capitalize;
line-height: 32px;
}
@media (max-width: 767px) {
blockquote {
padding: 30px 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
blockquote {
padding: 20px;
}
}
blockquote cite {
display: block;
position: relative;
font-size: 18px;
font-weight: 700;
color: #0E191E;
text-transform: uppercase;
line-height: 30px;
padding-left: 70px;
margin-top: 14px;
}
blockquote cite::after {
position: absolute;
content: "";
width: 60px;
height: 2px;
background-color: #0E191E;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.blog-details-inner-img {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
}
@media (max-width: 767px) {
.blog-details-inner-img {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-details-inner-img {
grid-template-columns: 1fr 1fr;
}
}
.blog-details-inner-img .img-item {
width: 100%;
height: 245px;
border-radius: 10px;
overflow: hidden;
}
.blog-details-inner-img .img-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-detalis-pera p{
font-family: var(--urbanist);
font-weight: 400;
font-size: 20px;
line-height: 1.66;
color: #5b5b5b;
}
.blog-details-subtitle, .blog-detalis-pera h2 {
font-size: 36px;
font-weight: 900;
color: #0E191E;
line-height: 1.27;
margin-bottom: 20px;
font-family: var(--urbanist);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog-details-subtitle {
font-size: 34px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-details-subtitle {
font-size: 30px;
}
}
@media (max-width: 767px) {
.blog-details-subtitle {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-details-subtitle {
font-size: 28x;
}
}
.blog-details-tag-share-wrap {
padding: 25px 0;
border-top: 1px solid hsla(0, 0%, 0%, 0.1);
border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
}
.blog-details-tag-share-wrap .title {
font-size: 22px;
display: inline-block;
color: #0E191E;
line-height: 26px;
font-weight: 600;
margin-bottom: 0;
margin-right: 6px;
}
@media (max-width: 767px) {
.blog-details-tag-share-wrap .blog-details-tag {
margin-bottom: 20px;
}
}
.blog-details-tag-share-wrap .blog-details-tag a {
background: rgba(45, 45, 45, 0.05);
color: #606364;
text-transform: capitalize;
font-size: 14px;
font-weight: 400;
line-height: 20px;
display: inline-block;
padding: 7px 25px;
transition: 300ms ease;
}
.blog-details-tag-share-wrap .blog-details-tag a:hover {
background-color: var(--pr-ec4814);
color: #fff;
}
.blog-details-tag-share-wrap .blog-details-share a {
color: #606364;
text-transform: capitalize;
font-size: 18px;
font-weight: 400;
line-height: 20px;
display: inline-block;
}
.blog-details-tag-share-wrap .blog-details-share a:hover {
color: var(--pr-ec4814);
}
.blog-details-comment-item {
background: rgba(14, 25, 30, 0.05);
border-radius: 5px;
padding: 30px;
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 767px) {
.blog-details-comment-item {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-details-comment-item {
flex-wrap: nowrap;
}
}
.blog-details-comment-item .img-wrap {
flex: 0 0 auto;
width: 140px;
height: 140px;
overflow: hidden;
border-radius: 50%;
}
.blog-details-comment-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-details-comment-item .name {
font-size: 24px;
line-height: 26px;
text-transform: capitalize;
font-weight: 900;
color: #0E191E;
margin-bottom: 15px;
display: block;
}
.blog-details-comment-item .comment-text {
font-size: 18px;
font-weight: 500;
color: #606364;
line-height: 30px;
margin-bottom: 20px;
}
.blog-details-comment-item .social-link li {
display: inline-block;
margin-right: 10px;
}
.blog-details-comment-item .social-link li a {
font-size: 20px;
line-height: 1;
color: #EC4813;
}
.blog-details-comment-item .social-link li a:hover {
color: var(--sd-4c52e0);
}
.blog-details-post-next-btn {
display: flex;
justify-content: space-between;
padding: 30px 0;
border-bottom: 1px solid rgba(17, 16, 16, 0.1);
}
@media (max-width: 767px) {
.blog-details-post-next-btn {
flex-wrap: wrap;
gap: 30px;
}
}
.blog-details-post-next-btn .next-prv-btn {
font-size: 20px;
font-weight: 700;
line-height: 26px;
color: #0E191E;
text-transform: uppercase;
transition: 400ms ease;
}
.blog-details-post-next-btn .next-prv-btn i {
margin: 0 5px;
}
.blog-details-post-next-btn .next-prv-btn:hover {
color: var(--pr-ec4814);
}
.texdft a {
display: inline-block;
background-color: #F5F5F5;
color: #080821;
border-radius: 4px;
text-decoration: none;
font-size: 13px;
font-weight: 500;
line-height: 28px;
text-transform: capitalize;
height: 28px;
padding: 0 12px;
margin-right: 2px;
}
@media (max-width: 767px) {
.texdft a {
margin-bottom: 5px;
}
}
.texdft a:hover {
background-color: var(--h1-pr-color);
color: #fff;
} .blog-details-comments-wrap {
padding: 40px 0;
border-bottom: 1px solid rgba(17, 16, 16, 0.1);
}
.comments-box-single {
display: flex;
gap: 25px;
padding: 30px;
}
@media (max-width: 767px) {
.comments-box-single {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.comments-box-single {
flex-wrap: nowrap;
}
}
.comments-box-single:not(:last-child) {
border-bottom: 1px solid #D9D9D9;
}
.comments-box-single .person-img {
flex: 0 0 auto;
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
}
.comments-box-single .person-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.comments-box-single .heading-wrap {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.comments-box-single .name {
display: inline-block;
font-size: 20px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
color: #0E191E;
margin-bottom: 5px;
}
.comments-box-single .date {
display: block;
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #EC4813;
opacity: 1;
}
.comments-box-single .reply-btn {
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-transform: capitalize;
color: #0E191E;
transition: 400ms ease;
}
.comments-box-single .reply-btn:hover {
color: #EC4813;
}
.comments-box-single .comment-text p {
font-size: 18px;
line-height: 30px;
color: #606364;
font-weight: 500;
margin-bottom: 0;
width: 80%;
}
.contact-form-wrap .form-submit {
display: none;
}
.contact-form-wrap button {
border: none;
margin-top: 15px;
}
p.comment-form-cookies-consent {
display: none;
}
.comment-wraper .contact-form {
display: inherit;
}
.comment-wraper .contact-form input {
margin-bottom: 20px;
}
.comments-box-wrap {
background: rgba(14, 25, 30, 0.03);
border-radius: 5px;
}
.comments-box-wrap .children {
padding-left: 130px;
}
@media (max-width: 767px) {
.comments-box-wrap .children {
padding-left: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.comments-box-wrap .children {
padding-left: 50px;
}
}
.comments-box-wrap .children .comments-box-single {
border-bottom: none;
}
.comments-title {
font-weight: 800;
font-size: 36px;
line-height: 1.11;
color: #0E191E;
margin-bottom: 25px;
}
h3#reply-title {
font-size: 36px;
font-weight: 700;
line-height: 1.27;
color: #111010;
margin-bottom: 20px;
}
p.logged-in-as, #email-notes {
font-size: 18px;
line-height: 30px;
color: #606364;
font-weight: 500;
margin-bottom: 15px;
}
.comment-list div#respond {
padding: 30px;
}
.comment-list div#respond input {
margin-bottom: 20px;
}
.comment-list div#respond button {
border: none;
margin-top: 10px;
}
a#cancel-comment-reply-link {
font-size: 20px;
margin-left: 15px;
}
.comment-list p.form-submit {
display: none;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.our-process-page-item {
display: grid;
grid-template-columns: 595px 1fr;
align-items: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.our-process-page-item {
grid-template-columns: 410px 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.our-process-page-item {
grid-template-columns: 1fr;
}
}
.our-process-page-item .img-wrap {
width: 100%;
height: 380px;
border-radius: 30px;
overflow: hidden;
}
.our-process-page-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.our-process-page-item .content-wrap {
width: 100%;
max-width: 740px;
border-radius: 50px;
background: #fff;
padding: 40px 50px;
margin-left: -175px;
margin-bottom: -40px;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.our-process-page-item .content-wrap {
margin-left: 0;
margin-right: 0;
margin-top: -50px;
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.our-process-page-item .content-wrap {
margin-left: 0;
margin-right: 0;
padding: 40px 20px;
margin-top: -50px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.our-process-page-item .content-wrap {
margin-left: 0;
margin-right: 0;
padding: 40px 50px;
margin-top: -50px;
margin-bottom: 0px;
}
}
.our-process-page-item .title {
font-size: 34px;
color: #0E191E;
line-height: 1.29;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.our-process-page-item .title {
font-size: 26px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.our-process-page-item .title {
font-size: 34px;
}
}
.our-process-page-item .text {
font-size: 18px;
font-weight: 500;
color: #606364;
line-height: 28px;
margin-bottom: 35px;
}
.our-process-page-item .p-item-btn {
display: inline-block;
font-size: 15px;
text-transform: uppercase;
font-weight: 800;
color: #EC4813;
border-radius: 5px;
border: 2px solid #EC4813;
line-height: 1;
padding: 14px 30px;
position: relative;
transition: 400ms ease;
}
.our-process-page-item .p-item-btn i {
margin-left: 6px;
transform: translateY(2px);
display: inline-block;
}
.our-process-page-item .p-item-btn::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #EC4813;
scale: 0;
transition: 400ms ease;
border-radius: 5px;
z-index: -1;
}
.our-process-page-item .p-item-btn:hover {
color: #fff;
}
.our-process-page-item .p-item-btn:hover::after {
scale: 1;
border-radius: 0px;
}
.our-process-page-item:is(.style-2) {
grid-template-columns: 1fr 595px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.our-process-page-item:is(.style-2) {
grid-template-columns: 1fr 410px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.our-process-page-item:is(.style-2) {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.our-process-page-item:is(.style-2) .img-wrap {
grid-row-start: 1;
}
}
.our-process-page-item:is(.style-2) .content-wrap {
margin-left: 175px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.our-process-page-item:is(.style-2) .content-wrap {
margin-left: 0;
margin-right: 0;
margin-top: -50px;
margin-bottom: 0px;
}
}
.feature__wrap [class^=col-]:last-child .feature__item h3::before {
width: 100%;
}
.feature-img-animation .image, .feature-img-animation.feature__img2 {
display: inline-block;
position: relative;
overflow: hidden;
-webkit-transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
-webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.feature-img-animation .image img, .feature-img-animation.feature__img2 img {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
max-width: 100%;
height: auto;
-webkit-transform: scale(1.5) translate(100px, 0px);
transform: scale(1.5) translate(100px, 0px);
}
.feature-img-animation.active .image, .feature-img-animation.active.feature__img2 {
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.feature-img-animation.active .image img, .feature-img-animation.active.feature__img2 img {
-webkit-transform: scale(1) translate(0px, 0px);
transform: scale(1) translate(0px, 0px);
}
.feature-img-animation.active.feature__img::before {
-webkit-transform: translateY(-50%) scaleY(1);
transform: translateY(-50%) scaleY(1);
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.feature-img-animation.active .feature__img-text {
opacity: 1;
visibility: visible;
right: -17px;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.feature__img1::before {
position: absolute;
top: 50%;
right: -33px;
-webkit-transform: translateY(-50%) scaleY(0);
transform: translateY(-50%) scaleY(0);
content: "";
background: var(--base-color);
position: absolute;
width: 82px;
height: 182px;
z-index: 1;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.feature__img-text {
position: absolute;
top: 50%;
right: 10px;
color: #fff;
font-size: 48px;
z-index: 2;
opacity: 0;
visibility: hidden;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
@media (max-width: 767px) {
.br-hide .gto-title br {
display: none;
}
}
@media (max-width: 767px) {
.br-hide-2 br {
display: none;
}
}
.gto-services-4-area {
position: relative;
}
.gto-services-4-area .bg-shape-1 {
position: absolute;
right: 0;
bottom: -210px;
z-index: -1;
}
.gto-services-4-area::after {
position: absolute;
content: "";
width: 940px;
height: 240px;
border-radius: 50%;
opacity: 0.3;
background: var(--gd-4);
filter: blur(170px);
left: 0px;
top: 30px;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-services-4-area::after {
width: 100%;
}
}
.gto-services-4-area::before {
position: absolute;
content: "";
width: 310px;
height: 110px;
border-radius: 50%;
opacity: 1;
background: var(--gd-4);
filter: blur(250px);
right: 0;
top: 0;
z-index: -1;
}
.gto-services-4-item {
position: relative;
border-radius: 20px;
text-align: center;
margin-bottom: 30px;
background: #fff;
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
padding: 30px;
transition: 600ms ease;
overflow: hidden;
}
.gto-services-4-item .bg-shape-1 {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.gto-services-4-item .bg-shape-2 {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.gto-services-4-item .bg-shape-2-color {
position: absolute;
bottom: -30px;
left: -30px;
z-index: 1;
transition: 800ms ease;
}
.gto-services-4-item .bg-shape-1-color {
position: absolute;
top: -30px;
right: -30px;
z-index: 1;
transition: 800ms ease;
}
.gto-services-4-item .content-wrap {
position: relative;
z-index: 1;
}
.gto-services-4-item .title {
font-size: 26px;
line-height: 1.38;
font-weight: 800;
transition: 400ms ease;
}
.gto-services-4-item .icon {
margin-bottom: 25px;
}
.gto-services-4-item .para-4 {
font-size: 18px;
transition: 400ms ease;
color: var(--text-color-4);
font-weight: 500;
line-height: 30px;
}
.gto-services-4-item .s4-btn {
display: inline-block;
width: 68px;
height: 68px;
border-radius: 50%;
text-align: center;
line-height: 64px;
background: #F5F3F5;
box-shadow: -8px 0px 0px rgba(0, 0, 0, 0.0901960784);
position: relative;
overflow: hidden;
}
.gto-services-4-item .s4-btn svg {
position: relative;
z-index: 1;
}
.gto-services-4-item .s4-btn svg * {
transition: 400ms ease;
}
.gto-services-4-item .s4-btn::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
left: 0;
top: 0;
background: var(--gd-4);
scale: 0;
transition: 400ms ease;
}
.gto-services-4-item .s4-btn:hover svg * {
fill: #fff;
}
.gto-services-4-item .s4-btn:hover::after {
scale: 1;
}
.gto-services-4-item:is(.back-content) {
background: var(--gd-4);
position: absolute;
top: 0;
left: 0;
width: 100%;
transform: rotateX(0) rotateY(-180deg);
opacity: 0;
}
.gto-services-4-item:is(.back-content) .title {
color: #fff;
}
.gto-services-4-item:is(.back-content) .para-4 {
color: #fff;
}
.gto-services-4-item-box {
position: relative;
background: #f9f9f9;
border-radius: 30px;
}
.gto-services-4-item-box:hover .gto-services-4-item {
transform: rotateX(0) rotateY(180deg);
}
.gto-services-4-item-box:hover .gto-services-4-item:is(.back-content) {
transform: rotateX(0) rotateY(0deg);
opacity: 1;
}
.gto-services-4-item-box:hover .gto-services-4-item:is(.back-content) .bg-shape-2-color {
bottom: 0;
left: 0;
}
.gto-services-4-item-box:hover .gto-services-4-item:is(.back-content) .bg-shape-1-color {
top: 0;
right: 0;
} .gto-about-4-area {
position: relative;
z-index: 1;
background-position: top center;
padding-top: 250px;
padding-bottom: 120px;
margin-top: -350px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-about-4-area {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-about-4-area {
padding-top: 310px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-about-4-area {
margin-top: 0;
padding-top: 110px;
padding-bottom: 40px;
}
}
.gto-about-4-content {
margin-right: -20px;
}
.gto-about-4-content .gto-experience .number {
background: var(--gd-4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gto-about-4-content .gto-experience .text {
color: var(--text-color-4);
}
.gto-about-4-content .gto-feature-list li {
color: var(--pr-4);
}
.gto-about-4-content .gto-feature-list li {
color: var(--heading-4-color);
}
.gto-about-img {
padding-left: 70px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-about-img {
padding-left: 0px;
margin-top: 200px;
}
}
.gto-about-img .bg-shape {
position: absolute;
top: 30px;
z-index: -1;
}
.gto-about-img .bg-icon-1 {
position: absolute;
top: -40px;
left: 210px;
}
.gto-about-img .bg-icon-2 {
position: absolute;
bottom: 90px;
left: 0;
}
.gto-about-img .bg-icon-3 {
position: absolute;
top: 0;
right: 0;
}
.gto-about-img .bg-icon-4 {
position: absolute;
right: 110px;
bottom: 20px;
}
.gto-trusted-4-wrap .title {
font-size: 50px;
font-weight: 900;
line-height: 1.2;
margin-bottom: 105px;
}
@media (max-width: 767px) {
.gto-trusted-4-wrap .title {
font-size: 38px;
}
}
.gto-trusted-4-wrap .title .has-color {
background: var(--Linear, linear-gradient(90deg, #8401FD 0%, #FB03CC 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}  .gto-trusted-1-item {
box-shadow: -3.032px 10.574px 70px 0px rgba(12, 12, 12, 0.07);
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
}
.gto-trusted-1-item .content-wrap {
padding: 40px 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-trusted-1-item .content-wrap {
padding: 40px 30px;
}
}
@media (max-width: 767px) {
.gto-trusted-1-item .content-wrap {
padding: 40px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-trusted-1-item .content-wrap {
padding: 40px 55px;
}
}
.gto-trusted-1-item .img-wrap {
width: 100%;
height: 230px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.gto-trusted-1-item .title {
font-size: 28px;
color: #2a2a2a;
margin-bottom: 5px;
}
.gto-trusted-1-item .text {
font-size: 18px;
color: #606364;
line-height: 26px;
font-weight: 500;
margin-bottom: 18px;
}
.gto-trusted-1-item-btn {
display: block;
font-size: 17px;
font-weight: 900;
line-height: 1;
color: #fff;
background-color: #000;
display: flex;
justify-content: space-between;
text-transform: capitalize;
padding: 25px 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-trusted-1-item-btn {
padding: 25px 30px;
}
}
@media (max-width: 767px) {
.gto-trusted-1-item-btn {
padding: 25px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-trusted-1-item-btn {
padding: 25px 55px;
}
}
.gto-trusted-1-item .gto-feature-list li {
font-size: 20px;
font-weight: 900;
color: #382c4d;
}
.gto-trusted-1-item .gto-feature-list li:not(:last-child) {
margin-bottom: 12px;
}
.gto-trusted-1-item:hover .gto-trusted-1-item-btn {
background-color: var(--pr-ec4814);
color: #fff;
}
.gto-trusted-1-item:hover .img-wrap img {
animation: gtp-p1-img 15s infinite ease-in-out;
transition: 500ms ease;
}
.gto-trusted-4-wrap .title {
font-size: 50px;
font-weight: 900;
line-height: 1.2;
margin-bottom: 105px;
}
@media (max-width: 767px) {
.gto-trusted-4-wrap .title {
font-size: 38px;
}
}
.gto-trusted-4-wrap .title .has-color {
background: var(--Linear, linear-gradient(90deg, #8401FD 0%, #FB03CC 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gto-trusted-4-item {
position: relative;
}
.gto-trusted-4-item-wrap {
display: flex;
justify-content: space-between;
gap: 30px;
align-items: center;
border-bottom: 1px solid rgba(250, 58, 208, 0.2);
padding-bottom: 50px;
}
@media (max-width: 767px) {
.gto-trusted-4-item-wrap {
gap: 40px;
flex-wrap: wrap;
}
}
.gto-trusted-4-item .img-2 {
position: absolute;
left: 0;
top: 0;
clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%);
transition: 400ms ease;
}
.gto-trusted-4-item .img-1 {
transition: 400ms ease;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.gto-trusted-4-item:hover .img-2 {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.gto-trusted-4-item:hover .img-1 {
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item:not(:last-child) {
margin-bottom: 15px;
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item:is(.has-color-2) .progress-heading span {
background: linear-gradient(90deg, #8401FD 0%, #FB03CC 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item:is(.has-color-2) .progress-bar {
background: linear-gradient(90deg, #8401FD 0%, #FB03CC 100%);
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item .progress-heading {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item .progress-heading .title {
font-size: 18px;
font-weight: 600;
line-height: 26px;
margin-bottom: 0;
margin-bottom: 0;
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item .progress-heading span {
font-size: 18px;
font-weight: 600;
letter-spacing: 0.18px;
background: var(--gd-4);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item .progress {
height: 14px;
border-radius: 30px;
background-color: transparent;
padding: 3px;
border: 1px solid #FC5F9D;
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item .progress-bar {
background: linear-gradient(90deg, #FFA835 -3.85%, #FA3DCC 97.3%, #FA3AD0 100%);
position: relative;
border-radius: 30px;
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item .progress-bar::after {
content: "";
width: 8px;
height: 20px;
border-radius: 30px;
position: absolute;
top: 0;
right: 0;
background: #EC4813;
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item .progress-bar:is(.w-70) {
width: 70%;
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item .progress-bar:is(.w-80) {
width: 80%;
}
.gto-campaign-4-progress-item-wrap .gto-campaign-4-progress-item .progress-bar:is(.w-90) {
width: 90%;
}
.gto-campaign-4-img {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 300px);
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-left: -20px;
}
@media (max-width: 767px) {
.gto-campaign-4-img {
grid-template-columns: 1fr 0;
margin-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-campaign-4-img {
grid-template-columns: repeat(2, 1fr);
margin-left: 0;
}
}
.gto-campaign-4-img .img-item {
width: 100%;
height: 100%;
border-radius: 22px;
overflow: hidden;
}
.gto-campaign-4-img .img-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-campaign-4-img .img-item:nth-child(1) {
grid-area: 1/1/2/2;
}
.gto-campaign-4-img .img-item:nth-child(2) {
grid-area: 1/2/3/3;
}
.gto-campaign-4-img .img-item:nth-child(3) {
grid-area: 2/1/3/2;
padding: 30px;
}
.gto-campaign-4-img .img-item:nth-child(3) img {
object-fit: unset;
height: auto;
}
.gto-project-4-item .img-wrap {
height: 850px;
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-project-4-item .img-wrap {
height: 550px;
}
}
.gto-project-4-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-project-4-item .img-wrap::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: var(--gd-4);
top: 0;
left: 0;
opacity: 0;
transition: 300ms ease;
}
.gto-project-4-item .subtitle {
display: inline-block;
font-size: 20px;
font-weight: 500;
line-height: 30px;
background: var(--gd-4);
color: #fff;
padding: 8px 25px;
border-radius: 30px;
position: absolute;
bottom: 0px;
left: 70px;
margin-bottom: 12px;
transition: 500ms ease;
opacity: 0;
visibility: hidden;
transition-delay: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-project-4-item .subtitle {
left: 20px;
}
}
.gto-project-4-item .p4-btn {
position: absolute;
top: 80%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 120px;
color: #fff;
transition: 500ms ease;
opacity: 0;
visibility: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-project-4-item .p4-btn {
font-size: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-project-4-item .p4-btn {
font-size: 70px;
}
}
@media (max-width: 767px) {
.gto-project-4-item .p4-btn {
font-size: 60px;
}
}
.gto-project-4-item .p4-btn:hover {
scale: 0.9;
}
.gto-project-4-item .title {
font-size: 40px;
font-weight: 800;
letter-spacing: -0.4px;
position: absolute;
left: 70px;
bottom: 0px;
color: #fff;
transition: 500ms;
transition-delay: 0s;
opacity: 0;
visibility: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.gto-project-4-item .title {
font-size: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-project-4-item .title {
left: 20px;
font-size: 30px;
}
}
.gto-project-4-slider {
position: relative;
}
.gto-project-4-slider .bg-shape-2 {
position: absolute;
top: -1px;
left: 0;
width: 100%;
z-index: 2;
height: 120px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-project-4-slider .bg-shape-2 {
height: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-project-4-slider .bg-shape-2 {
height: 50px;
}
}
.gto-project-4-slider .bg-shape-1 {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
z-index: 2;
height: 120px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-project-4-slider .bg-shape-1 {
height: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-project-4-slider .bg-shape-1 {
height: 50px;
}
}
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .img-wrap::after {
opacity: 0.6;
}
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .p4-btn {
opacity: 1;
visibility: visible;
top: 45%;
}
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .title {
bottom: 180px;
visibility: visible;
opacity: 1;
transition-delay: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .title {
bottom: 120px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .title {
bottom: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .title {
bottom: 120px;
}
}
@media (max-width: 767px) {
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .title {
bottom: 60px;
}
}
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .subtitle {
bottom: 250px;
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .subtitle {
bottom: 170px;
}
}
@media (max-width: 767px) {
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .subtitle {
left: 20px;
bottom: 160px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .gto-project-4-item .subtitle {
left: 20px;
bottom: 120px;
}
}
.gto-project-4-slider-btn {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
transition: 400ms ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-project-4-slider-btn {
bottom: -40px;
}
}
.gto-project-4-slider-btn .gto_project_4_next, .gto-project-4-slider-btn .gto_project_4_prev {
display: inline-block;
flex: 0 0 auto;
padding-top: 3px;
font-size: 62px;
line-height: 1;
background: var(--gd-4);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: 400ms ease;
}
.gto-project-4-slider-btn .gto_project_4_next:hover, .gto-project-4-slider-btn .gto_project_4_prev:hover {
scale: 0.9;
}
.gto-progress-4-item {
text-align: center;
margin-bottom: 30px;
}
.gto-progress-4-item .img-wrap {
position: relative;
margin-bottom: 40px;
}
.gto-progress-4-item .img-wrap .icon {
position: absolute;
top: 50%;
left: 54.5%;
transform: translate(-50%, -50%);
text-align: center;
width: 155px;
height: 155px;
border-radius: 50%;
line-height: 155px;
background: #F3F6F7;
display: inline-block;
box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2901960784);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gto-progress-4-item .img-wrap .icon {
width: 125px;
height: 125px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gto-progress-4-item .img-wrap .icon {
left: 52.5%;
}
}
@media (max-width: 767px) {
.gto-progress-4-item .img-wrap .icon {
left: 54.5%;
width: 105px;
height: 105px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-progress-4-item .img-wrap .icon {
left: 52.5%;
width: 155px;
height: 155px;
}
}
.gto-progress-4-item .img-wrap img {
transition: 400ms ease;
}
.gto-progress-4-item .heading-4 {
font-size: 26px;
line-height: 1.38;
margin-bottom: 12px;
text-transform: uppercase;
}
.gto-progress-4-item .para-4 {
font-size: 18px;
line-height: 28px;
margin-bottom: 0;
}
.gto-progress-4-item:hover .img-wrap img {
animation: p4bg-shape 5s infinite ease-in-out;
}
@keyframes p4bg-shape {
0% {
filter: hue-rotate(0deg);
}
50% {
filter: hue-rotate(360deg);
}
100% {
filter: hue-rotate(0deg);
}
}
.gto-testimonial-5-area {
position: relative;
z-index: 1;
}
.gto-testimonial-5-area .gto-title-2 {
margin-bottom: 0;
}
.gto-testimonial-5-item {
border-radius: 10px;
background: #fff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}
.gto-testimonial-5-item .top-content {
display: flex;
gap: 20px;
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
align-items: end;
}
@media (max-width: 767px) {
.gto-testimonial-5-item .top-content {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gto-testimonial-5-item .top-content {
flex-wrap: nowrap;
}
}
.gto-testimonial-5-item .img-wrap {
width: 200px;
height: 260px;
overflow: hidden;
flex: 0 0 auto;
}
.gto-testimonial-5-item .reating {
margin-bottom: 12px;
}
.gto-testimonial-5-item .reating i {
font-size: 20px;
margin-right: 3px;
color: #FFC107;
}
.gto-testimonial-5-item .heading-4 {
font-size: 20px;
line-height: 1.5;
font-weight: 600;
margin-bottom: 30px;
}
.gto-testimonial-5-item .bottom-content {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
border-top: 1px solid rgba(3, 6, 23, 0.1);
}
.gto-testimonial-5-item .bottom-content .name {
display: block;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 0;
}
.gto-testimonial-5-item .bottom-content .bio {
background: var(--gd-4);
display: block;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
}
.gto-testimonial-5-slider {
margin-left: 14%;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.gto-testimonial-5-slider {
margin-left: 7%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-testimonial-5-slider {
margin-left: 0%;
}
}
.gto-testimonial-5-slider .swiper-container {
padding-bottom: 50px;
padding-left: 50px;
}
.gto-testimonial-5-slider .swiper-container .swiper-wrapper .swiper-slide {
transition: 400ms ease;
width: 560px !important;
}
@media (max-width: 767px) {
.gto-testimonial-5-slider .swiper-container .swiper-wrapper .swiper-slide {
width: 100% !important;
}
}
.gto-testimonial-5-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-prev) {
opacity: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-testimonial-5-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-prev) {
opacity: 1;
}
}
.gto-testimonial-5-slider-btn {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.gto-testimonial-5-slider-btn .gto_testimonial_5_prev, .gto-testimonial-5-slider-btn .gto_testimonial_5_next {
display: inline-block;
flex: 0 0 auto;
padding-top: 3px;
font-size: 50px;
line-height: 1;
background: var(--gd-4);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: 400ms ease;
}
.gto-testimonial-5-slider-btn .gto_testimonial_5_prev:hover, .gto-testimonial-5-slider-btn .gto_testimonial_5_next:hover {
scale: 0.9;
}
.gto_t5_pagination {
display: block;
width: 100%;
height: 3px;
border-radius: 30px;
background: rgba(250, 58, 208, 0.15);
}
.gto_t5_pagination .swiper-pagination-progressbar-fill {
background: var(--gd-4);
}
.gto-testimonial-5-btn-wrap {
align-items: center;
display: flex;
justify-content: space-between;
gap: 50px;
}
.gto_t5_pagination-wrap {
position: relative;
width: 100%;
}
.gto-blog-4-item-wrap {
padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-blog-4-item-wrap {
padding-left: 0px;
padding-top: 50px;
}
}
.gto-blog-4-item {
display: grid;
grid-template-columns: 280px 1fr;
gap: 20px;
margin-bottom: 30px;
align-items: center;
}
@media (max-width: 767px) {
.gto-blog-4-item {
grid-template-columns: 1fr;
}
}
.gto-blog-4-item .img-wrap {
position: relative;
height: 260px;
overflow: hidden;
border-radius: 20px;
}
.gto-blog-4-item .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gto-blog-4-item .img-wrap::after {
content: "";
width: 0%;
height: 100%;
position: absolute;
left: auto;
top: 0;
right: 0;
background: var(--gd-4);
opacity: 0.7;
transition: 400ms ease;
}
.gto-blog-4-item .img-wrap .icon {
position: absolute;
top: 50%;
left: 0%;
transform: translate(-50%, -50%);
z-index: 1;
opacity: 0;
}
.gto-blog-4-item .title {
font-size: 28px;
font-weight: 700;
line-height: 1.38;
margin-bottom: 15px;
}
.gto-blog-4-item .title:hover {
color: var(--pr-4);
}
.gto-blog-4-item .disc {
font-size: 18px;
font-weight: 500;
line-height: 30px;
margin-bottom: 0;
color: var(--text-color-4);
}
.gto-blog-4-item .content-wrap {
border-radius: 20px;
border: 1px solid rgba(102, 106, 131, 0.2);
background: #fff;
padding: 26px 30px;
}
.gto-blog-4-item:hover .img-wrap::after {
width: 100%;
left: 0;
right: auto;
}
.gto-blog-4-item:hover .img-wrap .icon {
left: 50%;
opacity: 1;
transition: 400ms ease;
transition-delay: 0.3s;
}
.gto-blgo-4-item-date {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 25px;
}
.gto-blgo-4-item-date .categorie {
display: inline-block;
position: relative;
background: var(--gd-4);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 16px;
line-height: 1;
text-transform: capitalize;
font-weight: 500;
padding: 7px 15px;
border-radius: 50px;
overflow: hidden;
}
.gto-blgo-4-item-date .categorie::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--gd-4);
opacity: 0.2;
}
.gto-blgo-4-item-date .date {
display: inline-block;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
line-height: 30px;
color: var(--para-4);
}
.gto-newsletter-5-wrap {
padding-right: 80px;
padding-left: 15px;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-newsletter-5-wrap {
padding: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-newsletter-5-wrap .gto-newsletter-5-img {
display: none;
}
}
.gto-newsletter-5-wrap .bg-img-1 {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-newsletter-5-wrap .bg-img-1 {
height: 100%;
}
}
.gto-newsletter-5-wrap .title {
font-size: 52px;
line-height: 1.04;
color: #fff;
letter-spacing: -1px;
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-newsletter-5-wrap .title {
font-size: 30px;
}
}
.gto-newsletter-5-wrap .title span {
display: inline-block;
position: relative;
}
.gto-newsletter-5-wrap .title span::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #fff;
left: 0;
bottom: 0;
}
.gto-newsletter-5-wrap .disc {
color: #fff;
margin-bottom: 50px;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.gto-newsletter-5-wrap .content-wrap {
padding-bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.gto-newsletter-5-wrap .content-wrap {
padding-bottom: 0px;
}
}
.gto-newsletter-5-wrap .gto-newsletter-2-form {
max-width: 100%;
border-radius: 15px;
background: #FFF;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25) inset;
}
.gto-newsletter-5-wrap .gto-newsletter-2-form input {
border: none;
outline: none;
font-size: 20px;
color: #666A83;
font-weight: 500;
}
.gto-newsletter-5-wrap .gto-newsletter-2-form input::placeholder {
font-size: 20px;
color: #666A83;
font-weight: 500;
}
.gto-newsletter-5-wrap .gto-newsletter-2-form .n2-btn {
background: var(--gd-4);
border-radius: 12px;
right: 4px;
top: 3px;
height: 90%;
padding: 0 30px;
transition: 400ms ease;
}
.gto-newsletter-5-wrap .gto-newsletter-2-form .n2-btn:hover {
scale: 1.1;
}
.elementor-editor-active .tx-header,
.elementor-editor-active header {
position: static !important;
}
.txSticky-header {
position: fixed !important;
top: 0;
width: 100%;
z-index: 10;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-name: tx-fade-top;
animation-name: tx-fade-top;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
padding-top: 0px !important;
background-color: #fff;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.txSticky-header .gto-header-top-1 {
display: none;
}
.tx-header-1.txSticky-header {
background: #111111;
padding-top: 0;
}
.txSticky-header .agency__header-menu ul li a {
padding: 36px 0;
}
.tx-header-5.txSticky-header .brand-logo img {
filter: brightness(0);
}
.tx-header-5.txSticky-header {
padding: 20px 0 !important;
}
.tx-header-3.txSticky-header {
background: #131928;
}
.gst__header-2-area.txSticky-header {
background: transparent;
}
@-webkit-keyframes tx-fade-top {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes tx-fade-top {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.admin-bar .txSticky-header {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .txSticky-header{
top: 46px;
}
}
@media (max-width: 600px) {
.admin-bar .txSticky-header{
top: 0px;
}
}
.elementor-editor-active section {
margin-bottom: 0px !important;
margin-top: 0px !important;
}
@media(max-width: 991px) {
.gto-project-4-slider {
margin-top: 50px
}
.gto-project-4-slider-btn {
z-index: 99;
bottom: 0;
position: relative;
margin-top: 30px;
}
.gto-project-4-item .p4-btn {
font-size: 50px
}
}