File: //proc/thread-self/cwd/wp-content/themes/ftech/assets/css/main.css
/*
root-veriable-start
*/
:root {
scroll-behavior: inherit;
--ftc-unbounded: "Unbounded", sans-serif;
--ftc-pr-font: "Ubuntu", sans-serif;
--saira: "Saira", sans-serif;
--roboto: "Roboto", sans-serif;
--golada: "Galada", cursive;
--ftc-pr-1: #c4ef17;
--ftc-pr-2: #E504EE;
--ftc-sd-1: #6827DA;
--ftc-heading-1: #222627;
--ftc-heading-2: #020514;
--ftc-para-1: #343A41;
--ftc-gd-1: linear-gradient(90deg, rgba(23,63,207,1) 0%, rgba(229,4,238,1) 100%);
--ftc-gd-2: linear-gradient(90deg, rgba(179,37,247,1) 0%, rgba(0,226,245,1) 100%);
--cube-1: cubic-bezier(.25,.46,.45,.50);
--cube-2: cubic-bezier(0.31, -0.105, 0.43, 1.4);
}
/*
root-veriable-end
*/
/*
global-css-start
*/
body {
font-family: var(--ftc-pr-font);
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: var(--ftc-para-1);
overflow-x: hidden;
}
.img, img {
max-width: 100%;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a, span {
color: inherit;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
text-transform: inherit;
text-decoration: none;
transition: inherit;
}
button {
border: none;
outline: none;
}
a:focus,
a:hover {
color: inherit;
text-decoration: none;
}
h1 {
font-size: 55px;
}
h2 {
font-size: 55px;
}
h3 {
font-size: 42px;
}
h4 {
font-size: 27px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
ul {
margin: 0px;
padding: 0px;
list-style: none;
}
::-moz-selection {
background-color: #3065D0;
color: white;
text-shadow: none;
}
::-moz-selection {
background-color: #3065D0;
color: white;
text-shadow: none;
}
::selection {
background-color: #3065D0;
color: white;
text-shadow: none;
}
input::placeholder, textarea::placeholder {
font-size: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
input:focus::placeholder, textarea:focus::placeholder {
opacity: 0;
}
@media (min-width: 1800px), 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) {
::-webkit-scrollbar {
width: 5px;
background-color: transparent;
box-shadow: none;
border: none;
}
::-webkit-scrollbar-track {
background: transparent;
box-shadow: none;
border: none;
}
::-webkit-scrollbar-thumb {
background: var(--ftc-pr-1);
border-radius: 30px;
}
.ftc-home-3::-webkit-scrollbar {
width: 5px;
background-color: transparent;
box-shadow: none;
border: none;
}
.ftc-home-3::-webkit-scrollbar-track {
background: transparent;
box-shadow: none;
border: none;
}
.ftc-home-3::-webkit-scrollbar-thumb {
background: var(--ftc-pr-2);
border-radius: 30px;
}
.ftc-home-4::-webkit-scrollbar {
width: 5px;
background-color: transparent;
box-shadow: none;
border: none;
}
.ftc-home-4::-webkit-scrollbar-track {
background: transparent;
box-shadow: none;
border: none;
}
.ftc-home-4::-webkit-scrollbar-thumb {
background: var(--ftc-pr-2);
border-radius: 30px;
}
}
/*
global-css-start
*/
/*
margin-&-padding_veriable-start
*/
.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;
}
/*
margin-&-padding_veriable-end
*/
/*
all-common-class-start
*/
@media (min-width: 1300px) {
.container.ftc-container-1 {
max-width: 1380px;
}
.container.ftc-container-2 {
max-width: 1280px;
}
.container.ftc-container-3 {
max-width: 1414px;
}
.container.ftc-container-4 {
max-width: 1315px;
}
.container.feh-container-2 {
max-width: 1610px;
}
.container.feh-container-1 {
max-width: 1458px;
}
}
.fix {
overflow: hidden;
}
.img-cover img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
.bg-default {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.flaticon {
display: inline-block;
line-height: 0.65;
}
.ftc-btn-1 .flaticon {
font-size: 22px;
display: inline-block;
position: relative;
top: 3px;
}
.z-index-3 {
position: relative;
z-index: 3;
}
.ftc-split-text {
text-transform: unset !important;
letter-spacing: -0.1px;
overflow: hidden;
perspective: 2000px;
transform-style: preserve-3d;
}
.ftc-split-text .split-line div div:nth-child(1) {
text-transform: capitalize;
}
.ftc-pr-font {
font-family: var(--ftc-pr-font);
}
.ftc-para-font {
font-family: var(--ftc-pr-font);
}
.ftc-font-400 {
font-weight: 400;
}
.ftc-font-500 {
font-weight: 500;
}
.ftc-font-600 {
font-weight: 600;
}
.ftc-font-700 {
font-weight: 700;
}
.ftc-font-800 {
font-weight: 800;
}
.ftc-font-900 {
font-weight: 900;
}
.ftc-color-white {
color: #fff;
}
.ftc-color-pr {
color: var(--ftc-pr-color);
}
/*
all-common-class-end
*/
/*
*/
/*
home-1-heading-paragraph-css-start
*/
.ftc-heading-1 {
font-family: var(--ftc-pr-font);
line-height: 1.2;
color: var(--ftc-heading-1);
text-transform: capitalize;
margin-bottom: 0px;
}
.ftc-heading-1:is(.has-color-white) {
color: #fff;
}
.ftc-heading-2 {
font-family: var(--saira);
line-height: 1.16;
color: var(--ftc-heading-2);
text-transform: capitalize;
margin-bottom: 0px;
}
.ftc-heading-2:is(.has-color-white) {
color: #fff;
}
.ftc-subtitle-1 {
font-family: var(--ftc-pr-font);
font-size: 19px;
line-height: 1.2;
color: var(--ftc-heading-1);
margin-bottom: 5px;
display: inline-flex;
align-items: center;
gap: 10px;
}
.ftc-subtitle-1 .line {
display: block;
width: 35px;
height: 2px;
background: var(--ftc-heading-1);
flex: 0 0 auto;
}
.ftc-subtitle-1:is(.has-color-pr) {
color: var(--ftc-pr-1);
}
.ftc-subtitle-1:is(.has-color-pr) .line {
background: var(--ftc-pr-1);
}
.ftc-subtitle-1:is(.has-color-white) {
color: #fff;
}
.ftc-subtitle-1:is(.has-color-white) .line {
background: #fff;
}
.ftc-subtitle-2 {
font-family: var(--golada);
font-size: 16px;
line-height: 1;
margin-bottom: 17px;
display: inline-flex;
text-transform: uppercase;
align-items: center;
gap: 10px;
background: var(--ftc-gd-1);
background-clip: text;
-webkit-text-fill-color: transparent;
}
.ftc-subtitle-2 .line {
display: block;
width: 80px;
height: 2px;
background: var(--ftc-gd-1);
flex: 0 0 auto;
transform-origin: left;
}
.ftc-subtitle-2 .line:is(.has-origin-right) {
transform-origin: right;
}
.ftc-para-1 {
font-family: var(--ftc-pr-font);
font-weight: 400;
line-height: 30px;
font-size: 18px;
color: var(--ftc-heading-1);
margin-bottom: 0px;
}
.ftc-para-1:is(.has-color-white) {
color: #fff;
}
.ftc-para-2 {
font-family: var(--roboto);
font-weight: 400;
line-height: 30px;
font-size: 18px;
color: var(--ftc-para-1);
margin-bottom: 0px;
}
.ftc-para-2:is(.has-color-white) {
color: #fff;
}
.ftc-section-title-1 {
font-family: var(--ftc-pr-font);
font-size: 55px;
line-height: 1.2;
color: var(--ftc-heading-1);
text-transform: capitalize;
letter-spacing: -2px;
margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-section-title-1 {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-section-title-1 {
font-size: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-section-title-1 {
font-size: 40px;
}
}
@media (max-width: 767px) {
.ftc-section-title-1 {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-section-title-1 {
font-size: 35px;
}
}
.ftc-section-title-1:is(.has-size-65) {
font-size: 65px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.ftc-section-title-1:is(.has-size-65) {
font-size: 60px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-section-title-1:is(.has-size-65) {
font-size: 55px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-section-title-1:is(.has-size-65) {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-section-title-1:is(.has-size-65) {
font-size: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-section-title-1:is(.has-size-65) {
font-size: 40px;
}
}
@media (max-width: 767px) {
.ftc-section-title-1:is(.has-size-65) {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-section-title-1:is(.has-size-65) {
font-size: 35px;
}
}
.ftc-section-title-1:is(.has-color-white) {
color: #fff;
}
.ftc-section-title-2 {
font-family: var(--saira);
font-size: 60px;
line-height: 1.16;
font-weight: 700;
color: var(--ftc-heading-2);
text-transform: capitalize;
margin-bottom: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-section-title-2 {
font-size: 55px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-section-title-2 {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-section-title-2 {
font-size: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-section-title-2 {
font-size: 40px;
}
}
@media (max-width: 767px) {
.ftc-section-title-2 {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-section-title-2 {
font-size: 35px;
}
}
.ftc-section-title-2:is(.has-color-white) {
color: #fff;
}
/*
home-1-heading-paragraph-css-end
*/
/*
button-component-start
*/
/*
mobile-menu-btn-1-start
*/
.ftc-mobile-menu-btn-1 {
border: none;
outline: none;
background: var(--ftc-pr-1);
flex: 0 0 auto;
width: 62px;
height: 62px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 50%;
transition: 500ms var(--cube-2);
position: relative;
z-index: 1;
overflow: hidden;
padding: 26px 20px;
}
.ftc-mobile-menu-btn-1 span {
display: block;
background: #000;
width: 100%;
height: 3px;
transition: 500ms var(--cube-2);
}
.ftc-mobile-menu-btn-1 span:nth-child(2) {
transform: translate(-5px, 0);
}
.ftc-mobile-menu-btn-1 span:nth-child(1) {
transform: translate(5px, 0);
}
.ftc-mobile-menu-btn-1:focus span:nth-child(2) {
transform: translateY(-4px) rotate(308deg);
}
.ftc-mobile-menu-btn-1:focus span:nth-child(1) {
transform: translateY(3px) rotate(45deg);
}
.ftc-mobile-menu-btn-1:hover {
transform: scale(95%);
}
.ftc-mobile-menu-btn-1:hover span:nth-child(2) {
transform: translateY(-4px) rotate(308deg);
}
.ftc-mobile-menu-btn-1:hover span:nth-child(1) {
transform: translateY(3px) rotate(45deg);
}
/*
mobile-menu-btn-1-end
*/
/*
mobile-menu-btn-2-start
*/
.feh-mobile-menu-btn-1 {
outline: none;
background: transparent;
flex: 0 0 auto;
width: 62px;
height: 62px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 50%;
transition: 500ms var(--cube-2);
position: relative;
z-index: 1;
overflow: hidden;
padding: 21px 20px;
border: 1px solid #000;
}
.feh-mobile-menu-btn-1 span {
display: block;
background: #000;
width: 100%;
height: 2px;
transition: 500ms var(--cube-2);
margin-bottom: 2px;
}
.feh-mobile-menu-btn-1:focus span:nth-child(2) {
transform: translateY(1px) rotate(317deg);
}
.feh-mobile-menu-btn-1:focus span:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.feh-mobile-menu-btn-1:focus span:nth-child(3) {
visibility: hidden;
opacity: 0;
}
.feh-mobile-menu-btn-1:hover {
transform: scale(95%);
}
.feh-mobile-menu-btn-1:hover span:nth-child(2) {
transform: translateY(1px) rotate(317deg);
}
.feh-mobile-menu-btn-1:hover span:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.feh-mobile-menu-btn-1:hover span:nth-child(3) {
visibility: hidden;
opacity: 0;
}
/*
mobile-menu-btn-2-end
*/
/*
pr-btn-1-start
*/
.ftc-btn-1 {
display: inline-block;
background: var(--ftc-pr-1);
font-size: 19px;
padding: 16px 47px;
border-radius: 50px;
position: relative;
z-index: 1;
transition: 0.4s var(--cube-1);
}
.ftc-btn-1::after {
content: "";
width: 100%;
height: 100%;
right: 0;
top: 0;
background: #000;
position: absolute;
border-radius: 30px;
z-index: -1;
transition: 0.4s var(--cube-2);
opacity: 0;
}
.ftc-btn-1:hover {
color: #fff;
}
.ftc-btn-1:hover::after {
width: 95%;
opacity: 1;
}
.ftc-btn-1:is(.has-icon) {
padding: 16px 30px;
}
.ftc-btn-1:is(.has-boxed) {
letter-spacing: -1px;
border-radius: 0;
font-size: 20px;
padding: 44px 76px;
}
.ftc-btn-1:is(.has-boxed)::after {
border-radius: 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) {
.ftc-btn-1:is(.has-boxed) {
padding: 25px 35px;
}
}
/*
pr-btn-1-end
*/
/*
pr-btn-3-start
*/
.ftc-btn-3 {
position: relative;
z-index: 1;
display: inline-block;
font-size: 18px;
font-weight: 600;
font-family: var(--saira);
text-transform: capitalize;
color: #fff;
background: var(--ftc-gd-1);
padding: 11px 27px;
border-radius: 5px;
}
.ftc-btn-3::after {
content: "";
width: 105%;
height: 117%;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid var(--ftc-pr-2);
z-index: -1;
border-radius: 5px;
clip-path: polygon(0 45%, 45% 44%, 30% 100%, 0% 100%);
transition: 400ms var(--cube-1);
}
.ftc-btn-3::before {
content: "";
width: 0%;
height: 100%;
background: #173FCF;
position: absolute;
top: 0%;
left: 0%;
z-index: -1;
border-radius: 5px;
transition: 400ms var(--cube-1);
opacity: 0;
}
.ftc-btn-3:hover {
color: #fff;
}
.ftc-btn-3:hover::before {
width: 100%;
opacity: 1;
}
.ftc-btn-3:hover::after {
clip-path: polygon(0 10%, 97% 6%, 97% 100%, 0% 100%);
}
/*
pr-btn-3-end
*/
/*
pr-btn-4-start
*/
.ftc-btn-4 {
position: relative;
z-index: 1;
display: inline-block;
font-size: 18px;
font-weight: 600;
font-family: var(--saira);
text-transform: capitalize;
color: #fff;
background: #6827DA;
padding: 15px 40px;
border-radius: 5px;
}
.ftc-btn-4::after {
content: "";
width: 105%;
height: 117%;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid #6827DA;
z-index: -1;
border-radius: 5px;
clip-path: polygon(0 10%, 97% 6%, 97% 100%, 0% 100%);
transition: 400ms var(--cube-1);
}
.ftc-btn-4::before {
content: "";
width: 0%;
height: 100%;
background: var(--ftc-gd-1);
position: absolute;
top: 0%;
left: 0%;
z-index: -1;
border-radius: 5px;
transition: 400ms var(--cube-1);
opacity: 0;
}
.ftc-btn-4:hover {
color: #fff;
}
.ftc-btn-4:hover::before {
width: 100%;
opacity: 1;
}
.ftc-btn-4:hover::after {
clip-path: polygon(0 45%, 45% 44%, 30% 100%, 0% 100%);
border: 2px solid var(--ftc-pr-2);
}
/*
pr-btn-4-end
*/
/*
pr-btn-5-start
*/
.ftc-pr-btn-5 {
overflow: hidden;
z-index: 1;
position: relative;
display: inline-block;
flex: 0 0 auto;
background: var(--ftc-gd-2);
font-family: var(--saira);
font-size: 18px;
line-height: 1;
font-weight: 600;
text-transform: capitalize;
color: #fff;
padding: 22px 38px;
border-radius: 100px;
transition: 0.2s transform ease-in-out;
will-change: transform;
cursor: pointer;
}
.ftc-pr-btn-5::after {
background: var(--ftc-gd-2);
content: "";
height: 22px;
width: 22px;
border-radius: 50%;
position: absolute;
right: 31px;
top: 33%;
z-index: -1;
transition: 400ms ease;
transform: scale(1);
}
.ftc-pr-btn-5::before {
background-color: #010419;
content: "";
height: 95%;
width: 98.5%;
border-radius: 100px;
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
transition: 400ms ease;
transform: translate(-50%, -50%);
}
.ftc-pr-btn-5 i {
display: inline-block;
margin-left: 7px;
font-size: 13px;
color: #000;
transform: rotate(45deg) translateY(-2px);
transition: 400ms ease;
}
.ftc-pr-btn-5:hover {
color: #fff;
}
.ftc-pr-btn-5:hover i {
transform: rotate(90deg) translateY(-2px);
color: #fff;
}
.ftc-pr-btn-5:hover::after {
transform: scale(22);
}
/*
pr-btn-5-end
*/
/*
search-btn-1-start
*/
.ftc-search-btn-1 {
flex: 0 0 auto;
width: 52px;
height: 52px;
background: #000;
border-radius: 50%;
color: #fff;
font-size: 18px;
transition: 400ms var(--cube-1);
}
.ftc-search-btn-1:hover {
background: var(--ftc-pr-1);
}
/*
search-btn-1-end
*/
/*
phone-btn-1-start
*/
.ftc-phone-btn-1 {
font-size: 18px;
color: #fff;
display: inline-block;
line-height: 1;
transition: 0.4s var(--cube-1);
}
.ftc-phone-btn-1 i {
margin-right: 5px;
}
.ftc-phone-btn-1:hover {
color: var(--ftc-pr-1);
}
/*
phone-btn-1-end
*/
/*
scroll-down-1-start
*/
.ftc-scroll-down-1 {
width: 160px;
height: 160px;
display: inline-block;
position: relative;
z-index: 1;
padding: 30px;
}
.ftc-scroll-down-1-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: ftc-roteted 10s infinite linear;
}
.ftc-scroll-down-1-icon {
background: var(--ftc-sd-1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 30px;
width: 100%;
height: 100%;
}
.ftc-scroll-down-1:hover .ftc-scroll-down-1-icon {
animation: wobble-vertical 1s ease-in-out;
}
/*
scroll-down-1-end
*/
/*
circle-btn-1-start
*/
.ftc-circle-btn-1 {
display: inline-block;
position: relative;
z-index: 1;
}
.ftc-circle-btn-1-icon-posi {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ftc-circle-btn-1-icon {
width: 65px;
height: 65px;
background: var(--ftc-gd-2);
border-radius: 50%;
font-size: 35px;
line-height: 1;
color: #fff;
}
.ftc-circle-btn-1-text {
animation: ftc-roteted 10s infinite linear;
}
.ftc-circle-btn-1:hover .ftc-circle-btn-1-icon {
animation: wobble-vertical 1s ease-in-out;
opacity: 0.8;
}
/*
circle-btn-1-end
*/
.feh-btn-1 {
display: inline-block;
background: var(--ftc-pr-1);
font-size: 19px;
padding: 16px 47px;
border-radius: 50px;
position: relative;
z-index: 1;
transition: 0.4s var(--cube-1);
}
/*
button-component-end
*/
/*
mobile-menu-css-start
*/
.mobile-menu {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
z-index: 9;
display: none;
}
.mobile-menu ::-webkit-scrollbar {
display: none;
}
.mobile-menu-bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
display: flex;
flex-direction: column;
}
.mobile-menu-bg span {
flex-wrap: wrap;
display: block;
background-color: #131518;
width: 100%;
}
.mobile-menu-bg span:nth-child(1) {
height: 50%;
}
.mobile-menu-bg span:nth-child(2) {
height: 50%;
}
.mobile-menu-wrap {
height: 100%;
padding: 60px 200px;
overflow-y: scroll;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mobile-menu-wrap {
padding: 60px 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mobile-menu-wrap {
padding: 60px 50px;
}
}
@media (max-width: 767px) {
.mobile-menu-wrap {
padding: 40px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mobile-menu-wrap {
padding: 60px 40px;
}
}
.mobile-menu-logo-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.mobile-menu-close {
font-size: 30px;
color: #fff;
cursor: pointer;
}
.mobile-menu-close i {
line-height: 1;
display: inline-block;
transition: 300ms ease-in-out;
}
.mobile-menu-close:hover {
color: var(--ftc-pr-1);
}
.mobile-menu-inner {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.mobile-menu-search-form-1 input {
height: 60px;
border-radius: 5px;
padding: 0 30px;
background: #fff;
font-family: var(--ftc-pr-font);
width: 100%;
border: none;
outline: none;
color: #000;
margin-bottom: 10px;
}
.mobile-menu-search-form-1 .form-btn {
border: none;
outline: none;
background-color: #fff;
border-radius: 5px;
padding: 12px 20px;
color: #000;
transition: 300ms var(--cube-1);
text-transform: capitalize;
font-family: var(--ftc-pr-font);
}
.mobile-menu-search-form-1 .form-btn:hover {
background-color: var(--ftc-pr-1);
color: #000;
transform: scale(95%);
}
.mobile-menu-social-1 {
gap: 25px;
}
.mobile-menu-social-1 a {
display: inline-block;
font-size: 22px;
line-height: 1;
color: #fff;
opacity: 0.8;
transition: 300ms var(--cube-1);
}
.mobile-menu-social-1 a:hover {
color: var(--ftc-pr-1);
opacity: 1;
}
/*
header-menu-customazition-start
*/
.mobile-main-navigation .navbar-nav li {
position: relative;
}
.mobile-main-navigation .navbar-nav li:not(:last-child) {
margin-bottom: 10px;
}
.mobile-main-navigation .navbar-nav li a {
color: #fff;
font-family: var(--ftc-pr-font);
font-size: 24px;
text-transform: capitalize;
}
.mobile-main-navigation .navbar-nav li a:hover {
color: var(--ftc-pr-1);
}
.mobile-main-navigation .navbar-nav li .dropdown-btn {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
height: 32px;
background: rgba(255, 255, 255, 0.7);
color: #000;
transition: 400ms var(--cube-1);
}
.mobile-main-navigation .navbar-nav li .dropdown-btn:hover {
background-color: var(--ftc-pr-1);
}
.mobile-main-navigation .navbar-nav li .dropdown-btn:is(.toggle-open) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-color: var(--ftc-pr-1);
}
.mobile-main-navigation .navbar-nav li .dropdown-menu {
border-radius: 0;
background-color: transparent;
}
.mobile-main-navigation .navbar-nav li .dropdown-menu li {
padding-left: 30px;
margin-bottom: 0;
}
.mobile-main-navigation .navbar-nav li .dropdown-menu li a {
font-size: 18px;
}
.mobile-main-navigation .navbar-nav li .dropdown-menu li .dropdown-btn {
position: absolute;
top: 5px;
width: 20px;
height: 22px;
font-size: 16px;
}
/*
header-menu-customazition-start
*/
/*
mobile-menu-css-start
*/
/*
preloader-css-start
*/
#preloader {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999999;
overflow: hidden;
align-items: center;
justify-content: center;
background-color: #000;
transition: 1000ms var(--cube-1);
}
#preloader .preloader-wrap {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
#preloader .preloader-wrap .loading {
text-align: center;
}
#preloader .preloader-wrap .icon-ani {
width: 130px;
}
#preloader:is(.preloaded) {
transform: translateY(-100%);
}
/*
preloader-css-end
*/
/* ======= Text Animation style ======= */
.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;
}
.ftc-threed-box {
perspective: 2000px;
transform-style: preserve-3d;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.parallax-img {
background-position-y: unset !important;
}
}
.ftc-color-gd, .ftc-services-3-all-btn a{
background: var(--ftc-gd-1);
background-clip: text;
-webkit-text-fill-color: transparent;
}
.ftc-color-gd-2 {
background: var(--ftc-gd-2);
background-clip: text;
-webkit-text-fill-color: transparent;
}
@-webkit-keyframes wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ftc-up-down-keyfrem {
0% {
transform: translateY(0px);
}
25% {
transform: translateY(-50px);
}
50% {
transform: translateY(0px);
}
75% {
transform: translateY(50px);
}
100% {
transform: translateY(0px);
}
}
@keyframes ftc-roteted {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ftc-home-2 {
background-color: #1f1e20;
}
.ftc-home-4 {
background: #010317;
}
/*
search-box-css-start
*/
.popup-search-box {
background-color: #121342;
position: fixed;
display: flex;
left: 0;
top: -100px;
width: 100%;
z-index: 5;
height: 100vh;
align-items: center;
transform: scaleY(0);
transition: 500ms var(--cube-1);
transform-origin: top;
visibility: hidden;
z-index: 9;
}
.popup-search-box-close {
height: 50px;
width: 50px;
font-size: 26px;
border: none;
outline: none;
border-radius: 5px;
background: var(--ftc-pr-1);
color: #000;
flex: 0 0 auto;
transition: 300ms var(--cube-1);
position: absolute;
right: 50px;
top: 50px;
line-height: 1;
}
@media (max-width: 767px) {
.popup-search-box-close {
top: 15px;
right: 15px;
}
}
.popup-search-box-close i {
font-weight: 700;
line-height: 1;
}
.popup-search-box-close:hover {
background: #fff;
color: #000;
}
.popup-search-box-container {
max-width: 600px;
}
.popup-search-box .title {
color: #fff;
margin-bottom: 25px;
font-size: 40px;
}
@media (max-width: 767px) {
.popup-search-box .title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.popup-search-box .title {
font-size: 32px;
}
}
.popup-search-box-form {
display: flex;
}
@media (max-width: 767px) {
.popup-search-box-form {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.popup-search-box-form {
flex-wrap: nowrap;
}
}
@media (max-width: 767px) {
.popup-search-box {
height: 100%;
overflow-y: auto;
}
}
.popup-search-box.active {
top: 0;
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.popup-search-box form {
position: relative;
width: 100%;
}
@media (max-width: 767px) {
.popup-search-box form {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.popup-search-box form {
margin-bottom: 0px;
}
}
.popup-search-box-input input {
width: 100%;
height: 60px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.2392156863);
border-radius: 5px;
border: none;
outline: none;
font-size: 18px;
font-weight: 700;
color: #000;
padding: 0 30px;
padding-right: 115px;
font-family: var(--ftc-pr-font);
}
.popup-search-box-input input::placeholder {
color: #000;
font-size: 18px;
}
.popup-search-box button[type=submit] {
position: absolute;
right: 0;
top: 0px;
bottom: 0;
padding: 0 30px;
background: var(--ftc-pr-1);
color: #000;
font-size: 24px;
border-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border: none;
transition: 300ms var(--cube-1);
}
.popup-search-box button[type=submit] i {
font-weight: 700;
}
.popup-search-box button[type=submit]:hover {
color: #fff;
background: #121342;
}
/*
search-box-css-end
*/
.scroll-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 45px;
cursor: pointer;
display: block;
z-index: 6;
opacity: 1;
visibility: visible;
transition: all 300ms linear;
background: transparent;
text-align: center;
color: #fff;
background: var(--txa-gd-1);
border-radius: 30px;
border: 2px solid transparent;
transition: 300ms var(--cube-2);
transform: translateY(200px);
}
.scroll-top:hover {
bottom: 35px;
}
.scroll-top-wrap {
position: relative;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 30px;
padding: 7px 0;
}
.scroll-top-wrap svg {
fill: var(--txa-pr-1);
width: 38px;
}
.scroll-top-wrap .text {
display: inline-block;
writing-mode: vertical-lr;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.5px;
background: var(--txa-gd-1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
.scroll-top-wrap .text {
display: none;
}
}
.scroll-top.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/*
*/
/*
header-1-css-start
*/
.ftc-header-1-area {
background: transparent;
position: absolute;
top: 30px;
left: 0;
width: 100%;
z-index: 3;
}
.ftc-header-1-container {
max-width: 1830px;
}
.ftc-header-1-row {
gap: 100px;
}
.ftc-header-1-row .main-navigation {
margin-left: auto;
}
.ftc-header-1-logo-1 {
position: relative;
z-index: 1;
}
.ftc-header-1-action-link {
gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-header-1-action-link .ftc-btn-1 {
display: none;
}
}
@media (max-width: 767px) {
.ftc-header-1-action-link .ftc-btn-1 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-header-1-action-link .ftc-btn-1 {
display: block;
}
}
.main-navigation .navbar-nav {
display: inherit;
}
.main-navigation .navbar-nav li {
display: inline-block;
position: relative;
}
.main-navigation .navbar-nav li:not(:last-child) {
margin-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.main-navigation .navbar-nav li:not(:last-child) {
margin-right: 20px;
}
}
.main-navigation .navbar-nav li:is(.dropdown) > a {
padding-right: 15px;
}
.main-navigation .navbar-nav li:is(.dropdown) > a::before {
content: "+";
font-family: "Font Awesome 6 Pro";
font-weight: 700;
position: absolute;
font-size: 10px;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: 400ms var(--cube-2);
}
.main-navigation .navbar-nav li a {
position: relative;
z-index: 1;
font-family: var(--ftc-pr-font);
font-size: 18px;
font-weight: 700;
text-decoration: none;
color: #fff;
padding: 23px 0;
display: inline-block;
text-transform: capitalize;
line-height: 1;
transition: 400ms var(--cube-1);
}
.main-navigation .navbar-nav li a::after {
content: "";
width: 0%;
height: 1px;
background-color: var(--ftc-pr-1);
position: absolute;
left: 0;
bottom: 0;
transition: 400ms var(--cube-1);
opacity: 0;
}
.main-navigation .navbar-nav li .dropdown-menu {
left: 0;
top: 100%;
z-index: 100;
margin: 0px;
padding: 20px 20px;
height: auto;
min-width: 250px;
display: block;
border: none;
border-top: 2px solid var(--ftc-pr-1);
box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
border-radius: 0;
position: absolute;
background: #000;
border-radius: 2px;
text-align: left;
opacity: 0;
visibility: hidden;
transform: translateY(15px) translateZ(0);
transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.main-navigation .navbar-nav li .dropdown-menu li {
display: block;
margin: 0;
position: relative;
}
.main-navigation .navbar-nav li .dropdown-menu li a {
color: #fff;
width: 100%;
font-weight: 500;
display: block;
padding: 10px 0px;
font-size: 16px;
}
.main-navigation .navbar-nav li .dropdown-menu li a::after {
background: var(--ftc-pr-1);
}
.main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu {
top: 0;
left: calc(100% + 20px);
min-width: 250px;
opacity: 0;
visibility: hidden;
transform: translateY(15px) translateZ(0);
transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.main-navigation .navbar-nav li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0px) translateZ(0);
}
.main-navigation .navbar-nav li .dropdown-menu li:hover > a {
color: var(--ftc-pr-1);
}
.main-navigation .navbar-nav li .dropdown-menu li:hover > a::after {
bottom: 0;
}
.main-navigation .navbar-nav li:hover > a {
color: var(--ftc-pr-1);
}
.main-navigation .navbar-nav li:hover > a::after {
bottom: 34%;
opacity: 1;
width: 100%;
}
.main-navigation .navbar-nav li:hover > a::before {
transform: translateY(-50%) rotate(360deg);
}
.main-navigation .navbar-nav li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0px) translateZ(0);
}
/*
header-1-css-end
*/
/*
header-2-css-start
*/
.ftc-header-2-area {
background: transparent;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 5;
}
.ftc-header-2-container {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
padding-left: 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) {
.ftc-header-2-container {
padding-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-header-2-container {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 767px) {
.ftc-header-2-row {
padding-top: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-header-2-row {
padding-top: 0px;
}
}
.ftc-header-2-action-link {
gap: 55px;
}
@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) {
.ftc-header-2-action-link {
gap: 15px;
}
}
@media (min-width: 1800px), 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) {
.ftc-header-2-action-link .ftc-mobile-menu-btn-1 {
display: none;
}
}
@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) {
.ftc-header-2-action-link .ftc-phone-btn-1 {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.ftc-header-2-action-link .ftc-search-btn-1 {
display: none !important;
}
}
@media (max-width: 767px) {
.ftc-header-2-action-link .ftc-btn-1 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-header-2-action-link .ftc-btn-1 {
display: inline-block;
}
}
.main-navigation:is(.has-header-2) .navbar-nav li:not(:last-child) {
margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-navigation:is(.has-header-2) .navbar-nav li:not(:last-child) {
margin-right: 20px;
}
}
.main-navigation:is(.has-header-2) .navbar-nav li:is(.dropdown) > a::before {
content: "\e093";
top: 54%;
}
.main-navigation:is(.has-header-2) .navbar-nav li a {
font-size: 16px;
text-transform: uppercase;
letter-spacing: -0.2px;
}
.main-navigation:is(.has-header-2) .navbar-nav li .dropdown-menu li {
margin-right: 0;
}
.main-navigation:is(.has-header-2) .navbar-nav li .dropdown-menu li a {
font-weight: 500;
}
/*
header-2-css-end
*/
/*
header-3-css-start
*/
.ftc-header-3-area {
position: absolute;
top: 30px;
left: 0;
width: 100%;
z-index: 5;
}
.ftc-header-3-action-link {
gap: 20px;
}
.ftc-header-3-action-link .ftc-mobile-menu-btn-1 {
background: var(--ftc-gd-1);
}
.ftc-header-3-action-link .ftc-mobile-menu-btn-1 span {
color: #fff;
}
@media (min-width: 1800px), 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) {
.ftc-header-3-action-link .ftc-mobile-menu-btn-1 {
display: none;
}
}
@media (max-width: 767px) {
.ftc-header-3-action-link .ftc-btn-3 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-header-3-action-link .ftc-btn-3 {
display: inline-block;
}
}
.main-navigation:is(.has-header-3) {
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 10px;
padding: 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-navigation:is(.has-header-3) {
padding: 0 20px;
}
}
.main-navigation:is(.has-header-3) .navbar-nav li:not(:last-child) {
margin-right: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-navigation:is(.has-header-3) .navbar-nav li:not(:last-child) {
margin-right: 20px;
}
}
.main-navigation:is(.has-header-3) .navbar-nav li a {
font-family: var(--saira);
font-size: 18px;
font-weight: 400;
color: #fff;
padding: 26px 0;
}
.main-navigation:is(.has-header-3) .navbar-nav li a::after {
background-color: var(--ftc-pr-2);
}
.main-navigation:is(.has-header-3) .navbar-nav li:is(.dropdown) > a {
padding-right: 12px;
}
.main-navigation:is(.has-header-3) .navbar-nav li:is(.dropdown) > a::before {
content: "\f0d7";
font-size: 12px;
top: 48%;
}
.main-navigation:is(.has-header-3) .navbar-nav li:hover > a {
color: var(--ftc-pr-2);
}
.main-navigation:is(.has-header-3) .navbar-nav li .dropdown-menu {
border-top: 1px solid var(--ftc-pr-2);
}
.main-navigation:is(.has-header-3) .navbar-nav li .dropdown-menu li {
margin-right: 0;
}
.main-navigation:is(.has-header-3) .navbar-nav li .dropdown-menu li a {
font-weight: 400;
}
.main-navigation:is(.has-header-3) .navbar-nav li .dropdown-menu li a::after {
background-color: var(--ftc-pr-2);
}
.main-navigation:is(.has-header-3) .navbar-nav li .dropdown-menu li:hover > a {
color: var(--ftc-pr-2);
}
/*
header-3-css-end
*/
/*
header-4-css-start
*/
.ftc-header-4 {
/* header-menu-edit-from-home-1 */
}
.ftc-header-4-area {
position: absolute;
top: 25px;
left: 0;
width: 100%;
z-index: 2;
}
.ftc-header-4-row {
gap: 0;
background: #222847;
border-radius: 100px;
}
.ftc-header-4-logo-1 {
width: 250px;
flex: 0 0 auto;
position: relative;
z-index: 1;
height: 89px;
border-radius: 100px 0 0 100px;
padding: 15px;
overflow: hidden;
}
.ftc-header-4-logo-1::after {
content: "";
width: 100%;
height: 100%;
background: var(--ftc-gd-2);
position: absolute;
top: 0;
left: 0;
opacity: 20%;
z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-header-4-logo-1 {
width: 200px;
}
}
@media (max-width: 767px) {
.ftc-header-4-logo-1 {
width: 200px;
}
}
.ftc-header-4-action-link {
gap: 15px;
}
.ftc-header-4-action-link .ftc-mobile-menu-btn-1 {
background: var(--ftc-gd-2);
}
@media (min-width: 1800px), 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) {
.ftc-header-4-action-link .ftc-mobile-menu-btn-1 {
display: none;
}
}
.ftc-header-4-action-link .ftc-pr-btn-5 {
padding: 36px 56px;
border-radius: 0 100px 100px 0;
}
.ftc-header-4-action-link .ftc-pr-btn-5::before {
display: none;
}
.ftc-header-4-action-link .ftc-pr-btn-5::after {
background: #fff;
right: 49px;
top: 38%;
}
.ftc-header-4-action-link .ftc-pr-btn-5 i {
color: #5588F6;
}
.ftc-header-4-action-link .ftc-pr-btn-5:hover {
color: #B325F7;
}
.ftc-header-4-action-link .ftc-pr-btn-5:hover i {
color: #B325F7;
}
@media (max-width: 767px) {
.ftc-header-4-action-link .ftc-pr-btn-5 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-header-4-action-link .ftc-pr-btn-5 {
display: block;
}
}
.ftc-header-4-navigation .navbar-nav li {
z-index: 1;
}
.ftc-header-4-navigation .navbar-nav li::after {
content: "";
width: 100%;
height: 7px;
border-radius: 0 0px 12px 12px;
background: var(--ftc-gd-2);
position: absolute;
top: 0;
left: 0;
transform-origin: top;
transform: scaleY(0);
transition: 300ms var(--cube-1);
}
.ftc-header-4-navigation .navbar-nav li::before {
content: "";
width: 100%;
height: 7px;
border-radius: 12px 12px 0 0;
background: var(--ftc-gd-2);
position: absolute;
bottom: 0;
left: 0;
transform-origin: bottom;
transform: scaleY(0);
transition: 300ms var(--cube-1);
}
.ftc-header-4-navigation .navbar-nav li a {
font-family: var(--saira);
font-size: 18px;
font-weight: 500;
padding: 35px 0;
color: #fff;
background: var(--ftc-gd-2);
-webkit-background-clip: text;
}
.ftc-header-4-navigation .navbar-nav li a::after {
display: none;
}
.ftc-header-4-navigation .navbar-nav li:is(.dropdown) > a {
padding-right: 15px;
}
.ftc-header-4-navigation .navbar-nav li:is(.dropdown) > a::before {
content: "\f0d7";
font-size: 12px;
color: transparent;
-webkit-text-fill-color: #fff;
background: var(--ftc-gd-2);
-webkit-background-clip: text;
}
.ftc-header-4-navigation .navbar-nav li .dropdown-menu {
border-top: none;
}
.ftc-header-4-navigation .navbar-nav li .dropdown-menu li a {
padding: 13px 0px;
font-weight: 500;
}
.ftc-header-4-navigation .navbar-nav li .dropdown-menu li:hover > a {
color: transparent;
}
.ftc-header-4-navigation .navbar-nav li:hover::after {
transform: scaleY(1);
}
.ftc-header-4-navigation .navbar-nav li:hover::before {
transform: scaleY(1);
}
.ftc-header-4-navigation .navbar-nav li:hover > a {
color: transparent;
font-weight: 500;
}
.ftc-header-4-navigation .navbar-nav li:hover > a::before {
-webkit-text-fill-color: transparent;
transform: translateY(-50%);
}
/*
header-4-css-end
*/
.feh-header-3-area {
background: transparent;
position: absolute;
top: 30px;
left: 0;
width: 100%;
z-index: 3;
}
.feh-header-3-container {
max-width: 1830px;
}
.feh-header-3-row .main-navigation {
margin-left: auto;
margin-right: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feh-header-3-row .main-navigation {
margin-right: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-header-3-row .main-navigation {
margin-right: 50px;
}
}
.feh-header-3-logo-1 {
position: relative;
z-index: 1;
}
.feh-header-3-action-link {
gap: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-header-3-action-link .ftc-btn-1 {
display: none;
}
}
@media (max-width: 767px) {
.feh-header-3-action-link .ftc-btn-1 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-header-3-action-link .ftc-btn-1 {
display: block;
}
}
.feh-header-3-searh-btn {
border: none;
outline: none;
background-color: transparent;
}
.main-navigation:is(.feh-navbar-3) .navbar-nav li:not(:last-child) {
margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-navigation:is(.feh-navbar-3) .navbar-nav li:not(:last-child) {
margin-right: 20px;
}
}
.main-navigation:is(.feh-navbar-3) .navbar-nav li a {
color: #252323;
text-transform: uppercase;
font-size: 16px;
}
.main-navigation:is(.feh-navbar-3) .navbar-nav li .dropdown-menu li {
margin-right: 0;
}
.main-navigation:is(.feh-navbar-3) .navbar-nav li .dropdown-menu li a {
font-size: 16px;
}
/*
sticky-header-css-start
*/
.txa_sticky_header {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
transition: 200ms var(--cube-1);
z-index: 8;
}
.txa_sticky_header:is(.ftc-header-1-area) {
top: 25px;
}
.txa_sticky_header:is(.ftc-header-1-area):is(.txa_sticky) {
transform: translateY(-150%);
}
.txa_sticky_header:is(.ftc-header-1-area):is(.txa_sticky):is(.txa_sticky_show) {
top: 0;
transform: translateY(0%);
padding: 15px 0;
background: rgba(25, 25, 23, 0.6901960784);
}
.txa_sticky_header:is(.ftc-header-2-area):is(.txa_sticky) {
transform: translateY(-150%);
background-color: #222429;
}
.txa_sticky_header:is(.ftc-header-2-area):is(.txa_sticky):is(.txa_sticky_show) {
transform: translateY(0%);
}
.txa_sticky_header:is(.ftc-header-3-area) {
top: 30px;
}
.txa_sticky_header:is(.ftc-header-3-area):is(.txa_sticky) {
transform: translateY(-150%);
}
.txa_sticky_header:is(.ftc-header-3-area):is(.txa_sticky):is(.txa_sticky_show) {
top: 0;
padding: 10px 0;
background: #000;
transform: translateY(0%);
}
.txa_sticky_header:is(.ftc-header-4-area) {
top: 25px;
}
.txa_sticky_header:is(.ftc-header-4-area):is(.txa_sticky) {
transform: translateY(-150%);
}
.txa_sticky_header:is(.ftc-header-4-area):is(.txa_sticky):is(.txa_sticky_show) {
top: 10px;
transform: translateY(0%);
}
.txa_sticky_header:is(.feh-header-3-area) {
top: 30px;
}
.txa_sticky_header:is(.feh-header-3-area):is(.txa_sticky) {
transform: translateY(-150%);
}
.txa_sticky_header:is(.feh-header-3-area):is(.txa_sticky):is(.txa_sticky_show) {
top: 0;
background: #fff;
padding: 10px 0;
transform: translateY(0%);
}
/*
sticky-header-css-end
*/
/*
hero-1-start
*/
.ftc-hero-1-area {
position: relative;
z-index: 1;
padding-top: 370px;
padding-bottom: 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) {
.ftc-hero-1-area {
padding-top: 260px;
}
}
.ftc-hero-1-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.ftc-hero-1-il-1 {
position: absolute;
top: -215px;
right: 0;
left: 0;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.ftc-hero-1-il-1 img {
width: 18%;
margin-left: -30px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.ftc-hero-1-il-1 img {
width: 22%;
margin-left: -60px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-hero-1-il-1 img {
width: 25%;
margin-left: -60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-hero-1-il-1 img {
width: 30%;
margin-left: -60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-hero-1-il-1 img {
width: 35%;
margin-left: -60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-hero-1-il-1 img {
width: 45%;
margin-left: -60px;
}
}
@media (max-width: 767px) {
.ftc-hero-1-il-1 img {
width: 100%;
margin-left: -100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-hero-1-il-1 img {
width: 55%;
margin-left: -90px;
}
}
.ftc-hero-1-content {
padding-left: 85px;
max-width: 950px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-hero-1-content {
padding-left: 0px;
}
}
.ftc-hero-1-content .subtitle {
font-size: 17px;
color: #0d0d0c;
background: var(--ftc-pr-1);
display: inline-flex;
align-items: center;
gap: 5px;
padding: 11px 23px;
border-radius: 30px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.ftc-hero-1-content .subtitle {
font-size: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-hero-1-content .subtitle {
font-size: 17px;
}
}
.ftc-hero-1-content .subtitle i {
font-size: 10px;
}
.ftc-hero-1-content .title {
font-size: 75px;
line-height: 1.2;
margin-bottom: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-hero-1-content .title {
font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-hero-1-content .title {
font-size: 55px;
}
}
@media (max-width: 767px) {
.ftc-hero-1-content .title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-hero-1-content .title {
font-size: 42px;
}
}
.ftc-hero-1-content .disc {
margin-bottom: 0;
font-size: 16.62px;
}
.ftc-hero-1-content .inner-div {
flex-wrap: wrap;
gap: 10px 20px;
}
.ftc-hero-1-video {
width: 80px;
height: 50px;
border-radius: 50px;
position: relative;
z-index: 1;
flex: 0 0 auto;
}
.ftc-hero-1-video .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 22px;
color: #fff;
display: inline-block;
line-height: 1;
}
.comments-title.ftc-heading-1 {
font-size: 28px;
margin-bottom: 20px;
}
.ftc-hero-1-item-single {
background-color: #0b0b0d;
border-radius: 20px;
padding: 25px 45px;
position: relative;
z-index: 1;
overflow: hidden;
}
.title-wrap .name {
display: block;
margin-bottom: 10px;
}
.comments-box-wrap .comment-list .comment .person-img {
flex: 0 0 100px;
max-width: 100px;
}
.heading-wrap .date {
font-size: 14px;
}
.comments-box-author-content .heading-wrap {
margin-bottom: 15px;
}
.comment-list .person-img {
margin-bottom: 15px;
}
a.comment-reply-link.reply-btn {
position: absolute;
top: 20px;
right: 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) {
.ftc-hero-1-item-single {
padding: 25px 20px;
}
}
.ftc-hero-1-item-single .top {
gap: 15px;
}
.ftc-hero-1-item-single .item-icon {
font-size: 100px;
display: inline-block;
color: var(--ftc-pr-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) {
.ftc-hero-1-item-single .item-icon {
font-size: 70px;
}
}
.ftc-hero-1-item-single .item-title {
font-size: 30px;
transition: 400ms var(--cube-1);
transform-origin: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-hero-1-item-single .item-title {
font-size: 24px;
}
}
@media (max-width: 767px) {
.ftc-hero-1-item-single .item-title {
font-size: 22px;
}
}
.ftc-hero-1-item-single .item-title:hover {
color: var(--ftc-pr-1);
transform: scaleX(98%);
}
.ftc-hero-1-item-single .item-btn {
display: inline-block;
color: var(--ftc-pr-1);
font-size: 25px;
transition: 400ms var(--cube-1);
}
.ftc-hero-1-item-single .item-btn:hover {
color: #fff;
}
.ftc-hero-1-item-single .line {
display: block;
width: 100%;
height: 2px;
background: #151522;
transition: 400ms var(--cube-1);
}
.ftc-hero-1-item-single .il-1 {
position: absolute;
bottom: -290px;
left: 60%;
transform: translateX(-50%);
z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.ftc-hero-1-item-single .il-1 {
bottom: -200px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-hero-1-item-single .il-1 {
bottom: -200px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-hero-1-item-single .il-1 {
bottom: -200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-hero-1-item-single .il-1 {
bottom: -260px;
}
}
@media (max-width: 767px) {
.ftc-hero-1-item-single .il-1 {
bottom: -190px;
}
}
.ftc-hero-1-item-single:hover .item-icon {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-hero-1-item-single:hover .il-1 {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-hero-1-item-single:hover .line {
background: rgba(196, 239, 23, 0.231372549);
}
.ftc-hero-1-item-slider {
margin-right: -610px;
}
@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) {
.ftc-hero-1-item-slider {
margin-right: 0px;
}
}
.ftc-hero-1-item-slider-pagi .swiper-pagination {
position: unset;
transform: unset;
text-align: center;
display: flex;
justify-content: end;
align-items: center;
gap: 12px;
padding-right: 100px;
}
.ftc-hero-1-item-slider-pagi .swiper-pagination .swiper-pagination-bullet {
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #fff;
opacity: 60%;
margin: 0;
transition: 400ms var(--cube-1);
}
.ftc-hero-1-item-slider-pagi .swiper-pagination .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {
width: 20px;
border-radius: 10px;
opacity: 1;
}
.ftc-hero-1-success-text {
font-size: 18px;
padding-left: 40px;
position: relative;
z-index: 1;
}
.ftc-hero-1-success-text::after {
content: "";
position: absolute;
top: 50%;
left: 5px;
width: 30px;
height: 2px;
background: #fff;
transform: translateY(-50%);
}
/*
hero-1-end
*/
/*
hero-2-start
*/
.ftc-hero-2-area {
background: transparent;
padding-top: 295px;
padding-bottom: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-hero-2-area {
padding-top: 200px;
}
}
.ftc-hero-2-content .subtitle {
color: var(--ftc-pr-1);
letter-spacing: 9px;
font-size: 20px;
margin-bottom: 5px;
}
.ftc-hero-2-content .title {
font-size: 90px;
line-height: normal;
letter-spacing: -2px;
max-width: 880px;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-hero-2-content .title {
font-size: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-hero-2-content .title {
font-size: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-hero-2-content .title {
font-size: 66px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-hero-2-content .title {
font-size: 55px;
}
}
@media (max-width: 767px) {
.ftc-hero-2-content .title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-hero-2-content .title {
font-size: 42px;
}
}
.ftc-hero-2-content .disc {
color: #fff;
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 28px;
}
.ftc-hero-2-item-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px 25px;
}
@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) {
.ftc-hero-2-item-wrap {
justify-content: center;
}
}
.ftc-hero-2-item {
max-width: 228px;
height: 228px;
border-radius: 50%;
position: relative;
z-index: 1;
transition: 0.5s var(--cube-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) {
.ftc-hero-2-item {
max-width: 200px;
height: 200px;
}
}
.ftc-hero-2-item::after {
content: "";
width: 100%;
height: 100%;
background: #000;
position: absolute;
top: 0;
left: 0;
opacity: 55%;
transition: 0.5s var(--cube-1);
}
.ftc-hero-2-item .item-title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
letter-spacing: -0.2px;
font-weight: 700;
z-index: 1;
transition: 0.4s var(--cube-2);
}
.ftc-hero-2-item:hover {
transform: scale(95%);
}
.ftc-hero-2-item:hover .item-title {
transform: translate(-50%, -50%) scale(3);
opacity: 0;
}
.ftc-hero-2-item:hover::after {
opacity: 0;
}
/*
hero-2-end
*/
/*
hero-3-start
*/
.ftc-hero-3-area {
background-color: #020514;
padding-top: 290px;
padding-bottom: 235px;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-hero-3-area {
padding-top: 220px;
padding-bottom: 155px;
}
}
.ftc-hero-3-bg-shape-cube {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -3;
height: 100%;
}
.ftc-hero-3-bg-earth {
position: absolute;
bottom: -74%;
left: 50%;
transform: translateX(-50%);
width: 130%;
z-index: -2;
opacity: 0.7;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.ftc-hero-3-bg-earth {
width: 160%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-hero-3-bg-earth {
width: 180%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-hero-3-bg-earth {
width: 200%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-hero-3-bg-earth {
width: 220%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-hero-3-bg-earth {
width: 180%;
bottom: -60%;
}
}
@media (max-width: 767px) {
.ftc-hero-3-bg-earth {
width: 200%;
bottom: 0%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-hero-3-bg-earth {
width: 250%;
bottom: -74%;
}
}
.ftc-hero-3-bg-shadow-1 {
position: absolute;
bottom: 12%;
left: 50%;
transform: translateX(-50%);
width: 100%;
z-index: -1;
}
.ftc-hero-3-bg-shadow-2 {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
z-index: -1;
}
.ftc-hero-3-bg-svg-1 {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.ftc-hero-3-bg-svg-2 {
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.ftc-hero-3-title {
font-size: 80px;
line-height: 1.12;
margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-hero-3-title {
font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-hero-3-title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.ftc-hero-3-title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-hero-3-title {
font-size: 42px;
}
}
.ftc-hero-3-disc {
font-size: 20px;
line-height: 32px;
max-width: 1245px;
margin-left: auto;
margin-right: auto;
margin-bottom: 155px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-hero-3-disc {
margin-bottom: 65px;
}
}
.ftc-hero-3-subtitle {
font-size: 70px;
text-align: left;
max-width: 700px;
margin-bottom: 43px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-hero-3-subtitle {
font-size: 70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-hero-3-subtitle {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-hero-3-subtitle {
font-size: 50px;
}
}
@media (max-width: 767px) {
.ftc-hero-3-subtitle {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-hero-3-subtitle {
font-size: 40px;
}
}
.ftc-hero-3-disc-2 {
max-width: 430px;
text-align: right;
margin-left: auto;
margin-bottom: 60px;
}
.ftc-hero-3-btn {
margin-bottom: 465px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-hero-3-btn {
margin-bottom: 105px;
}
}
/*
hero-3-end
*/
/*
hero-4-start
*/
.ftc-hero-4-area {
padding-top: 305px;
padding-bottom: 80vh;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.ftc-hero-4-area {
padding-top: 200px;
}
}
.ftc-hero-4-content .title {
font-size: 70px;
color: #fff;
font-weight: 700;
line-height: 1.21;
margin-bottom: 145px;
max-width: 610px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-hero-4-content .title {
font-size: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-hero-4-content .title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.ftc-hero-4-content .title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-hero-4-content .title {
font-size: 42px;
}
}
.ftc-hero-4-content .disc {
max-width: 500px;
color: #fff;
margin-left: auto;
margin-bottom: 40px;
}
.ftc-hero-4-content .btn-wrap {
max-width: 500px;
margin-left: auto;
}
.ftc-hero-4-social {
display: flex;
flex-direction: column;
gap: 50px;
align-items: center;
position: absolute;
right: 60px;
top: 50%;
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) {
.ftc-hero-4-social {
right: 10px;
}
}
@media (max-width: 767px) {
.ftc-hero-4-social {
display: none;
}
}
.ftc-hero-4-social .link {
display: inline-block;
font-size: 22px;
line-height: 1;
background: var(--ftc-gd-2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: 400ms var(--cube-1);
}
.ftc-hero-4-social .link:hover {
animation: wobble-vertical 1s ease-in-out;
-webkit-text-fill-color: #fff;
}
.ftc-hero-4-social .title {
background: var(--ftc-gd-2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: var(--saira);
text-transform: uppercase;
letter-spacing: 2px;
writing-mode: vertical-lr;
}
.section-bg-1 {
position: relative;
z-index: 1;
}
.section-bg-1-cube-grid {
display: grid;
grid-template-columns: 1fr 1fr;
width: 445px;
height: 532px;
position: absolute;
left: 50%;
top: 10%;
transform: translateX(-50%);
}
@media (max-width: 767px) {
.section-bg-1-cube-grid {
width: 300px;
height: 352px;
}
}
.section-bg-1-cube-2 {
margin-left: -2px;
}
.section-bg-1-cube-4 {
margin-left: -2px;
}
/*
hero-4-end
*/
/*
hero-5-start
*/
.feh-hero-3-area {
padding: 180px 0 40px 0;
}
.feh-hero-3-title {
display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-hero-3-title {
flex-direction: column;
gap: 25px;
}
}
.feh-hero-3-title .title {
font-size: 110px;
line-height: 1;
font-weight: 800;
max-width: 900px;
margin-left: -180px;
text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-hero-3-title .title {
font-size: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-hero-3-title .title {
margin-left: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-hero-3-title .title {
font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feh-hero-3-title .title {
font-size: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-hero-3-title .title {
font-size: 50px;
}
}
@media (max-width: 767px) {
.feh-hero-3-title .title {
font-size: 40px;
}
}
.feh-hero-3-title .title-sub {
text-align: right;
display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-hero-3-title .title-sub {
text-align: left;
}
}
.feh-hero-3-img-wrap {
max-width: 545px;
}
.feh-hero-3-img-wrap .feh-hero-3-img {
opacity: 1;
}
.feh-hero-3-cont {
display: flex;
align-items: center;
gap: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-hero-3-cont {
flex-direction: column;
gap: 20px;
align-items: start;
}
}
.feh-hero-3-cont .ftc-para-1 {
max-width: 650px;
}
.feh-hero-3-client {
display: flex;
align-items: center;
gap: 90px;
justify-content: end;
margin-top: 130px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.feh-hero-3-client {
gap: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-hero-3-client {
flex-wrap: wrap;
justify-content: start;
gap: 40px;
max-width: 960px;
margin: 60px auto 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feh-hero-3-client {
flex-wrap: wrap;
justify-content: start;
gap: 40px;
max-width: 720px;
margin: 60px auto 100px;
}
}
@media (max-width: 767px) {
.feh-hero-3-client {
flex-wrap: wrap;
justify-content: start;
gap: 30px;
margin-top: 60px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.feh-hero-3-client-item {
max-width: 150px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feh-hero-3-client-item {
max-width: 130px;
}
}
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.feh-hero-3-client-item {
max-width: 100px;
}
}
/*
hero-5-end
*/
/*
about-1-start
*/
.ftc-about-1-area {
padding-top: 220px;
padding-bottom: 180px;
position: relative;
z-index: 1;
}
.ftc-about-1-bg-shape-1 {
display: inline-block;
width: 500px;
height: 500px;
background: var(--ftc-pr-1);
border-radius: 50%;
filter: blur(100px);
opacity: 0.2;
position: absolute;
left: -60px;
top: -60px;
z-index: -1;
}
.ftc-about-1-bg-shape-2 {
display: inline-block;
width: 500px;
height: 500px;
background: var(--ftc-pr-1);
border-radius: 50%;
filter: blur(100px);
opacity: 0.2;
position: absolute;
right: -60px;
bottom: 0px;
z-index: -1;
}
.ftc-about-1-row {
display: grid;
grid-template-columns: 2fr 0.6fr;
gap: 50px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-about-1-row {
gap: 50px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-about-1-row {
grid-template-columns: 1fr;
}
}
.ftc-about-1-row .left {
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 80px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-about-1-row .left {
gap: 80px 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-about-1-row .left {
gap: 80px 30px;
grid-template-columns: 1fr 1.5fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-about-1-row .left {
gap: 80px 30px;
}
}
@media (max-width: 767px) {
.ftc-about-1-row .left {
grid-template-columns: 1fr;
gap: 50px 60px;
}
}
.ftc-about-1-img-2 {
border-radius: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-about-1-img-2 {
height: 570px;
}
.ftc-about-1-img-2 img {
object-position: top;
}
}
.ftc-about-1-counter-item .span-line {
width: 0%;
height: 2px;
background-color: var(--ftc-heading-1);
transition: 2s var(--cube-1);
}
.ftc-about-1-counter-item .number {
font-size: 60px;
margin-bottom: 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) {
.ftc-about-1-counter-item .number {
font-size: 50px;
}
}
.ftc-about-1-counter-item .item-disc {
font-weight: 700;
max-width: 250px;
line-height: 1.2;
}
.ftc-about-1-counter-item:is(.active) .span-line {
width: 100%;
}
/*
about-1-end
*/
/*
about-3-start
*/
.ftc-about-3-area {
background-color: #E6E9F2;
}
.ftc-about-3-row {
display: grid;
grid-template-columns: 0.9fr 1fr;
gap: 35px;
margin-right: -70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-about-3-row {
margin-right: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-about-3-row {
margin-right: 0px;
grid-template-columns: 1fr 1.5fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-about-3-row {
margin-right: 0px;
grid-template-columns: 1fr;
}
}
.ftc-about-3-img {
border-radius: 10px;
height: 725px;
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) {
.ftc-about-3-img {
margin-right: 0px;
height: 450px;
}
}
.ftc-about-3-feature-wrap {
gap: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-about-3-feature-wrap {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-about-3-feature-wrap {
flex-wrap: nowrap;
}
}
@media (max-width: 767px) {
.ftc-about-3-feature-wrap {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-about-3-feature-wrap {
flex-wrap: nowrap;
}
}
.ftc-about-3-feature .icon {
width: 120px;
height: 120px;
background: #D2DBF5;
border-radius: 50%;
font-size: 65px;
}
.ftc-about-3-feature .title {
font-size: 24px;
line-height: 1.41;
margin-bottom: 8px;
}
.ftc-about-3-feature .disc {
font-size: 16px;
line-height: 26px;
color: #4B535B;
}
.ftc-about-3-feature:hover .icon i {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-about-3-right {
padding-top: 30px;
}
.ftc-about-3-content {
display: grid;
grid-template-columns: 1fr auto;
gap: 60px;
align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-about-3-content {
gap: 30px;
}
}
@media (max-width: 767px) {
.ftc-about-3-content {
grid-template-columns: 1fr;
gap: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-about-3-content {
grid-template-columns: 1fr auto;
gap: 60px;
}
}
.ftc-about-3-expri {
flex-direction: column;
align-items: center;
gap: 10px;
width: 150px;
padding: 38px 0;
border-radius: 95px;
}
.ftc-about-3-expri .number {
font-size: 55px;
color: var(--ftc-pr-2);
line-height: 1;
writing-mode: vertical-lr;
}
.ftc-about-3-expri .disc {
font-size: 19px;
color: #fff;
writing-mode: vertical-lr;
}
.ftc-about-3-img-2 {
height: 475px;
border-radius: 500px;
}
/*
about-3-end
*/
/*
about-4-start
*/
.ftc-about-4-scn-title {
position: relative;
z-index: 1;
max-width: 805px;
margin-left: auto;
margin-right: auto;
}
.ftc-about-4-scn-btn {
position: absolute;
right: -250px;
bottom: -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) {
.ftc-about-4-scn-btn {
position: unset;
margin-top: 40px;
}
}
.ftc-about-4-content {
position: relative;
z-index: 1;
}
.ftc-about-4-img {
height: 720px;
}
.ftc-skill-box {
width: 480px;
background: #F3F5F9;
position: absolute;
right: 0;
top: 0;
padding: 25px 25px;
}
@media (max-width: 767px) {
.ftc-skill-box {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-skill-box {
width: 480px;
}
}
.ftc-skill-box .box-title {
font-size: 32px;
line-height: 1.31;
margin-bottom: 22px;
text-shadow: 1px 4px 0px #BCC2D2;
}
@media (max-width: 767px) {
.ftc-skill-box .box-title {
font-size: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-skill-box .box-title {
font-size: 28px;
}
}
.ftc-skill-item:not(:last-child) {
margin-bottom: 15px;
}
.ftc-skill-item .item-title {
font-size: 16px;
line-height: 26px;
color: #646A7B;
margin-bottom: 6px;
display: flex;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap;
}
.ftc-skill-item .item-title .gd-color {
background: linear-gradient(90deg, rgb(249, 130, 8) 9%, rgb(228, 16, 242) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ftc-skill-item-progress {
display: inline-block;
height: 100%;
background: linear-gradient(90deg, rgb(249, 130, 8) 9%, rgb(228, 16, 242) 100%);
position: absolute;
top: 0;
left: 0;
border-radius: 100px;
transform-origin: left;
transform: scaleX(0);
transition: 2s var(--cube-2);
}
.ftc-skill-item-progress-bg {
background: rgba(32, 34, 51, 0.05);
height: 8px;
border-radius: 100px;
overflow: hidden;
width: 100%;
display: block;
position: relative;
z-index: 1;
}
.ftc-skill-item-progress:is(.active) {
transform: scaleX(1);
}
.ftc-skill-item:nth-child(3) .item-title .gd-color {
background: linear-gradient(90deg, rgb(179, 37, 247) 9%, rgb(0, 226, 245) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ftc-skill-item:nth-child(3) .ftc-skill-item-progress {
background: linear-gradient(90deg, rgb(179, 37, 247) 9%, rgb(0, 226, 245) 100%);
}
.ftc-skill-item:nth-child(4) .item-title .gd-color {
background: linear-gradient(90deg, rgb(23, 63, 207) 9%, rgb(229, 4, 238) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ftc-skill-item:nth-child(4) .ftc-skill-item-progress {
background: linear-gradient(90deg, rgb(23, 63, 207) 9%, rgb(229, 4, 238) 100%);
}
/*
about-4-end
*/
/*
feh about us 3 page start
*/
.bg-default-2 {
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/*
feh about us 3 page end
*/
/*
choose-us-1-start
*/
.ftc-choose-us-1-area {
background-color: #000;
position: relative;
z-index: 1;
}
.ftc-choose-us-1-bg-shape-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -3;
}
.ftc-choose-us-1-bg-overly {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -2;
background: #000;
opacity: 0.3;
}
.ftc-choose-us-1-bg-il {
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
@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) {
.ftc-choose-us-1-bg-il {
width: 10%;
}
}
.ftc-choose-us-1-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 35px 60px;
align-items: start;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-choose-us-1-row {
grid-template-columns: 1fr 1.2fr;
gap: 35px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-choose-us-1-row {
display: block;
}
}
.ftc-choose-us-1-row .has-full-width {
grid-column: 1/-1;
}
.ftc-choose-us-1-ply-btn {
position: absolute;
top: -30px;
right: 30px;
}
.ftc-choose-us-1-img {
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-choose-us-1-img {
margin-bottom: 150px;
}
}
.ftc-choose-us-1-img-1 {
max-width: 553px;
height: 543px;
border-radius: 30px;
}
.ftc-choose-us-1-img-2 {
max-width: 445px;
height: 440px;
border-radius: 90px;
position: absolute;
right: 0;
bottom: -135px;
z-index: 1;
}
.ftc-choose-us-1-img-il {
max-width: 445px;
height: 440px;
position: absolute;
right: 100px;
bottom: 5px;
}
.ftc-choose-us-1-scn-title .ftc-para-1 {
font-size: 20px;
max-width: 600px;
}
.ftc-choose-us-1-content {
padding-top: 30px;
}
.ftc-choose-us-1-content .ftc-chooseus-1-line {
width: 100%;
height: 1px;
background-color: #3B3B3B;
}
.ftc-choose-us-1-content .inner-div {
gap: 40px;
align-items: start;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-choose-us-1-content .inner-div {
gap: 30px;
}
}
.ftc-choose-us-1-cerified {
flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-choose-us-1-cerified {
width: 20%;
}
}
.ftc-choose-us-1-client {
display: block;
perspective: 2000px;
transform-style: preserve-3d;
}
.ftc-choose-us-1-client img {
transition: 0.4s var(--cube-2);
}
.ftc-choose-us-1-client:hover img {
transform-origin: 0% 50%;
transform: rotateY(30deg);
}
.ftc-choose-us-1-client-slider .swiper-container .swiper-wrapper {
align-items: center;
}
.ftc-list-1 li {
font-size: 19.85px;
color: #fff;
margin-bottom: 5px;
}
.ftc-list-1 li i {
font-size: 18px;
margin-right: 5px;
color: var(--ftc-pr-1);
}
.ftc-plybtn-1 {
display: flex;
width: 145px;
height: 145px;
background: var(--ftc-pr-1);
border-radius: 50%;
align-items: center;
justify-content: center;
padding: 13px;
}
/*
choose-us-1-end
*/
/*
choose-us-2-start
*/
.ftc-choose-us-2-area {
background: transparent;
}
.ftc-choose-us-2-img {
position: relative;
}
.ftc-choose-us-2-img-1 {
border-radius: 20px;
height: 565px;
}
.ftc-choose-us-2-img-2 {
max-width: 390px;
height: 420px;
border-radius: 20px;
position: absolute;
right: -100px;
bottom: -100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-choose-us-2-img-2 {
right: 0px;
}
}
.ftc-choose-us-2-content {
padding-left: 80px;
margin-right: -40px;
}
@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) {
.ftc-choose-us-2-content {
margin-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-choose-us-2-content {
padding-left: 0;
margin-right: 0px;
}
}
.ftc-choose-us-2-content .inner-div {
padding-left: 55px;
}
@media (max-width: 767px) {
.ftc-choose-us-2-content .inner-div {
padding-left: 0px;
}
}
.ftc-choose-us-2-content .inner-div-2 {
gap: 25px;
}
.ftc-choose-us-2-content-disc {
max-width: 620px;
margin-bottom: 35px;
}
.ftc-choose-us-2-content .ftc-plybtn-1 {
width: 110px;
height: 110px;
background: #0d0c0e;
transition: 400ms var(--cube-1);
}
.ftc-choose-us-2-content .ftc-plybtn-1 img {
animation: ftc-roteted 10s infinite linear;
}
.ftc-choose-us-2-content .ftc-plybtn-1:hover {
background: var(--ftc-pr-1);
}
.ftc-progress-1-item-title {
font-size: 15px;
margin-bottom: 12px;
}
.ftc-progress-1-item-line-bg {
width: 100%;
height: 28px;
overflow: hidden;
position: relative;
z-index: 1;
}
.ftc-progress-1-item-line-bg::after {
content: "";
position: absolute;
width: 100%;
height: 18px;
background: #000;
border-radius: 10px;
bottom: 0;
left: 0;
z-index: -1;
}
.ftc-progress-1-item-line-bg:is(.active) .ftc-progress-1-item-line {
transform: translateX(0%);
}
.ftc-progress-1-item-line {
display: block;
height: 18px;
background: var(--ftc-pr-1);
border-radius: 10px;
transform: translateX(-100%);
transition: 1s var(--cube-2);
}
/*
choose-us-2-end
*/
/*
choose-us-3-start
*/
.ftc-choose-us-3-area {
position: relative;
z-index: 1;
}
.ftc-choose-us-3-bg-il-1 {
width: 40%;
position: absolute;
right: 0;
bottom: 0;
}
.ftc-choose-us-3-bg-il-1 img {
animation: ftc-roteted 30s infinite linear;
}
.ftc-choose-us-3-bg-il-2 {
width: 50%;
position: absolute;
left: 0;
bottom: 0;
}
.ftc-choose-us-3-row {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 50px 200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-choose-us-3-row {
gap: 50px 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-choose-us-3-row {
gap: 50px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-choose-us-3-row {
grid-template-columns: 1fr;
gap: 50px 30px;
}
}
.ftc-choose-us-3-left {
padding-top: 25px;
}
.ftc-choose-us-3-feature-wrap {
display: flex;
gap: 18px;
position: relative;
z-index: 2;
perspective: 2000px;
transform-style: preserve-3d;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-choose-us-3-feature-wrap {
flex-wrap: wrap;
justify-content: center;
}
}
.ftc-choose-us-3-feature {
max-width: 215px;
text-align: center;
padding: 18px 14px;
background: #fff;
border-radius: 6px;
position: relative;
z-index: 1;
flex: 0 0 auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.ftc-choose-us-3-feature::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: #F2EBFF;
width: 75px;
height: 75px;
z-index: -1;
border-radius: 0 0 100px 100px;
}
.ftc-choose-us-3-feature .icon {
line-height: 0;
font-size: 45px;
color: var(--ftc-sd-1);
margin-bottom: 20px;
}
.ftc-choose-us-3-feature .title {
font-size: 20px;
line-height: 1.4;
margin-bottom: 12px;
}
.ftc-choose-us-3-feature .disc {
font-size: 14px;
line-height: 24px;
}
.ftc-choose-us-3-feature:hover {
box-shadow: 0 0 20px rgba(192, 14, 232, 0.1);
}
.ftc-choose-us-3-feature:hover .icon {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-choose-us-3-right {
padding-right: 40px;
position: relative;
z-index: 1;
}
.ftc-choose-us-3-img {
height: 770px;
border-radius: 200px 0 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-choose-us-3-img {
height: 620px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-choose-us-3-img {
height: 600px;
}
}
@media (max-width: 767px) {
.ftc-choose-us-3-img {
height: 400px;
}
}
.ftc-choose-us-3-img-shape {
display: inline-block;
background: var(--ftc-pr-2);
position: absolute;
top: 0px;
right: 40px;
width: calc(100% - 40px);
height: 100%;
border-radius: 200px 0 0 0;
z-index: -1;
transition: 1s var(--cube-1);
}
.ftc-choose-us-3-img-shape:is(.active) {
top: 30px;
right: 0px;
background: #E0E7FB;
}
/*
choose-us-3-end
*/
/*
choose-us-4-start
*/
.ftc-choose-us-4-left {
position: relative;
z-index: 1;
padding-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-choose-us-4-left {
padding-right: 0px;
}
}
.ftc-choose-us-4-img-1 {
height: 640px;
border-radius: 15px;
}
.ftc-choose-us-4-img-2 {
max-width: 260px;
height: 235px;
border-radius: 12px;
position: absolute;
left: -130px;
top: 85px;
}
@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) {
.ftc-choose-us-4-img-2 {
left: 0px;
}
}
.ftc-choose-us-4-img-3 {
max-width: 430px;
height: 300px;
border-radius: 12px;
position: absolute;
bottom: -110px;
right: -70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-choose-us-4-img-3 {
right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-choose-us-4-img-3 {
bottom: 0;
right: 0px;
}
}
.ftc-choose-us-4-content {
padding-left: 30px;
padding-top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-choose-us-4-content {
padding-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-choose-us-4-content {
padding-left: 0px;
padding-top: 50px;
}
}
.ftc-choose-us-4-content .inner-div {
padding-left: 60px;
}
@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) {
.ftc-choose-us-4-content .inner-div {
padding-left: 0px;
}
}
.ftc-choose-us-4-feature-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 12px;
}
@media (max-width: 767px) {
.ftc-choose-us-4-feature-wrap {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-choose-us-4-feature-wrap {
grid-template-columns: 1fr 1fr;
}
}
.ftc-choose-us-4-feature {
text-align: center;
padding: 18px 12px;
border: 1px solid #CCA6F5;
border-radius: 14px;
}
.ftc-choose-us-4-feature .icon {
margin-bottom: 12px;
}
.ftc-choose-us-4-feature .title {
font-size: 20px;
line-height: 30px;
}
.ftc-choose-us-4-feature:hover .icon {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-choose-us-4-list li {
font-size: 18px;
font-family: var(--roboto);
color: #fff;
line-height: 30px;
margin-bottom: 10px;
}
.ftc-choose-us-4-list li i {
background: var(--ftc-gd-2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-right: 7px;
}
/*
choose-us-4-end
*/
/*
features-1-start
*/
.ftc-features-1-row {
display: grid;
grid-template-columns: 1.2fr 1.1fr 0.8fr;
gap: 50px 45px;
align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-features-1-row {
grid-template-columns: 1.2fr 1.1fr;
}
}
@media (max-width: 767px) {
.ftc-features-1-row {
grid-template-columns: 1fr;
}
}
.ftc-features-1-content .ftc-section-title-1 {
margin-bottom: 38px;
}
.ftc-features-1-content .feature-title {
font-size: 30px;
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 11px;
}
.ftc-features-1-content .feature-title .number {
width: 40px;
height: 40px;
display: flex;
border: 2px solid var(--ftc-heading-1);
border-radius: 50%;
font-size: 20px;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.ftc-features-1-content .ftc-para-1 {
margin-bottom: 47px;
}
.ftc-features-1-img {
z-index: 1;
position: relative;
}
.ftc-features-1-img-1 {
height: 700px;
border-radius: 220px;
position: relative;
z-index: 1;
}
.ftc-features-1-img-1 .img-shape {
position: absolute;
bottom: -360px;
left: 0;
}
.ftc-features-1-img-2 {
max-width: 245px;
height: 345px;
border-radius: 120px;
position: absolute;
bottom: -20px;
left: -50px;
z-index: 1;
}
@media (max-width: 767px) {
.ftc-features-1-img-2 {
left: 0px;
}
}
.ftc-features-1-list li {
font-size: 28.45px;
}
@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) {
.ftc-features-1-list li {
font-size: 20.45px;
}
}
.ftc-features-1-list li:not(:last-child) {
margin-bottom: 25px;
}
.ftc-features-1-list li .number {
font-size: 18.96px;
display: block;
margin-bottom: 11px;
}
.ftc-features-1-list li .line {
width: 100%;
height: 2px;
background: var(--ftc-heading-1);
margin-top: 23px;
}
/*
features-1-end
*/
.feh-features-3-area {
padding: 125px 0 105px 0;
position: relative;
}
@media (max-width: 767px) {
.feh-features-3-area {
padding: 100px 0;
}
}
.feh-features-3-area:is(.active) .feh-features-3-shape {
opacity: 1;
transform: scale(1) translate(0px, 0px);
}
.feh-features-3-area:is(.has-f-about-2) {
padding-bottom: 185px;
}
@media (max-width: 767px) {
.feh-features-3-area:is(.has-f-about-2) {
padding: 100px 0;
}
}
.feh-features-3-shape {
position: absolute;
top: 0;
right: 0;
z-index: -1;
transform: scale(0.3) translate(350px, -350px);
opacity: 0;
transition: all 3000ms ease;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.feh-features-3-shape {
max-width: 240px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-features-3-shape {
max-width: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-features-3-shape {
display: none;
}
}
.feh-features-3-wrap {
max-width: 1165px;
margin: 0 auto;
}
.feh-features-3-title {
max-width: 675px;
margin: 0 auto;
text-align: center;
}
.feh-features-3-title .ftc-section-title-1 {
text-align: center;
}
.feh-features-3-content {
margin-top: 40px;
}
.feh-features-3-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 60px 0;
position: relative;
transition: all 0.4s ease;
}
@media (max-width: 767px) {
.feh-features-3-item {
flex-direction: column;
align-items: start;
gap: 20px;
padding: 30px 0;
}
}
.feh-features-3-item::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background-image: -moz-linear-gradient(179deg, rgb(249, 255, 226) 45%, rgb(196, 239, 23) 100%);
background-image: -webkit-linear-gradient(179deg, rgb(249, 255, 226) 45%, rgb(196, 239, 23) 100%);
background-image: -ms-linear-gradient(179deg, rgb(249, 255, 226) 45%, rgb(196, 239, 23) 100%);
}
.feh-features-3-item .rev-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
width: 85%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
.feh-features-3-item .rev-content {
width: 90%;
}
}
@media (max-width: 767px) {
.feh-features-3-item .rev-content {
flex-direction: column;
gap: 25px;
align-items: start;
width: 100%;
}
}
.feh-features-3-item .rev-content .rev-content-item-1 {
display: flex;
align-items: center;
gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-features-3-item .rev-content .rev-content-item-1 {
gap: 30px;
}
}
@media (max-width: 767px) {
.feh-features-3-item .rev-content .rev-content-item-1 {
flex-direction: column;
align-items: start;
gap: 25px;
}
}
.feh-features-3-item .rev-content .rev-content-item-1 i {
font-size: 65px;
color: var(--ftc-pr-color);
position: static;
}
.feh-features-3-item .rev-content .rev-content-item-1 .ftc-heading-1 {
font-size: 38px;
}
@media (max-width: 767px) {
.feh-features-3-item .rev-content .rev-content-item-1 .ftc-heading-1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
.feh-features-3-item .rev-content .rev-content-item-1 .ftc-heading-1 {
font-size: 24px;
}
}
.feh-features-3-item .rev-content .rev-content-item-2 {
display: flex;
align-items: center;
gap: 55px;
max-width: 505px;
}
.feh-features-3-item .rev-content .rev-content-item-2 .line {
height: 55px;
width: 1px;
background-color: #000;
transform: rotate(316deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-features-3-item .rev-content .rev-content-item-2 .line {
display: none;
}
}
@media (max-width: 767px) {
.feh-features-3-item .rev-content .rev-content-item-2 .ftc-para-1 {
max-width: 420px;
}
}
.feh-features-3-item i {
transition: all 0.4s ease;
}
@media (max-width: 767px) {
.feh-features-3-item i {
position: absolute;
top: 20px;
right: 20px;
}
}
.feh-features-3-item:hover {
padding-right: 10px;
padding-left: 10px;
background-image: -moz-linear-gradient(179deg, rgb(249, 255, 226) 45%, rgb(196, 239, 23) 100%);
background-image: -webkit-linear-gradient(179deg, rgb(249, 255, 226) 45%, rgb(196, 239, 23) 100%);
background-image: -ms-linear-gradient(179deg, rgb(249, 255, 226) 45%, rgb(196, 239, 23) 100%);
}
.feh-features-3-item:hover i {
color: rgb(196, 239, 23);
}
/*
project-1-start
*/
.ftc-project-1-area {
position: relative;
z-index: 1;
}
.ftc-project-1-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.ftc-project-1-scn-title {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.ftc-project-1-item {
position: relative;
z-index: 1;
height: 550px;
}
.ftc-project-1-item .item-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
border-radius: 0 30px 0 0;
background: #fff;
width: 56%;
padding: 25px 30px 25px 40px;
text-align: right;
transform: translateX(-100%);
transition: 500ms var(--cube-1);
}
@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) {
.ftc-project-1-item .item-content {
width: 80%;
}
}
.ftc-project-1-item .item-btn {
display: inline-block;
margin-left: auto;
font-size: 22px;
text-align: right;
transition: 400ms var(--cube-1);
line-height: 1;
margin-bottom: 33px;
}
.ftc-project-1-item .item-btn:hover {
color: var(--ftc-pr-1);
}
.ftc-project-1-item .item-title {
font-size: 30px;
transition: 400ms var(--cube-1);
text-align: left;
transform-origin: left;
}
@media (max-width: 767px) {
.ftc-project-1-item .item-title {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-project-1-item .item-title {
font-size: 30px;
}
}
.ftc-project-1-item .item-title:hover {
color: var(--ftc-pr-1);
transform: scaleX(97%);
}
.ftc-project-1-item:hover .item-content {
transform: translateX(0%);
}
.ftc-project-1-slider {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.ftc-project-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-project-1-item .item-content {
transform: translateX(0%);
}
.ftc-project-1-slider-btn {
gap: 12px;
}
.ftc-slider-btn-1 {
display: flex;
flex: 0 0 auto;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #fff;
color: #fff;
font-size: 20px;
cursor: pointer;
transition: 400ms var(--cube-1);
}
.ftc-slider-btn-1 i {
display: inline-block;
transition: 500ms var(--cube-2);
}
.ftc-slider-btn-1:hover {
animation: wobble-vertical 1s ease-in-out;
background-color: var(--ftc-pr-1);
border-color: transparent;
}
.ftc-slider-btn-1:is(.has-color-black) {
border-color: #000;
color: #000;
}
.ftc-slider-btn-1:is(.has-color-black):hover {
border-color: transparent;
}
/*
project-1-end
*/
/*
project-2-start
*/
.ftc-project-2-area {
background: transparent;
}
.ftc-project-2-container {
max-width: 1714px;
}
.ftc-project-2-item-wrap {
display: grid;
gap: 10px;
grid-template-columns: 1fr 1.5fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-project-2-item-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ftc-project-2-item-wrap {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-project-2-item-wrap {
grid-template-columns: 1fr 1fr;
}
}
.ftc-project-2-item {
height: 615px;
position: relative;
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) {
.ftc-project-2-item {
height: 500px;
}
}
.ftc-project-2-item .item-img {
position: absolute;
bottom: 0;
height: calc(100% - 0px);
width: 100%;
left: 0;
border-radius: 20px;
z-index: 1;
transition: 600ms var(--cube-2);
}
.ftc-project-2-item .item-subtitle {
font-size: 20px;
padding-left: 50px;
position: relative;
z-index: 1;
margin-bottom: 13px;
}
.ftc-project-2-item .item-subtitle::after {
content: "";
width: 0px;
height: 2px;
background: #fff;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
transition: 600ms var(--cube-2);
}
.ftc-project-2-item .item-title {
font-size: 55px;
letter-spacing: -1px;
max-width: 420px;
transition: 300ms var(--cube-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-project-2-item .item-title {
font-size: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-project-2-item .item-title {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-project-2-item .item-title {
font-size: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-project-2-item .item-title {
font-size: 40px;
}
}
@media (max-width: 767px) {
.ftc-project-2-item .item-title {
font-size: 35px;
}
}
.ftc-project-2-item .item-title a {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.ftc-project-2-item .item-title:hover {
color: var(--ftc-pr-1);
transform: scaleX(95%);
transform-origin: left;
}
.ftc-project-2-item:hover .item-img {
height: calc(100% - 217px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-project-2-item:hover .item-img {
height: calc(100% - 167px);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-project-2-item:hover .item-img {
height: calc(100% - 137px);
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-project-2-item:hover .item-img {
height: calc(100% - 157px);
}
}
@media (max-width: 767px) {
.ftc-project-2-item:hover .item-img {
height: calc(100% - 157px);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-project-2-item:hover .item-img {
height: calc(100% - 157px);
}
}
.ftc-project-2-item:hover .item-subtitle::after {
width: 35px;
}
/*
project-2-end
*/
/*
project-3-start
*/
.ftc-project-3-grid {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 410px 330px 410px;
gap: 10px;
grid-template-areas: "item-1 item-2 item-3" "item-4 item-2 item-6" "item-4 item-5 item-6";
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-project-3-grid {
grid-template-columns: 1fr 1fr;
grid-template-areas: "item-1 item-2" "item-3 item-4" "item-5 item-6";
}
}
@media (max-width: 767px) {
.ftc-project-3-grid {
grid-template-columns: 1fr;
grid-template-areas: "item-1" "item-2" "item-3" "item-4" "item-5" "item-6";
}
}
.ftc-project-3-grid .item-1 {
grid-area: item-1;
}
.ftc-project-3-grid .item-2 {
grid-area: item-2;
}
.ftc-project-3-grid .item-3 {
grid-area: item-3;
}
.ftc-project-3-grid .item-4 {
grid-area: item-4;
}
.ftc-project-3-grid .item-5 {
grid-area: item-5;
}
.ftc-project-3-grid .item-6 {
grid-area: item-6;
}
.ftc-project-3-item {
position: relative;
z-index: 1;
perspective: 1000px;
transform-style: preserve-3d;
}
.ftc-project-3-item img {
transition: 400ms var(--cube-1);
transform-origin: left bottom;
}
.ftc-project-3-item .content {
position: absolute;
background: round;
background-position: right;
background-repeat: no-repeat;
bottom: 35px;
left: 0;
z-index: 1;
padding-left: 25px;
padding-bottom: 25px;
padding-right: 95px;
max-width: 480px;
transform: translateX(-105%);
transition: 500ms var(--cube-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-project-3-item .content {
max-width: 95%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-project-3-item .content {
max-width: 95%;
background-color: #fff;
padding-right: 65px;
}
}
.ftc-project-3-item .item-subtitle {
background: var(--ftc-gd-1);
display: inline-block;
font-size: 16px;
border-radius: 0 0 12px 12px;
padding: 12px 27px;
margin-bottom: 18px;
}
.ftc-project-3-item .item-title {
font-size: 32px;
line-height: 1.25;
transition: 400ms var(--cube-1);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
transition: 300ms var(--cube-1);
transform-origin: left;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-project-3-item .item-title {
font-size: 28px;
}
}
@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) {
.ftc-project-3-item .item-title {
font-size: 22px;
}
}
.ftc-project-3-item .item-title:hover {
color: var(--ftc-pr-2);
transform: scaleX(98%);
}
.ftc-project-3-item .item-btn {
width: 66px;
height: 66px;
display: flex;
align-items: center;
justify-content: center;
background: var(--ftc-gd-1);
border-radius: 50%;
font-size: 30px;
color: #fff;
position: absolute;
right: -11px;
top: -17px;
transition: 400ms var(--cube-2);
}
.ftc-project-3-item .item-btn:hover {
transform: rotate(45deg);
}
.ftc-project-3-item:hover img {
transform: scaleX(107%);
}
.ftc-project-3-item:hover .content {
transform: translateX(0%);
}
/*
project-3-end
*/
/*
project-4-start
*/
.ftc-project-4-scn-title {
max-width: 790px;
margin-left: auto;
margin-right: auto;
}
.ftc-project-4-item {
height: 765px;
border: 1px solid #3E3973;
padding: 32px;
position: relative;
z-index: 1;
transition: 500ms var(--cube-1);
overflow: hidden;
}
@media (max-width: 767px) {
.ftc-project-4-item {
height: 500px;
}
}
.ftc-project-4-item .main-img {
height: 100%;
position: relative;
z-index: 1;
}
.ftc-project-4-item .main-img::after {
content: "";
width: 100%;
height: 40%;
bottom: 0;
left: 0;
position: absolute;
z-index: 1;
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 212, 255, 0) 100%);
opacity: 0;
transition: 500ms var(--cube-1);
}
.ftc-project-4-item .content {
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
padding: 50px 80px;
transition: 1s var(--cube-2);
opacity: 0;
visibility: hidden;
z-index: 2;
}
@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) {
.ftc-project-4-item .content {
padding: 50px 20px;
}
}
.ftc-project-4-item .subtitle {
font-size: 16px;
background: var(--ftc-gd-2);
display: inline-block;
padding: 11px 27px;
border-radius: 12px;
margin-bottom: 18px;
}
.ftc-project-4-item .title {
font-size: 32px;
line-height: 1.25;
transition: 300ms var(--cube-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) {
.ftc-project-4-item .title {
font-size: 28px;
}
}
@media (max-width: 767px) {
.ftc-project-4-item .title {
font-size: 22px;
}
}
.ftc-project-4-item .title:hover {
color: var(--ftc-pr-2);
}
.ftc-project-4-item .btn-posi {
position: absolute;
top: 0%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: 0.5s var(--cube-2);
z-index: 2;
}
.ftc-project-4-item .ftc-circle-btn-1-icon {
background: transparent;
font-size: 60px;
}
.ftc-project-4-item:hover {
padding: 0;
}
.ftc-project-4-item:hover .main-img::after {
opacity: 0.9;
}
.ftc-project-4-item:hover .btn-posi {
top: 30%;
opacity: 1;
}
.ftc-project-4-item:hover .content {
bottom: 0;
opacity: 1;
visibility: visible;
}
.ftc-project-4-slider {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.ftc-project-4-slider .swiper-container {
transform: translateX(300px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-project-4-slider .swiper-container {
transform: translateX(100px);
}
}
@media (max-width: 767px) {
.ftc-project-4-slider .swiper-container {
transform: translateX(0px);
}
}
@media (max-width: 767px) {
.ftc-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-project-4-item {
padding: 0;
}
.ftc-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-project-4-item .main-img::after {
opacity: 0.9;
}
.ftc-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-project-4-item .btn-posi {
top: 30%;
opacity: 1;
}
.ftc-project-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-project-4-item .content {
bottom: 0;
opacity: 1;
visibility: visible;
}
}
.ftc-project-4-slider-pagination {
text-align: center;
}
.ftc-project-4-slider-pagination .swiper-pagination-bullet {
font-size: 40px;
font-weight: 700;
font-family: var(--saira);
opacity: 1;
line-height: 1;
padding: 0 20px;
background: transparent;
transition: 500ms var(--cube-1);
position: relative;
z-index: 1;
}
.ftc-project-4-slider-pagination .swiper-pagination-bullet::after {
content: "";
width: 0%;
height: 2px;
background: #404149;
position: absolute;
top: 18px;
left: 59px;
}
@media (max-width: 767px) {
.ftc-project-4-slider-pagination .swiper-pagination-bullet::after {
display: none;
}
}
.ftc-project-4-slider-pagination .swiper-pagination-bullet::before {
content: "";
width: 0%;
height: 2px;
background: var(--ftc-gd-2);
position: absolute;
top: 18px;
left: 59px;
z-index: 1;
}
@media (max-width: 767px) {
.ftc-project-4-slider-pagination .swiper-pagination-bullet::before {
display: none;
}
}
.ftc-project-4-slider-pagination .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {
opacity: 100%;
color: var(--gly-pr-2);
font-weight: 700;
background: transparent;
padding-right: 315px;
color: var(--ftc-pr-2);
}
@media (max-width: 767px) {
.ftc-project-4-slider-pagination .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {
padding-right: 20px;
}
}
.ftc-project-4-slider-pagination .swiper-pagination-bullet:is(.swiper-pagination-bullet-active)::after {
width: 86%;
}
.ftc-project-4-slider-pagination .swiper-pagination-bullet:is(.swiper-pagination-bullet-active)::before {
width: 86%;
transition: 6s linear;
}
/*
project-4-end
*/
/*
testimonial-1-start
*/
.ftc-testimonial-1-area {
position: relative;
z-index: 1;
background-color: #E9E9E7;
}
.ftc-testimonial-1-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.ftc-testimonial-1-item {
display: flex;
align-items: center;
gap: 60px;
padding-bottom: 70px;
}
@media (max-width: 767px) {
.ftc-testimonial-1-item {
gap: 150px;
flex-wrap: wrap;
padding-bottom: 100px;
}
}
.ftc-testimonial-1-item .left {
flex: 0 0 auto;
position: relative;
z-index: 1;
transform: translateY(50%);
transition: all 1000ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
opacity: 0;
}
.ftc-testimonial-1-item .content {
transform: translateY(-50%);
transition: all 1000ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
opacity: 0;
}
.ftc-testimonial-1-item .item-icon {
width: 405px;
height: 405px;
display: flex;
align-items: center;
justify-content: center;
font-size: 200px;
line-height: 1;
color: #000;
border: 2px solid #000;
border-radius: 50%;
flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-testimonial-1-item .item-icon {
width: 205px;
height: 205px;
font-size: 50px;
}
}
.ftc-testimonial-1-item .author-img {
width: 125px;
height: 125px;
border-radius: 50%;
margin-bottom: 25px;
}
.ftc-testimonial-1-item .author-name {
font-size: 28px;
margin-left: 45px;
margin-bottom: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-testimonial-1-item .author-name {
margin-left: 0px;
}
}
.ftc-testimonial-1-item .author-disc {
font-size: 19px;
color: #7e7f80;
margin-left: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-testimonial-1-item .author-disc {
margin-left: 0px;
}
}
.ftc-testimonial-1-item .item-author {
position: absolute;
right: -160px;
bottom: -70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-testimonial-1-item .item-author {
right: unset;
bottom: -130px;
left: 0;
}
}
.ftc-testimonial-1-item .item-title {
font-size: 55px;
letter-spacing: -2px;
margin-bottom: 21px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-testimonial-1-item .item-title {
font-size: 40px;
}
}
@media (max-width: 767px) {
.ftc-testimonial-1-item .item-title {
font-size: 35px;
}
}
.ftc-testimonial-1-item .item-subtitle {
font-size: 25px;
letter-spacing: -2px;
margin-bottom: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-testimonial-1-item .item-subtitle {
font-size: 22px;
}
}
@media (max-width: 767px) {
.ftc-testimonial-1-item .item-subtitle {
font-size: 22px;
}
}
.ftc-testimonial-1-slider {
max-width: 1070px;
position: relative;
z-index: 1;
}
.ftc-testimonial-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-testimonial-1-item .left {
transform: translateY(0%);
opacity: 1;
transition-delay: 0.5s;
}
.ftc-testimonial-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-testimonial-1-item .content {
transform: translateY(0%);
opacity: 1;
transition-delay: 0.5s;
}
.ftc-testimonial-1-slider-btn {
position: absolute;
right: 0;
bottom: 10px;
gap: 12px;
z-index: 1;
}
/*
testimonial-1-start
*/
/*
testimonial-2-start
*/
.ftc-testimonial-2-item {
display: flex;
gap: 35px;
}
@media (max-width: 767px) {
.ftc-testimonial-2-item {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-testimonial-2-item {
flex-wrap: nowrap;
}
}
.ftc-testimonial-2-item .item-img {
width: 140px;
height: 190px;
flex: 0 0 auto;
border-radius: 10px;
}
.ftc-testimonial-2-item .item-qoute {
font-size: 40px;
font-style: italic;
margin-bottom: 15px;
transform: translateY(-100px);
opacity: 0;
visibility: hidden;
transition: 700ms var(--cube-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-testimonial-2-item .item-qoute {
font-size: 30px;
}
}
.ftc-testimonial-2-item .item-disc {
color: #cccccc;
line-height: 28px;
margin-bottom: 40px;
padding-left: 45px;
transform: translateY(-100px);
opacity: 0;
visibility: hidden;
transition: 700ms var(--cube-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-testimonial-2-item .item-disc {
padding-left: 0px;
}
}
.ftc-testimonial-2-item .item-name {
font-size: 18px;
padding-left: 45px;
transform: translateY(-100px);
opacity: 0;
visibility: hidden;
transition: 700ms var(--cube-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-testimonial-2-item .item-name {
padding-left: 0px;
}
}
.ftc-testimonial-2-slider {
padding-top: 120px;
margin-left: -90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-testimonial-2-slider {
margin-left: 0px;
}
}
.ftc-testimonial-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-testimonial-2-item .item-qoute {
transform: translateY(0px);
opacity: 1;
visibility: visible;
transition-delay: 0.3;
}
.ftc-testimonial-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-testimonial-2-item .item-disc {
transform: translateY(0px);
opacity: 1;
visibility: visible;
transition-delay: 0.5s;
}
.ftc-testimonial-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-testimonial-2-item .item-name {
transform: translateY(0px);
opacity: 1;
visibility: visible;
transition-delay: 0.8s;
}
.ftc-testimonial-2-slider-btn {
gap: 15px;
}
.ftc-testimonial-2-slider-btn .ftc-slider-btn-1 {
background: #fff;
border: none;
color: #000;
}
.ftc-testimonial-2-slider-btn .ftc-slider-btn-1:hover {
background: var(--ftc-pr-1);
}
/*
testimonial-2-end
*/
/*
testimonial-3-start
*/
.ftc-testimonial-3-scn-title .scn-disc {
max-width: 833px;
margin-left: auto;
margin-right: auto;
}
.ftc-testimonial-3-item {
background: #F5F5FA;
padding: 35px;
}
.ftc-testimonial-3-item .top {
margin-bottom: 7px;
}
.ftc-testimonial-3-item .qoute {
font-size: 70px;
background: var(--ftc-gd-1);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.ftc-testimonial-3-item .ftc-rating-1 {
color: #FF8B24;
font-size: 20px;
gap: 4px;
line-height: 1;
}
.ftc-testimonial-3-item .comment {
font-size: 20px;
line-height: 30px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
margin-bottom: 25px;
}
.ftc-testimonial-3-item-author {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
.ftc-testimonial-3-item-author .author-img {
width: 52px;
height: 52px;
border-radius: 50%;
border: 1px solid var(--ftc-pr-2);
flex: 0 0 auto;
}
.ftc-testimonial-3-item-author .author-name {
font-size: 18px;
line-height: 26px;
margin-bottom: 4px;
}
.ftc-testimonial-3-item-author .author-disc {
font-size: 16px;
line-height: 20px;
}
@media (max-width: 767px) {
.ftc-testimonial-3-slider-btn {
flex-wrap: wrap;
gap: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-testimonial-3-slider-btn {
flex-wrap: nowrap;
}
}
.ftc-testimonial-3-slider-btn .swiper-pagination {
position: unset;
display: inline-flex;
align-items: center;
justify-content: center;
}
.ftc-testimonial-3-slider-btn .swiper-pagination .swiper-pagination-bullet {
font-size: 18px;
font-family: var(--roboto);
font-weight: 400;
color: #343A41;
opacity: 1;
background-color: transparent;
width: 50px;
height: 50px;
line-height: 50px;
transition: 0.3s var(--cube-1);
margin: 0;
}
.ftc-testimonial-3-slider-btn .swiper-pagination .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {
background: #F1E9FF;
font-weight: 600;
}
.ftc-testimonial-3-slider-btn .swiper-pagination .swiper-pagination-bullet:hover {
background: #F1E9FF;
}
.ftc-testimonial-3-slider-btn .ftc-slider-btn-1 {
color: #D9D9D9;
border-color: #D9D9D9;
width: 52px;
height: 52px;
}
.ftc-testimonial-3-slider-btn .ftc-slider-btn-1:hover {
background: var(--ftc-pr-2);
border-color: transparent;
color: #000;
}
/*
testimonial-3-end
*/
/*
testimonial-4-start
*/
.ftc-testimonial-4-area {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
padding-left: 70px;
padding-right: 70px;
}
@media (max-width: 767px) {
.ftc-testimonial-4-area {
padding-left: 20px;
padding-right: 20px;
}
}
.ftc-testimonial-4-container {
border-radius: 50px;
background-color: #141523;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.ftc-testimonial-4-container {
border-radius: 20px;
}
}
.ftc-testimonial-4-img {
width: 165px;
height: 165px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -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) {
.ftc-testimonial-4-img {
display: none;
}
}
.ftc-testimonial-4-img:is(.item-1) {
transform: translate(-479%, -90%);
}
.ftc-testimonial-4-img:is(.item-2) {
transform: translate(-509%, -260%);
width: 95px;
height: 95px;
}
.ftc-testimonial-4-img:is(.item-3) {
transform: translate(620%, -420%);
width: 72px;
height: 72px;
}
.ftc-testimonial-4-img:is(.item-4) {
transform: translate(810%, -290%);
width: 72px;
height: 72px;
}
.ftc-testimonial-4-img:is(.item-5) {
transform: translate(480%, -110%);
width: 150px;
height: 150px;
}
.ftc-testimonial-4-img:is(.item-6) {
transform: translate(460%, 129%);
width: 110px;
height: 110px;
}
.ftc-testimonial-4-img:is(.item-7) {
transform: translate(-500%, 169%);
width: 110px;
height: 110px;
}
.ftc-testimonial-4-item {
text-align: center;
}
.ftc-testimonial-4-item .icon {
font-size: 80px;
line-height: 0;
background: var(--ftc-gd-2);
display: inline-block;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transform: translateY(-100px);
opacity: 0;
transition: 0.5s var(--cube-2);
}
.ftc-testimonial-4-item .item-comment {
font-size: 24px;
line-height: 2;
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-testimonial-4-item .item-comment {
font-size: 20px;
}
}
.ftc-testimonial-4-item .ftc-testimonial-3-item-author {
display: inline-flex;
transform: translateY(100px);
opacity: 0;
transition: 1s var(--cube-2);
}
.ftc-testimonial-4-item .ftc-testimonial-3-item-author .author-img {
width: 62px;
height: 62px;
}
.ftc-testimonial-4-item .ftc-testimonial-3-item-author .author-name {
font-size: 20px;
}
.ftc-testimonial-4-item .ftc-testimonial-3-item-author .content {
text-align: left;
}
.ftc-testimonial-4-slider {
max-width: 640px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-testimonial-4-slider {
max-width: 420px;
}
}
.ftc-testimonial-4-slider-btn {
width: 160px;
height: 160px;
border-radius: 50%;
background: #010317;
line-height: 160px;
font-size: 30px;
border: 2px solid #9446F6;
outline: 5px solid #010317;
color: #627AF6;
cursor: pointer;
display: block;
transition: 400ms var(--cube-1);
}
@media (max-width: 767px) {
.ftc-testimonial-4-slider-btn {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
}
}
.ftc-testimonial-4-slider-btn:hover {
background: #B325F7;
color: #fff;
}
.ftc-testimonial-4-slider-btn:is(.ftc_testimonial_4_prev) {
position: absolute;
left: -80px;
top: 50%;
transform: translateY(-50%);
text-align: right;
padding-right: 30px;
}
@media (max-width: 767px) {
.ftc-testimonial-4-slider-btn:is(.ftc_testimonial_4_prev) {
transform: unset;
left: 30px;
top: unset;
bottom: 30px;
padding-right: 0px;
text-align: center;
}
}
.ftc-testimonial-4-slider-btn:is(.ftc_testimonial_4_next) {
position: absolute;
right: -80px;
top: 50%;
transform: translateY(-50%);
padding-left: 30px;
}
@media (max-width: 767px) {
.ftc-testimonial-4-slider-btn:is(.ftc_testimonial_4_next) {
transform: unset;
right: 30px;
top: unset;
bottom: 30px;
padding-left: 0;
text-align: center;
}
}
.ftc-testimonial-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-testimonial-4-item .icon {
transition-delay: 0.7s;
transform: translateY(0px);
opacity: 1;
}
.ftc-testimonial-4-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ftc-testimonial-4-item .ftc-testimonial-3-item-author {
transition-delay: 0.7s;
transform: translateY(0px);
opacity: 1;
}
.ftc-testimonial-4-area:is(.active) .ftc-testimonial-4-img {
opacity: 1;
}
/*
testimonial-4-end
*/
/*
testimonial-5-start
*/
.feh-testimonial-3-wrap {
padding-left: 70px;
padding-right: 70px;
}
@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) {
.feh-testimonial-3-wrap {
padding-left: 0px;
padding-right: 0px;
}
}
.feh-testimonial-3-item {
display: flex;
align-items: center;
gap: 60px;
}
@media (max-width: 767px) {
.feh-testimonial-3-item {
flex-wrap: wrap;
}
}
.feh-testimonial-3-item .main-img {
width: 470px;
height: 470px;
border-radius: 50%;
overflow: hidden;
text-align: center;
position: relative;
object-position: top;
z-index: 1;
flex: 0 0 auto;
transform: rotateY(90deg);
transition: 600ms;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feh-testimonial-3-item .main-img {
width: 350px;
height: 350px;
}
}
@media (max-width: 767px) {
.feh-testimonial-3-item .main-img {
width: 100%;
height: 350px;
}
}
.feh-testimonial-3-item .main-img::after {
width: 100%;
height: 100%;
content: "";
left: 0;
bottom: 0;
position: absolute;
background: linear-gradient(0deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 100%);
z-index: -1;
}
.feh-testimonial-3-item .main-img img {
transform: translateY(100%);
transition: 600ms ease-in-out;
transition-delay: 0s;
}
.feh-testimonial-3-item .title {
font-size: 35px;
font-weight: 700;
margin-bottom: 40px;
transform: translateX(100px);
transition: 600ms ease-in-out;
opacity: 0;
}
@media (max-width: 767px) {
.feh-testimonial-3-item .title {
font-size: 24px;
margin-bottom: 30px;
}
}
.feh-testimonial-3-item .comment {
font-size: 22px;
line-height: 1.45;
padding-left: 30px;
border-left: 4px solid var(--ftc-pr-1);
margin-bottom: 60px;
transform: translateX(100px);
transition: 600ms ease-in-out;
opacity: 0;
transition-delay: 0.3s;
}
@media (max-width: 767px) {
.feh-testimonial-3-item .comment {
font-size: 20px;
margin-bottom: 40px;
}
}
.feh-testimonial-3-item .name {
font-size: 28px;
font-weight: 700;
margin-bottom: 5px;
}
@media (max-width: 767px) {
.feh-testimonial-3-item .name {
font-size: 22px;
}
}
.feh-testimonial-3-item .bio {
display: inline-block;
color: #7e7f80;
}
.feh-testimonial-3-item .content-wrap {
transform: translateX(100px);
transition: 1000ms ease-in-out;
opacity: 0;
transition-delay: 0.9s;
}
.feh-testimonial-3-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .feh-testimonial-3-item .main-img {
transform: rotateY(0deg);
}
.feh-testimonial-3-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .feh-testimonial-3-item .main-img img {
transform: translateY(0);
transition-delay: 0.3s;
}
.feh-testimonial-3-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .feh-testimonial-3-item .title {
transform: translateX(0);
opacity: 1;
}
.feh-testimonial-3-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .feh-testimonial-3-item .comment {
transform: translateX(0);
opacity: 1;
transition-delay: 0s;
}
.feh-testimonial-3-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .feh-testimonial-3-item .content-wrap {
transform: translateX(0px);
opacity: 1;
transition-delay: 0s;
}
.feh-testimonial-3-wrap .feh-testimonial-3-pagination {
padding-top: 30px;
padding-left: 170px;
display: flex;
gap: 25px;
}
@media (max-width: 767px) {
.feh-testimonial-3-wrap .feh-testimonial-3-pagination {
padding-left: 50px;
}
}
.feh-testimonial-3-wrap .feh-testimonial-3-pagination span {
opacity: 1;
width: 14px;
height: 14px;
border: 1px solid #969293;
background: transparent;
}
.feh-testimonial-3-wrap .feh-testimonial-3-pagination span:is(.swiper-pagination-bullet-active) {
background: var(--ftc-pr-1);
border-color: transparent;
}
/*
testimonial-5-end
*/
.feh-testimonial-area {
padding: 125px 0 100px 0;
position: relative;
}
@media (max-width: 767px) {
.feh-testimonial-area {
padding: 80px 0;
}
}
.feh-testimonial-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: 77px;
top: 139px;
background: #C4F017;
opacity: 0.15;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-testimonial-shape-2 {
position: absolute;
width: 608px;
height: 608px;
right: -417px;
bottom: 339px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-testimonial-title-wrap {
max-width: 590px;
margin: 0 auto;
text-align: center;
}
.feh-testimonial-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-testimonial-wrap {
grid-template-columns: 1fr;
}
}
.feh-testimonial-card {
background: #F8F8F8;
border-radius: 20px;
padding: 42px;
transition: all 0.4s ease;
}
@media (max-width: 767px) {
.feh-testimonial-card {
padding: 30px 20px;
}
}
.feh-testimonial-card .top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
.feh-testimonial-card .top .icon-1 {
display: flex;
}
.feh-testimonial-card .top .icon-1 i {
font-size: 45px;
color: #222627;
}
.feh-testimonial-card .top .icon-2 i {
font-size: 23px;
color: #F2C94C;
transition: all 0.4s ease;
}
.feh-testimonial-card .client-say {
font-size: 22px;
line-height: 33px;
}
.feh-testimonial-card .client {
margin-top: 25px;
display: flex;
align-items: center;
gap: 18px;
}
.feh-testimonial-card .client .img-wrap {
width: 52px;
height: 52px;
}
.feh-testimonial-card .client .img-wrap img {
object-fit: cover;
border-radius: 100%;
}
.feh-testimonial-card .client .client-d {
display: flex;
flex-direction: column;
gap: 1px;
}
.feh-testimonial-card .client .client-d .name {
font-weight: 700;
font-size: 18px;
line-height: 26px;
}
.feh-testimonial-card .client .client-d .desig {
font-size: 16px;
line-height: 20px;
color: #6B6B6B;
}
.feh-testimonial-card:hover {
background: var(--ftc-pr-1);
}
.feh-testimonial-card:hover .icon-2 i {
color: #222627;
}
/*
text-slide-1-start
*/
.ftc-text-slide-1-area {
background: var(--ftc-pr-1);
border-bottom: 10px solid #fff;
padding: 30px 0;
}
.ftc-text-slide-1-wrap {
display: flex;
gap: 20px;
animation: text-slide-1 20s infinite linear;
}
@media (max-width: 767px) {
.ftc-text-slide-1-wrap {
animation: text-slide-1 10s infinite linear;
}
}
.ftc-text-slide-1-wrap:hover {
animation-play-state: paused;
}
.ftc-text-slide-1-item {
font-size: 90px;
line-height: 1;
letter-spacing: -4px;
font-family: var(--ftc-unbounded);
flex: 0 0 auto;
margin-bottom: 0;
color: #191917;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-text-slide-1-item {
font-size: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-text-slide-1-item {
font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-text-slide-1-item {
font-size: 60px;
}
}
@media (max-width: 767px) {
.ftc-text-slide-1-item {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-text-slide-1-item {
font-size: 50px;
}
}
.ftc-text-slide-2-area {
background: #191917;
padding: 30px 0;
}
.ftc-text-slide-2-wrap {
display: flex;
gap: 20px;
animation: text-slide-2 20s infinite linear;
}
@media (max-width: 767px) {
.ftc-text-slide-2-wrap {
animation: text-slide-2 10s infinite linear;
}
}
.ftc-text-slide-2-wrap:hover {
animation-play-state: paused;
}
.ftc-text-slide-2-item {
font-size: 45px;
line-height: 1;
letter-spacing: -2px;
font-family: var(--ftc-unbounded);
flex: 0 0 auto;
margin-bottom: 0;
color: #fff;
}
@media (max-width: 767px) {
.ftc-text-slide-2-item {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-text-slide-2-item {
font-size: 40px;
}
}
@keyframes text-slide-1 {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes text-slide-2 {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0%);
}
}
/*
text-slide-1-end
*/
/*
campaign-1-start
*/
.ftc-campaign-1-area {
position: relative;
z-index: 1;
background-color: #000000;
}
.ftc-campaign-1-scn-title {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.ftc-campaign-1-row {
display: grid;
grid-template-columns: 1fr 1.1fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-campaign-1-row {
grid-template-columns: 1fr;
gap: 50px;
}
}
.ftc-campaign-1-card-wrap {
perspective: 2000px;
transform-style: preserve-3d;
}
.ftc-campaign-1-card {
background: #fff;
border-radius: 20px;
padding: 40px 45px;
}
.ftc-campaign-1-card:is(.has-origin-left) {
transform-origin: 0% 50%;
}
.ftc-campaign-1-card:is(.has-origin-right) {
transform-origin: 100% 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.ftc-campaign-1-card {
padding: 40px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-campaign-1-card {
padding: 40px 50px;
}
}
.ftc-campaign-1-card:not(:last-child) {
margin-bottom: 55px;
}
.ftc-campaign-1-card .card-title {
font-size: 26px;
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 13px;
}
@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) {
.ftc-campaign-1-card .card-title {
font-size: 22px;
}
}
.ftc-campaign-1-card .card-title .icon {
font-size: 50px;
line-height: 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) {
.ftc-campaign-1-card .card-title .icon {
font-size: 40px;
}
}
.ftc-campaign-1-card .card-disc {
font-weight: 500;
}
.ftc-campaign-1-card:hover .icon {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-campaign-1-img {
position: relative;
z-index: 1;
padding: 0 85px;
}
@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) {
.ftc-campaign-1-img {
padding: 0 30px;
}
}
.ftc-campaign-1-img-shape {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.ftc-campaign-1-img-shape img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-campaign-1-img-shape img {
height: 120%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-campaign-1-img-shape img {
object-fit: unset;
}
}
.ftc-campaign-1-img-1 {
height: 100%;
border-radius: 148px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-campaign-1-img-1 {
height: 400px;
}
}
.ftc-campaign-1-link-all {
font-size: 20px;
}
.ftc-campaign-1-link-all a {
color: var(--ftc-pr-1);
text-decoration: underline;
transition: 400ms var(--cube-1);
}
.ftc-campaign-1-link-all a:hover {
transform: translateX(5px);
text-decoration: none;
}
/*
campaign-1-end
*/
/*
campaign-2-start
*/
.ftc-campaign-2-area {
background: transparent;
position: relative;
z-index: 1;
}
.ftc-campaign-2-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 12px);
z-index: -1;
}
.ftc-campaign-2-content {
margin-right: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-campaign-2-content {
margin-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-campaign-2-content {
padding-top: 50px;
margin-right: 0px;
}
}
.ftc-campaign-2-feature-wrap {
gap: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-campaign-2-feature-wrap {
gap: 25px;
}
}
.ftc-campaign-2-feature {
font-size: 23px;
display: flex;
align-items: center;
gap: 18px;
max-width: 196px;
}
.ftc-campaign-2-feature .icon {
font-size: 50px;
line-height: 0;
display: inline-block;
}
.ftc-campaign-2-feature-line {
display: inline-block;
width: 3px;
height: 70px;
background: #fff;
border-radius: 10px;
transform: rotate(140deg);
}
.ftc-campaign-2-feature:hover .icon {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-campaign-2-img {
padding-right: 30px;
position: relative;
z-index: 1;
margin-left: -320px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.ftc-campaign-2-img {
margin-left: -160px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-campaign-2-img {
margin-left: -100px;
}
}
@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) {
.ftc-campaign-2-img {
margin-left: 0px;
}
}
@media (max-width: 767px) {
.ftc-campaign-2-img {
margin-left: 0px;
padding-right: 0px;
}
}
.ftc-campaign-2-img-plugin {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 22%;
animation: ftc-up-down-keyfrem 10s infinite var(--cube-2);
}
.ftc-campaign-2-img-laptop {
position: relative;
z-index: 1;
}
.ftc-campaign-2-img-laptop-screen {
position: absolute;
top: 5px;
z-index: -1;
left: 50%;
transform: translateX(-50%);
width: 79%;
height: 95%;
overflow: hidden;
border-radius: 15px;
}
/*
campaign-2-end
*/
/*
campaign-4-start
*/
.ftc-campaign-4-grid {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-campaign-4-grid {
grid-template-columns: 1fr;
}
}
.ftc-campaign-4-grid-2 {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-campaign-4-grid-2 {
grid-template-columns: 1fr;
}
}
.ftc-campaign-4-card-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
align-items: self-start;
}
@media (max-width: 767px) {
.ftc-campaign-4-card-grid {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-campaign-4-card-grid {
grid-template-columns: 1fr 1fr;
}
}
.ftc-campaign-4-card {
background: #181A2D;
border-radius: 15px;
padding: 20px 20px;
}
.ftc-campaign-4-card .number {
width: 28px;
height: 28px;
background: var(--ftc-gd-2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--saira);
font-weight: 700;
color: #fff;
font-size: 12px;
margin-bottom: -10px;
}
.ftc-campaign-4-card .title {
font-size: 30px;
line-height: 1.46;
margin-bottom: 9px;
padding-left: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-campaign-4-card .title {
font-size: 24px;
}
}
.ftc-campaign-4-card .disc {
font-size: 16px;
line-height: 26px;
margin-bottom: 15px;
}
.ftc-campaign-4-card .main-img {
height: 122px;
border-radius: 0 0 12px 12px;
}
.ftc-campaign-4-phone {
position: relative;
z-index: 1;
width: 83%;
margin-left: auto;
margin-right: auto;
}
.ftc-campaign-4-phone .phone-circle {
width: 36%;
position: absolute;
left: 50%;
bottom: 50%;
transform: translate(-56%, 19%);
animation: phone-circle-roted 10s linear infinite;
}
@keyframes phone-circle-roted {
0% {
transform: translate(-56%, 19%) rotate(0deg);
}
100% {
transform: translate(-56%, 19%) rotate(360deg);
}
}
.ftc-campaign-4-box {
position: relative;
overflow: hidden;
height: 670px;
pointer-events: none;
padding: 40px 30px;
background: #5D37CC;
border-radius: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-campaign-4-box {
height: 600px;
}
}
@media (max-width: 767px) {
.ftc-campaign-4-box {
height: 800px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-campaign-4-box {
height: 600px;
}
}
.ftc-campaign-4-box .title {
font-size: 42px;
line-height: 1.21;
}
@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) {
.ftc-campaign-4-box .title {
font-size: 32px;
}
}
@media (max-width: 767px) {
.ftc-campaign-4-box .title {
font-size: 24px;
}
}
.ftc-campaign-4-tag-wrap > .ftc-campaign-4-tag {
position: absolute;
display: inline-block;
margin-bottom: 0;
left: 0;
top: 0;
user-select: none;
pointer-events: auto;
transition: none;
}
.ftc-campaign-4-tag-item {
display: inline-block;
-webkit-transform: translate(-50%, -50%) rotate(0.01rad);
-moz-transform: translate(-50%, -50%) rotate(0.01rad);
-ms-transform: translate(-50%, -50%) rotate(0.01rad);
-o-transform: translate(-50%, -50%) rotate(0.01rad);
transform: translate(-50%, -50%) rotate(0.01rad);
background: #7F5BEA;
padding: 15px 30px;
border-radius: 100px;
position: relative;
z-index: 1;
user-select: none;
pointer-events: auto;
}
.ftc-campaign-4-tag-item img {
user-select: none;
pointer-events: none;
transition: none;
}
.ftc-campaign-4-tag-item::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
background: var(--ftc-gd-2);
z-index: -1;
transition: 0.3s var(--cube-1);
opacity: 0;
user-select: none;
pointer-events: auto;
}
.ftc-campaign-4-tag-item:hover::after {
opacity: 1;
}
/*
campaign-4-end
*/
.ftc-campaign-4-area {
position: relative;
}
.ftc-campaign-4-area .ftc-campaign-process-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -283px;
top: 168px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.ftc-campaign-4-area .ftc-campaign-process-shape-2 {
position: absolute;
width: 608px;
height: 608px;
right: -384px;
bottom: -20px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
/*
price-1-start
*/
.ftc-price-1-area {
padding-top: 175px;
padding-bottom: 225px;
background-color: #e9e9e7;
}
.ftc-price-1-row {
display: grid;
grid-template-columns: 1fr 1.1fr;
gap: 50px 30px;
align-items: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-price-1-row {
grid-template-columns: 1.1fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-price-1-row {
grid-template-columns: 1fr;
}
}
.ftc-price-1-content .inner-div {
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 60px;
align-items: start;
}
@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) {
.ftc-price-1-content .inner-div {
gap: 30px;
}
}
@media (max-width: 767px) {
.ftc-price-1-content .inner-div {
grid-template-columns: 1fr;
gap: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-price-1-content .inner-div {
grid-template-columns: 1fr 1.4fr;
gap: 30px;
}
}
.ftc-price-1-content-disc {
margin-bottom: 44px;
}
.ftc-price-1-counter {
max-width: 200px;
}
.ftc-price-1-counter .number {
font-size: 90px;
color: #191917;
letter-spacing: -4px;
line-height: 1;
font-family: var(--ftc-unbounded);
}
@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) {
.ftc-price-1-counter .number {
font-size: 70px;
}
}
@media (max-width: 767px) {
.ftc-price-1-counter .number {
font-size: 50px;
}
}
.ftc-price-1-counter .disc {
font-size: 20px;
line-height: normal;
font-weight: 500;
color: #000;
}
.ftc-price-1-tabs-btn {
border-bottom: 2px solid #212F65;
padding-bottom: 50px;
}
.ftc-price-1-tabs-btn .nav-item:not(:last-child) {
margin-bottom: 14px;
}
.ftc-price-1-tabs-btn .nav-item .nav-link {
font-size: 33px;
color: #c3c3c3;
background-color: transparent;
position: relative;
z-index: 1;
transition: 600ms var(--cube-2);
}
@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) {
.ftc-price-1-tabs-btn .nav-item .nav-link {
font-size: 26px;
}
}
.ftc-price-1-tabs-btn .nav-item .nav-link::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(90deg);
left: 0;
background: #ff6a00;
height: 25px;
width: 4px;
border-radius: 30px;
transition: 600ms var(--cube-2);
opacity: 0;
}
.ftc-price-1-tabs-btn .nav-item .nav-link:hover {
color: #ff6a00;
}
.ftc-price-1-tabs-btn .nav-item .nav-link:is(.active) {
padding-left: 20px;
color: #ff6a00;
}
.ftc-price-1-tabs-btn .nav-item .nav-link:is(.active)::after {
transform: translateY(-50%) rotate(0deg);
opacity: 1;
}
.ftc-price-1-right {
position: relative;
z-index: 1;
padding-left: 120px;
}
@media (max-width: 767px) {
.ftc-price-1-right {
padding-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-price-1-right {
padding-left: 120px;
}
}
.ftc-price-1-img {
height: 675px;
border-radius: 180px;
}
.ftc-price-1-tabs-content {
position: absolute;
top: 70px;
left: 0;
}
.ftc-price-1-tabs-content-item {
background: #fff;
max-width: 410px;
padding: 70px 70px;
border-radius: 95px 230px 95px 95px;
position: relative;
z-index: 1;
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) {
.ftc-price-1-tabs-content-item {
padding: 70px 50px;
}
}
@media (max-width: 767px) {
.ftc-price-1-tabs-content-item {
padding: 70px 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-price-1-tabs-content-item {
padding: 70px 70px;
}
}
.ftc-price-1-tabs-content-item .item-title {
font-size: 40px;
color: #000;
margin-bottom: 5px;
}
.ftc-price-1-tabs-content-item .item-disc {
font-size: 15px;
color: #000;
margin-bottom: 31px;
font-weight: 500;
}
.ftc-price-1-tabs-content-item .item-price {
font-size: 45px;
line-height: 1;
letter-spacing: -2px;
}
.ftc-price-1-tabs-content-item .item-price span {
font-size: 15px;
display: inline-block;
letter-spacing: 0px;
}
.ftc-price-1-tabs-content-item .line {
width: 100%;
height: 2px;
background-color: #ececec;
margin-top: 25px;
margin-bottom: 25px;
}
.ftc-price-1-tabs-content-item .list-title {
font-size: 20px;
color: #000;
letter-spacing: -0.2px;
margin-bottom: 10px;
}
.ftc-price-1-tabs-content-item .item-list li {
font-weight: 700;
color: #000;
position: relative;
z-index: 1;
padding-left: 18px;
font-size: 15px;
margin-bottom: -4px;
}
.ftc-price-1-tabs-content-item .item-list li::after {
content: "";
width: 7px;
height: 7px;
background: #212f65;
border-radius: 50%;
position: absolute;
left: 0;
top: 13px;
}
.ftc-price-1-tabs-content-item .item-list-2 li {
font-weight: 400;
color: #404040;
position: relative;
z-index: 1;
padding-left: 18px;
font-size: 16px;
letter-spacing: -0.2px;
}
.ftc-price-1-tabs-content-item .item-list-2 li::after {
content: "";
width: 7px;
height: 7px;
background: #212f65;
border-radius: 50%;
position: absolute;
left: 0;
top: 12px;
}
.ftc-price-1-tabs-content-item .ftc-btn-1 {
padding: 16px 25px;
}
.ftc-price-1-tabs-content-item .il-img {
position: absolute;
bottom: -310px;
left: 0;
width: 100%;
z-index: -1;
}
@media (max-width: 767px) {
.ftc-price-1-tabs-content-item .il-img {
bottom: -180px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-price-1-tabs-content-item .il-img {
bottom: -290px;
}
}
/*
price-1-end
*/
/*
price-2-start
*/
.ftc-price-2-area {
background: transparent;
position: relative;
z-index: 1;
}
.ftc-price-2-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.ftc-price-2-scn-title {
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.ftc-price-2-item-wrap {
margin-left: -40px;
}
@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) {
.ftc-price-2-item-wrap {
margin-left: 0px;
}
}
.ftc-price-2-item {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 70px;
padding: 45px 0;
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) {
.ftc-price-2-item {
gap: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-price-2-item {
gap: 30px;
grid-template-columns: auto;
}
}
.ftc-price-2-item:not(:last-child)::after {
content: "";
width: calc(100% - 360px);
height: 2px;
background-color: #392445;
position: absolute;
right: 0;
bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-price-2-item:not(:last-child)::after {
width: 100%;
}
}
.ftc-price-2-item .item-img {
width: 290px;
position: relative;
z-index: 1;
}
.ftc-price-2-item .item-img::after {
content: "";
width: 170px;
height: 2px;
background: #fff;
position: absolute;
right: -40px;
top: 50%;
transform: translateY(-50%) scaleX(0);
transform-origin: right;
transition: 500ms var(--cube-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-price-2-item .item-img::after {
width: 70px;
right: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-price-2-item .item-img::after {
display: none;
}
}
.ftc-price-2-item .item-img-posi {
width: 100%;
height: 510px;
border-radius: 146px;
position: absolute;
top: -100px;
left: 0;
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
transition: 1s var(--cube-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-price-2-item .item-img-posi {
height: 420px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-price-2-item .item-img-posi {
position: unset;
border-radius: 30px;
height: 400px;
}
}
.ftc-price-2-item .content {
gap: 30px;
}
@media (max-width: 767px) {
.ftc-price-2-item .content {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-price-2-item .content {
flex-wrap: nowrap;
}
}
.ftc-price-2-item .item-title {
font-size: 28px;
letter-spacing: -1px;
flex: 0 0 auto;
width: 245px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-price-2-item .item-title {
font-size: 22px;
width: 185px;
}
}
.ftc-price-2-item .item-disc {
display: flex;
gap: 10px;
color: #fff;
}
.ftc-price-2-item .item-disc .icon {
display: inline-block;
margin-top: 2px;
}
.ftc-price-2-item .item-price {
font-size: 30px;
}
.ftc-price-2-item:is(.active) .item-img::after {
transform: translateY(-50%) scaleX(1);
}
.ftc-price-2-item:is(.active) .item-img-posi {
top: -45px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-price-2-item:not(.active) .item-img::after {
transform: translateY(-50%) scaleX(1);
}
.ftc-price-2-item:not(.active) .item-img-posi {
top: -45px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
.ftc-price-2-item:nth-last-child(1) .item-img-posi {
top: unset;
bottom: -50px;
}
/*
price-2-end
*/
/*
price-4-start
*/
.ftc-price-4-scn-title {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.ftc-price-4-card {
background: #1C1E35;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 20px;
margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-price-4-card {
padding: 20px 10px;
}
}
@media (max-width: 767px) {
.ftc-price-4-card {
padding: 20px 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-price-4-card {
padding: 20px;
}
}
.ftc-price-4-card .header {
background: #0E0F1C;
border-radius: 15px;
padding: 22px;
margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-price-4-card .header {
padding: 20px 10px;
}
}
@media (max-width: 767px) {
.ftc-price-4-card .header {
padding: 22px 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-price-4-card .header {
padding: 22px;
}
}
.ftc-price-4-card .icon {
margin-bottom: 20px;
}
.ftc-price-4-card .price {
font-size: 50px;
display: flex;
align-items: center;
margin-bottom: 17px;
}
@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) {
.ftc-price-4-card .price {
font-size: 40px;
}
}
.ftc-price-4-card .price .dollar {
display: inline-block;
font-size: 28px;
margin-top: -20px;
}
.ftc-price-4-card .price .month {
font-size: 22px;
font-weight: 400;
opacity: 70%;
margin-bottom: -16px;
}
.ftc-price-4-card .title {
font-size: 22px;
line-height: 30px;
margin-bottom: 5px;
}
.ftc-price-4-card .ftc-para-2 {
font-size: 16px;
line-height: 26px;
}
.ftc-price-4-card .card-btn {
display: block;
width: 100%;
text-align: center;
font-family: var(--saira);
text-transform: capitalize;
font-size: 18px;
background: var(--ftc-gd-2);
color: #fff;
border-radius: 10px;
padding: 15px;
position: relative;
z-index: 1;
}
.ftc-price-4-card .card-btn::after {
content: "";
width: 0%;
height: 100%;
background: var(--ftc-pr-2);
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: 10px;
backdrop-filter: blur(110px);
opacity: 0;
transition: 400ms var(--cube-1);
}
.ftc-price-4-card .card-btn:hover::after {
width: 100%;
opacity: 0.7;
}
.ftc-price-4-card .feature-list {
background: #0E0F1C;
border-radius: 10px;
margin-top: 15px;
padding: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-price-4-card .feature-list {
padding: 20px 10px;
}
}
@media (max-width: 767px) {
.ftc-price-4-card .feature-list {
padding: 22px 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-price-4-card .feature-list {
padding: 22px;
}
}
.ftc-price-4-card .feature-list li {
font-size: 18px;
font-family: var(--roboto);
color: #fff;
line-height: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-price-4-card .feature-list li {
font-size: 16px;
}
}
@media (max-width: 767px) {
.ftc-price-4-card .feature-list li {
font-size: 16px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-price-4-card .feature-list li {
font-size: 18px;
}
}
.ftc-price-4-card .feature-list li:not(:last-child) {
margin-bottom: 20px;
}
.ftc-price-4-card .feature-list li i {
color: #25BBF5;
font-size: 16px;
display: inline-block;
margin-right: 7px;
}
.ftc-price-4-card:hover .icon {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-price-4-all-btn a {
text-decoration: underline;
transition: 400ms var(--cube-1);
}
.ftc-price-4-all-btn a:hover {
-webkit-text-fill-color: #fff;
transform: translateX(3px);
}
/*
price-4-end
*/
.ftc-price-4-area {
position: relative;
}
.ftc-price-4-area .ftc-price-p-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -283px;
top: 168px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.ftc-price-4-area .ftc-price-p-shape-2 {
position: absolute;
width: 608px;
height: 608px;
right: -384px;
bottom: -20px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
/*
blog-1-start
*/
/* Comments
--------------------------------------------- */
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/* Widgets
--------------------------------------------- */
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/* Captions
--------------------------------------------- */
.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;
}
/* Galleries
--------------------------------------------- */
.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;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.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;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.ftc-blog-1-area {
position: relative;
z-index: 1;
background-color: #000000;
}
.ftc-blog-1-bg-shape-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.ftc-blog-1-scn-title {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.ftc-blog-1-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-blog-1-row {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ftc-blog-1-row {
grid-template-columns: 1fr;
}
}
.ftc-blog-1-item {
perspective: 2000px;
transform-style: preserve-3d;
transform-origin: 50% 100%;
}
.ftc-blog-1-item .item-img {
height: 323px;
border-radius: 10px;
transition: 400ms var(--cube-2);
}
.ftc-blog-1-item .item-img img {
transition: 5s;
}
.ftc-blog-1-item .item-date {
font-size: 17px;
color: var(--ftc-pr-1);
letter-spacing: -0.2px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 14px;
}
.ftc-blog-1-item .item-date .line {
display: inline-block;
width: 35px;
height: 2px;
background: var(--ftc-pr-1);
}
.ftc-blog-1-item .item-title {
font-size: 28px;
letter-spacing: -0.2px;
transition: 300ms var(--cube-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) {
.ftc-blog-1-item .item-title {
font-size: 24px;
}
}
.ftc-blog-1-item .item-title a {
display: inline-block;
}
.ftc-blog-1-item .item-title:hover {
color: var(--ftc-pr-1);
transform: rotateX(20deg);
}
.ftc-blog-1-item:hover .item-img {
transform: rotateX(15deg);
}
.ftc-blog-1-item:hover .item-img img {
transform: scale(110%);
}
/*
blog-1-end
*/
/*
blog-2-start
*/
.ftc-blog-2-area {
background: transparent;
}
.ftc-blog-2-scn-title {
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
.ftc-blog-2-item {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 60px;
align-items: center;
perspective: 247px;
transform-style: preserve-3d;
grid-template-areas: "left-side right-side";
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-blog-2-item {
gap: 30px;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-blog-2-item {
gap: 30px;
grid-template-columns: 1fr;
grid-template-areas: "left-side" "right-side";
}
}
.ftc-blog-2-item:not(:last-child) {
margin-bottom: 30px;
}
.ftc-blog-2-item .left-side {
grid-area: left-side;
}
.ftc-blog-2-item .right-side {
grid-area: right-side;
}
.ftc-blog-2-item .item-img {
width: 100%;
height: 465px;
border-radius: 230px;
transition: 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
transform-origin: 100% 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-blog-2-item .item-img {
border-radius: 150px;
}
}
@media (max-width: 767px) {
.ftc-blog-2-item .item-img {
border-radius: 40px;
height: 400px;
}
}
.ftc-blog-2-item .item-date {
font-size: 13px;
background: #352e30;
display: inline-block;
padding: 12px 27px;
border-radius: 20px 5px 5px 20px;
margin-bottom: 18px;
}
.ftc-blog-2-item .item-date i {
display: inline-block;
margin-right: 7px;
}
.ftc-blog-2-item .item-title {
font-size: 45px;
line-height: 1.22;
margin-bottom: 8px;
transition: 300ms var(--cube-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-blog-2-item .item-title {
font-size: 42px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-blog-2-item .item-title {
font-size: 38px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-blog-2-item .item-title {
font-size: 35px;
}
}
@media (max-width: 767px) {
.ftc-blog-2-item .item-title {
font-size: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-blog-2-item .item-title {
font-size: 30px;
}
}
.ftc-blog-2-item .item-title:hover {
color: var(--ftc-pr-1);
transform: translateX(-3px);
}
.ftc-blog-2-item .item-disc {
color: #c3c3c3;
line-height: 28px;
margin-bottom: 34px;
}
.ftc-blog-2-item:hover .item-img {
transform: rotateY(-2deg);
}
.ftc-blog-2-item:nth-child(odd) {
grid-template-areas: "right-side left-side";
grid-template-columns: 1fr 1.3fr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-blog-2-item:nth-child(odd) {
gap: 30px;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-blog-2-item:nth-child(odd) {
gap: 30px;
grid-template-columns: 1fr;
grid-template-areas: "left-side" "right-side";
}
}
.ftc-blog-2-item:nth-child(odd) .item-content {
text-align: right;
}
.ftc-blog-2-item:nth-child(odd) .item-date {
border-radius: 5px 20px 20px 5px;
}
.ftc-blog-2-item:nth-child(odd) .item-img {
transform-origin: 0% 50%;
}
.ftc-blog-2-item:nth-child(odd):hover .item-img {
transform: rotateY(2deg);
}
/*
blog-2-end
*/
/*
blog-3-start
*/
.ftc-blog-3-area {
background-color: #EDEFF4;
margin-top: -110px;
}
.ftc-blog-3-item {
border: 1px solid rgba(2, 5, 20, 0.1);
background: #F8F9FB;
border-radius: 10px;
padding: 25px;
margin-bottom: 30px;
transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-blog-3-item {
padding: 25px 15px;
}
}
@media (max-width: 767px) {
.ftc-blog-3-item {
padding: 25px 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-blog-3-item {
padding: 25px 25px;
}
}
.ftc-blog-3-item .main-img {
border-radius: 8px;
height: 265px;
}
.ftc-blog-3-item .item-meta-flex {
gap: 10px;
font-size: 16px;
}
.ftc-blog-3-item .item-meta-flex span {
display: inline-block;
}
.ftc-blog-3-item .item-cgt {
background: #EEE7FB;
color: var(--ftc-sd-1);
padding: 9px 18px;
border-radius: 5px;
}
.ftc-blog-3-item .item-title {
font-size: 24px;
line-height: 1.41;
margin-bottom: 20px;
transform-origin: left;
transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-blog-3-item .item-title {
font-size: 20px;
}
}
.ftc-blog-3-item .item-title a {
background-image: linear-gradient(0deg, #020514 0%, #020514 100%);
background-size: 0% 1px;
background-repeat: no-repeat;
background-position: left bottom;
transition: all 0.4s ease-in-out;
}
.ftc-blog-3-item .item-title:hover {
transform: scaleX(98%);
}
.ftc-blog-3-item .item-btn {
display: block;
width: 100%;
background: #EDEFF4;
border-radius: 8px;
text-align: center;
text-transform: uppercase;
font-family: var(--saira);
font-weight: 500;
color: var(--ftc-heading-2);
padding: 15px;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.4s ease-in-out;
}
.ftc-blog-3-item .item-btn::after {
content: "";
position: absolute;
top: 101%;
left: 0;
width: 100%;
left: 0;
background: var(--ftc-gd-1);
height: 100%;
z-index: -1;
transition: all 0.4s ease-in-out;
border-radius: 8px;
}
.ftc-blog-3-item .item-btn i {
margin-left: 5px;
transition: all 0.4s ease-in-out;
}
.ftc-blog-3-item .item-btn:hover i {
transform: translateX(5px);
}
.ftc-blog-3-item:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}
.ftc-blog-3-item:hover .item-title a {
background-size: 100% 1px;
}
.ftc-blog-3-item:hover .item-btn {
color: #fff;
}
.ftc-blog-3-item:hover .item-btn::after {
top: 0%;
}
.ftc-blog-3-all-btn a {
text-decoration: underline;
transition: all 0.4s ease-in-out;
}
.ftc-blog-3-all-btn a:hover {
transform: translateX(5px);
}
/*
blog-4-end
*/
.ftc-blog-4-content {
position: sticky;
top: 0;
}
.elementor-column.ftc-blog-4-content {
position: relative;
align-items: flex-start;
}
.elementor-column.ftc-blog-4-content > div {
position: sticky;
top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-blog-4-content {
margin-bottom: 50px;
}
}
.ftc-blog-4-scn-title .scn-disc {
max-width: 510px;
}
.ftc-blog-4-item-wrap {
padding-left: 38px;
}
@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) {
.ftc-blog-4-item-wrap {
padding-left: 0px;
}
}
.ftc-blog-4-item {
background: #181A2D;
border-radius: 15px;
border: 1px solid;
padding: 25px;
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: 30px;
align-items: center;
transition: 400ms var(--cube-1);
}
@media (max-width: 767px) {
.ftc-blog-4-item {
grid-template-columns: 1fr;
padding: 25px 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-blog-4-item {
grid-template-columns: 1fr 1.6fr;
padding: 25px;
}
}
.ftc-blog-4-item:not(:last-child) {
margin-bottom: 30px;
}
.ftc-blog-4-item .left {
position: relative;
}
.ftc-blog-4-item .item-img {
border-radius: 12px;
height: 300px;
transition: 400ms var(--cube-1);
}
.ftc-blog-4-item .item-title {
font-size: 25px;
line-height: 1.44;
margin-bottom: 18px;
transition: 400ms var(--cube-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) {
.ftc-blog-4-item .item-title {
font-size: 22px;
}
}
.ftc-blog-4-item .item-title:hover {
color: var(--ftc-pr-2);
}
.ftc-blog-4-item .item-disc {
font-size: 16px;
line-height: 26px;
opacity: 80%;
margin-bottom: 24px;
}
.ftc-blog-4-item .item-line {
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.2);
margin-bottom: 24px;
}
.ftc-blog-4-item .item-meta {
display: flex;
gap: 50px;
}
@media (max-width: 767px) {
.ftc-blog-4-item .item-meta {
gap: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-blog-4-item .item-meta {
gap: 50px;
}
}
.ftc-blog-4-item .item-meta li {
text-transform: capitalize;
font-size: 16px;
line-height: 26px;
}
.ftc-blog-4-item .item-meta li span {
font-size: 14px;
opacity: 80%;
}
.ftc-blog-4-item .btn-posi {
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%, -50%);
transition: 400ms var(--cube-2);
opacity: 0;
visibility: hidden;
}
.ftc-blog-4-item .ftc-circle-btn-1 {
width: 110px;
height: 110px;
}
.ftc-blog-4-item .ftc-circle-btn-1-icon {
font-size: 45px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ftc-blog-4-item:hover {
border-color: #A732F7;
}
.ftc-blog-4-item:hover .btn-posi {
top: 50%;
opacity: 1;
visibility: visible;
}
.ftc-blog-4-item:hover .item-img {
filter: grayscale(1);
}
/*
blog-5-start
*/
.feh-blog-3-title-wrap {
max-width: 690px;
margin: 0 auto;
margin-bottom: 35px;
}
.feh-blog-3-item {
margin-bottom: 30px;
}
.feh-blog-3-item .main-img {
width: 100%;
height: 320px;
overflow: hidden;
border-radius: 10px;
}
.feh-blog-3-item .main-img img {
clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%, 10% 50%, 10% 28%, 9% 50%, 0% 50%, 100% 100%, 100% 0%);
transition: 600ms ease-in-out;
}
.feh-blog-3-item .date {
display: inline-block;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
background: var(--ftc-pr-1);
color: #1f1f1f;
border: 2px solid #fff;
padding: 8px 15px;
border-radius: 20px;
line-height: 1;
margin-left: 15px;
transform: translateY(-16px);
margin-bottom: 7px;
}
.feh-blog-3-item .title {
font-size: 33px;
line-height: 1.36;
font-weight: 700;
margin-bottom: 10px;
transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feh-blog-3-item .title {
font-size: 30px;
}
}
@media (max-width: 767px) {
.feh-blog-3-item .title {
font-size: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-blog-3-item .title {
font-size: 28px;
}
}
.feh-blog-3-item .title:hover {
color: var(--ftc-pr-1);
}
.feh-blog-3-item .disc {
font-weight: 500;
color: #504e4e;
margin-bottom: 20px;
}
.feh-blog-3-item .author {
display: flex;
align-items: center;
gap: 10px;
}
.feh-blog-3-item .author .img {
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
flex: 0 0 auto;
}
.feh-blog-3-item .author .name {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #0d161a;
flex: 0 0 auto;
}
.feh-blog-3-item .author .line {
width: 100%;
height: 4px;
background: #f3f3f3;
position: relative;
margin-left: 30px;
}
.feh-blog-3-item .author .line::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
background: var(--ftc-pr-1);
opacity: 0.3;
transition: 600ms ease-in-out;
}
.feh-blog-3-item:hover .main-img img {
clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%, 10% 50%, 10% 10%, 30% 30%, 0% 56%, 100% 100%, 100% 0%);
filter: grayscale(1);
scale: 1.05;
}
.feh-blog-3-item:hover .author .line::after {
width: 100%;
}
/*
blog-5-end
*/
/*
cta-1-start
*/
.ftc-cta-1-content {
gap: 30px;
}
.ftc-cta-1-content .title {
font-size: 40px;
line-height: 1.5;
color: #1e1d1d;
letter-spacing: -2px;
}
@media (max-width: 767px) {
.ftc-cta-1-content .title {
font-size: 32px;
}
}
.ftc-cta-1-social {
gap: 10px 30px;
}
@media (max-width: 767px) {
.ftc-cta-1-social {
gap: 10px 15px;
}
}
.ftc-cta-1-social .s-link {
font-size: 20px;
color: #1e1d1d;
transition: 400ms var(--cube-1);
}
.ftc-cta-1-social .s-link .icon {
display: inline-block;
transform: translateX(10px);
opacity: 0;
transition: 400ms var(--cube-2);
}
.ftc-cta-1-social .s-link:hover {
color: var(--ftc-pr-1);
}
.ftc-cta-1-social .s-link:hover .icon {
transform: translateX(0px);
opacity: 1;
}
/*
cta-1-end
*/
/*
cta-2-start
*/
.ftc-contact-1-area {
background: transparent;
position: relative;
z-index: 2;
}
.ftc-contact-1-scn-title {
max-width: 540px;
}
.ftc-contact-1-content {
display: grid;
grid-template-columns: 1fr 1fr;
position: relative;
z-index: 1;
align-items: end;
padding-left: 125px;
margin-top: -158px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-contact-1-content {
margin-top: 0px;
padding-left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-contact-1-content {
margin-top: 0px;
padding-left: 0px;
grid-template-columns: 1fr;
padding: 100px 30px;
padding-bottom: 0;
}
}
.ftc-contact-1-content-bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 160px);
background: #1C1B1B;
z-index: -1;
border-radius: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-contact-1-content-bg {
height: calc(100% - 0px);
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-contact-1-content-bg {
height: calc(100% - 0px);
border-radius: 30px;
}
}
.ftc-contact-1-content-bg .il-img {
position: absolute;
top: -170px;
left: -170px;
width: 30%;
}
.ftc-contact-1-img {
border-radius: 0 0 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-contact-1-img {
border-radius: 0 0 0px 0;
}
}
.ftc-form-1 form{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px 35px;
margin-bottom: 120px;
}
@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) {
.ftc-form-1 {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.ftc-form-1 {
margin-bottom: 40px;
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-form-1 {
margin-bottom: 40px;
grid-template-columns: 1fr 1fr;
}
}
.ftc-form-1 .input-item:is(.has-full-width) {
grid-column: 1/-1;
}
.ftc-form-1 input, .ftc-form-1 textarea {
width: 100%;
background: transparent;
outline: none;
border: none;
border-bottom: 1px solid #302e2e;
font-size: 17px;
color: #fff;
font-weight: 700;
font-family: var(--ftc-pr-font);
padding-bottom: 12px;
}
.ftc-form-1 textarea {
height: 105px;
}
.ftc-form-1 .ftc-form-1-btn {
width: 100%;
border: none;
outline: none;
}
/*
cta-2-end
*/
/*
cta-4-start
*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-cta-4-area {
padding-top: 100px;
}
}
.ftc-cta-4-scn-title .ftc-section-title-2 {
font-size: 48px;
line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-cta-4-scn-title .ftc-section-title-2 {
font-size: 40px;
}
}
@media (max-width: 767px) {
.ftc-cta-4-scn-title .ftc-section-title-2 {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-cta-4-scn-title .ftc-section-title-2 {
font-size: 35px;
}
}
.ftc-cta-4-row {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 50px;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-cta-4-row {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-cta-4-content {
padding: 100px 0;
}
}
.ftc-cta-4-img {
mask-image: url(../img/cta/cta-4-img-mask.png);
mask-size: cover;
mask-repeat: no-repeat;
mask-position: left bottom;
margin-right: -265px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.ftc-cta-4-img {
margin-right: -215px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-cta-4-img {
margin-right: -110px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-cta-4-img {
margin-right: -50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-cta-4-img {
margin-right: -175px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-cta-4-img {
margin-right: 0px;
}
}
.ftc-cta-4-img img {
transform: scale(1.5);
}
.ftc-cta-4-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px 15px;
}
@media (max-width: 767px) {
.ftc-cta-4-form {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-cta-4-form {
grid-template-columns: 1fr 1fr;
}
}
.ftc-cta-4-form .has-full-width {
grid-column: 1/-1;
}
.ftc-cta-4-form input {
height: 60px;
border: none;
outline: none;
background: #F5F5FA;
border-radius: 10px;
color: #0B1118;
font-family: var(--saira);
padding: 0 25px;
font-size: 16px;
width: 100%;
}
.ftc-cta-4-form .form-btn {
background: var(--ftc-sd-1);
border-radius: 10px;
font-size: 18px;
font-family: var(--saira);
color: #fff;
height: 60px;
transition: 400ms var(--cube-1);
}
.ftc-cta-4-form .form-btn:hover {
background: var(--ftc-pr-2);
}
/*
cta-4-end
*/
/*
cta-5-start
*/
.ftc-cta-5-content {
padding: 35px;
border-radius: 20px;
overflow: hidden;
}
@media (max-width: 767px) {
.ftc-cta-5-content {
padding: 35px 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-cta-5-content {
padding: 35px;
}
}
.ftc-cta-5-content .title {
font-size: 37px;
line-height: 1.29;
margin-bottom: 12px;
}
.ftc-cta-5-content .disc {
font-size: 16px;
line-height: 26px;
}
.ftc-cta-5-img {
position: relative;
z-index: 1;
border-radius: 20px;
height: 360px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-cta-5-img {
margin-bottom: 30px;
}
}
.ftc-cta-5-img .ftc-social-link-1 {
position: absolute;
bottom: 25px;
left: 30px;
gap: 20px;
}
.ftc-cta-5-img .ftc-social-link-1 .this-link {
background: transparent;
font-size: 18px;
color: #fff;
border: 1px solid #fff;
}
.ftc-cta-5-img .ftc-social-link-1 .this-link:hover {
background: var(--ftc-pr-2);
border-color: transparent;
}
.ftc-cta-5-form {
background: rgba(31, 39, 62, 0.7);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(50px);
padding: 40px 50px;
}
@media (max-width: 767px) {
.ftc-cta-5-form {
padding: 40px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-cta-5-form {
padding: 40px 50px;
}
}
.ftc-cta-5-form .input-box {
display: block;
width: 100%;
height: 50px;
outline: none;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background: transparent;
font-family: var(--roboto);
font-size: 18px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 22px;
}
.ftc-cta-5-form .input-box:is(.textarea) {
height: 120px;
}
.ftc-cta-5-form .input-label {
font-size: 14px;
font-weight: 600;
line-height: 22px;
margin-bottom: 4px;
}
.ftc-cta-5-form .input-label span {
color: red;
}
.ftc-cta-5-form .form-btn {
display: block;
width: 100%;
text-align: center;
font-family: var(--saira);
text-transform: capitalize;
font-size: 18px;
font-weight: 600;
background: var(--ftc-gd-2);
color: #fff;
border-radius: 47px;
padding: 15px;
position: relative;
z-index: 1;
}
.ftc-cta-5-form .form-btn::after {
content: "";
width: 0%;
height: 100%;
background: var(--ftc-pr-2);
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: 47px;
backdrop-filter: blur(110px);
opacity: 0;
transition: 400ms var(--cube-1);
}
.ftc-cta-5-form .form-btn:hover::after {
width: 100%;
opacity: 0.7;
}
/*
cta-5-end
*/
.feh-cta-3-area {
padding: 225px 0 40px 0;
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.feh-cta-3-area {
padding: 100px 0 40px 0;
}
}
.feh-cta-3-area::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
opacity: 1;
transition: 0.5s var(--cube-1);
}
.feh-cta-3-area:is(.active)::after {
opacity: 0;
transition-delay: 0.3s;
}
.feh-cta-3-area:is(.active) .feh-cta-3-wrap {
transform: scale(0.2);
opacity: 0;
visibility: hidden;
transition-delay: 0;
}
.feh-cta-3-area:is(.active) .feh-cta-3-btn-close {
opacity: 1;
visibility: visible;
transition-delay: 0.4s;
}
.feh-cta-3-wrap {
position: relative;
z-index: 2;
max-width: 850px;
margin: 0 auto;
text-align: center;
transition: 0.5s var(--cube-1);
}
.feh-cta-3-wrap .ftc-section-title-1 {
text-align: center;
color: #fff;
margin-bottom: 60px;
}
.feh-cta-3-video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.feh-cta-3-video .video-frame {
width: 100%;
height: 100%;
object-fit: cover;
}
.feh-cta-3-btn {
margin-bottom: 40px;
background: #fff;
border-radius: 100%;
width: 145px;
height: 145px;
}
@media (max-width: 767px) {
.feh-cta-3-btn {
width: 100px;
height: 100px;
}
}
.feh-cta-3-btn img {
animation: feh-cta-btn 4s infinite ease-in-out;
}
.feh-cta-3-btn-close {
position: relative;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
outline: none;
border: 2px solid #fff;
border-radius: 100%;
z-index: 3;
margin: 0 auto;
visibility: hidden;
opacity: 0;
transition: 0.5s var(--cube-1);
}
.feh-cta-3-btn-close i {
display: flex;
color: #fff;
font-size: 22px;
transform: rotate(315deg);
transition: 0.5s var(--cube-1);
}
.feh-cta-3-btn-close:hover {
background: var(--ftc-pr-1);
border-color: var(--ftc-pr-1);
}
.feh-cta-3-btn-close:hover i {
color: #000;
}
.feh-cta-3-brand-marque {
display: flex;
align-items: center;
gap: 20px;
position: relative;
width: 8000px;
margin-top: 140px;
animation: feh-cta-marque 30s linear infinite;
}
@media (max-width: 767px) {
.feh-cta-3-brand-marque {
margin-top: 80px;
}
}
.feh-cta-3-brand-text {
font-size: 150px;
font-family: "Unbounded";
color: rgb(78, 78, 78);
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 0;
}
@media (max-width: 767px) {
.feh-cta-3-brand-text {
font-size: 120px;
}
}
.feh-cta-3-brand-text .brands {
color: rgb(224, 224, 224);
}
@keyframes feh-cta-btn {
0% {
transform: rotate(0deg);
}
0% {
transform: rotate(360deg);
}
}
@keyframes feh-cta-marque {
0% {
transform: translateX(-70%);
}
100% {
transform: translateX(0%);
}
}
.ftc-cta-1-area:is(.feh-cta-1-area) {
padding: 90px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-cta-1-area:is(.feh-cta-1-area) {
padding: 20px 0 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-cta-1-area:is(.feh-cta-1-area) {
padding: 0px 0 90px;
}
}
/*
special-1-start
*/
.ftc-special-1-area {
background: transparent;
}
.ftc-special-1-scn-title {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.ftc-special-1-tabs-btn {
display: flex;
align-items: center;
padding: 0 50px;
gap: 20px 100px;
flex-wrap: wrap;
}
@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) {
.ftc-special-1-tabs-btn {
padding: 0 0px;
gap: 20px 70px;
}
}
.ftc-special-1-tabs-btn .nav-item {
position: relative;
z-index: 1;
}
.ftc-special-1-tabs-btn .nav-item:not(:last-child)::after {
content: "";
width: 2px;
height: 50px;
background: #fff;
border-radius: 10px;
transform: rotate(140deg);
position: absolute;
top: 0;
right: -45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-special-1-tabs-btn .nav-item:not(:last-child)::after {
height: 30px;
top: 20px;
right: -40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-special-1-tabs-btn .nav-item:not(:last-child)::after {
display: none;
}
}
.ftc-special-1-tabs-btn .nav-item .nav-link {
background-color: transparent;
font-size: 26px;
letter-spacing: -0.2px;
}
@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) {
.ftc-special-1-tabs-btn .nav-item .nav-link {
font-size: 22px;
}
}
.ftc-special-1-tabs-btn .nav-item .nav-link span {
display: block;
text-align: left;
font-size: 16px;
font-weight: 500;
color: var(--ftc-pr-1);
margin-bottom: 5px;
}
.ftc-special-1-tabs-btn .nav-item .nav-link:hover {
color: var(--ftc-pr-1);
}
.ftc-special-1-tabs-btn .nav-item .nav-link:is(.active) {
color: var(--ftc-pr-1);
}
.ftc-special-1-tabs-content .item-title {
font-size: 65px;
letter-spacing: -1px;
margin-bottom: 5px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.ftc-special-1-tabs-content .item-title {
font-size: 60px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-special-1-tabs-content .item-title {
font-size: 55px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-special-1-tabs-content .item-title {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-special-1-tabs-content .item-title {
font-size: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-special-1-tabs-content .item-title {
font-size: 40px;
}
}
@media (max-width: 767px) {
.ftc-special-1-tabs-content .item-title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-special-1-tabs-content .item-title {
font-size: 35px;
}
}
.ftc-special-1-tabs-content .item-disc {
margin-bottom: 46px;
}
.ftc-special-1-tabs-content .item-btn-wrap {
display: grid;
grid-template-columns: 320px 1fr;
align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-special-1-tabs-content .item-btn-wrap {
grid-template-columns: 250px 1fr;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-special-1-tabs-content .item-btn-wrap {
grid-template-columns: 1fr;
gap: 30px;
}
}
.ftc-special-1-tabs-content .item-btn-wrap .ftc-btn-1 {
justify-self: self-start;
}
.ftc-special-1-tabs-content .item-img {
perspective: 2000px;
transform-style: preserve-3d;
perspective: 2000px;
transform-style: preserve-3d;
display: grid;
grid-template-columns: 2.5fr 1.5fr;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-special-1-tabs-content .item-img {
margin-top: 50px;
}
}
.ftc-special-1-tabs-content .item-img-1 {
transform: rotateY(75deg) translateZ(700px);
opacity: 0;
transition: 1s var(--cube-1);
transform-origin: left;
}
.ftc-special-1-tabs-content .item-img-1 img {
width: 100%;
}
.ftc-special-1-tabs-content .item-img-2 {
position: relative;
left: -81px;
transition: 1s var(--cube-1);
transform: rotateY(75deg) translateZ(500px);
opacity: 0;
transition-delay: 0.3s;
transform-origin: right;
}
@media (max-width: 767px) {
.ftc-special-1-tabs-content .item-img-2 {
left: -10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-special-1-tabs-content .item-img-2 {
left: -44px;
}
}
.ftc-special-1-tabs-content:is(.active) .tab-pane:is(.show) .item-img .item-img-1 {
transform: rotateY(-20deg) translateZ(0px);
opacity: 1;
}
.ftc-special-1-tabs-content:is(.active) .tab-pane:is(.show) .item-img .item-img-2 {
transform: rotateY(20deg) translateZ(-80px);
opacity: 1;
}
.ftc-special-1-counter {
position: relative;
z-index: 1;
}
.ftc-special-1-counter .number {
font-size: 80px;
line-height: 1;
font-family: var(--ftc-unbounded);
font-weight: 900;
-webkit-text-stroke: 1px #fff;
color: transparent;
margin-bottom: 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) {
.ftc-special-1-counter .number {
font-size: 70px;
}
}
.ftc-special-1-counter .disc {
background: #691F7D;
display: inline-block;
padding: 0 15px;
line-height: 1.3;
font-weight: 500;
text-transform: capitalize;
position: absolute;
top: 13px;
left: 10px;
}
/*
special-1-end
*/
/*
brand-1-start
*/
.ftc-brand-1-area {
background: transparent;
}
.ftc-brand-1-item {
padding-bottom: 20px;
transform-origin: top left;
transition: 200ms var(--cube-2);
}
.ftc-brand-1-item:hover {
transform: rotate(8deg);
}
/*
brand-1-end
*/
/*
brand-3-start
*/
.ftc-brand-3-area {
position: relative;
z-index: 1;
}
.ftc-brand-3-area::after {
content: "";
width: 51%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #15112C;
z-index: -2;
}
@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) {
.ftc-brand-3-area::after {
width: 55%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-brand-3-area::after {
width: 100%;
height: 400px;
top: unset;
bottom: 0;
}
}
.ftc-brand-3-area::before {
content: "";
width: 51%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: radial-gradient(circle, rgba(2, 0, 36, 0) 10%, rgb(21, 17, 44) 90%);
z-index: 1;
}
@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) {
.ftc-brand-3-area::before {
width: 55%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-brand-3-area::before {
width: 100%;
height: 400px;
top: unset;
bottom: 0;
}
}
.ftc-brand-3-img {
position: absolute;
width: 28%;
text-align: right;
bottom: 0;
left: 0;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-brand-3-img {
display: none;
}
}
.ftc-brand-3-scn-title {
margin-bottom: 374px;
padding-top: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-brand-3-scn-title {
margin-bottom: 50px;
}
}
.ftc-brand-3-content .text-right {
text-align: right;
}
.ftc-brand-3-row {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 195px;
margin-right: -170px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.ftc-brand-3-row {
margin-right: 0px;
}
}
@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) {
.ftc-brand-3-row {
margin-right: 0px;
gap: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-brand-3-row {
margin-right: 0px;
gap: 50px;
grid-template-columns: 1fr;
}
}
.ftc-brand-3-logo-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
height: 940px;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-brand-3-logo-wrap {
height: 400px;
}
}
.ftc-brand-3-logo-wrap .logo-item {
display: flex;
justify-content: center;
align-items: center;
max-width: 240px;
height: 110px;
border: 1px solid rgba(255, 255, 255, 0.05);
background: #15112C;
border-radius: 14px;
padding: 10px;
}
.ftc-brand-3-logo-wrap .logo-item:not(:last-child) {
margin-bottom: 15px;
}
/*
brand-3-end
*/
/*
team-2-start
*/
.ftc-team-2-area {
background: transparent;
}
.ftc-team-2-scn-title {
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
.ftc-team-2-row {
display: flex;
gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-team-2-row {
flex-wrap: wrap;
}
}
.ftc-team-2-item {
border: 1px solid #502e64;
border-radius: 10px;
padding: 30px;
padding-bottom: 0;
position: relative;
z-index: 1;
transition: 500ms var(--cube-1);
width: 23%;
overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-team-2-item {
padding: 10px;
padding-bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-team-2-item {
width: 100%;
}
}
.ftc-team-2-item .bg-shape {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: 500ms var(--cube-1);
}
.ftc-team-2-item .item-img {
height: 100%;
display: flex;
align-items: end;
max-width: 225px;
overflow: hidden;
}
.ftc-team-2-item .item-qoute {
font-size: 30px;
margin-bottom: 4px;
}
.ftc-team-2-item .item-name {
font-size: 22px;
font-style: italic;
margin-bottom: 8px;
}
.ftc-team-2-item .item-disc {
font-weight: 300;
text-transform: capitalize;
margin-bottom: 9px;
}
.ftc-team-2-item .item-btn {
width: 60px;
height: 60px;
background: var(--ftc-pr-1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
font-size: 22px;
position: absolute;
right: -100px;
top: 25px;
opacity: 0;
visibility: hidden;
transition: 500ms var(--cube-1);
transition-delay: 0;
z-index: 1;
}
.ftc-team-2-item .item-btn:hover {
transition-delay: 0;
transition: 300ms var(--cube-1);
background: #000;
color: #fff;
}
.ftc-team-2-item .item-expri {
position: absolute;
right: -100px;
bottom: 25px;
opacity: 0;
visibility: hidden;
transition: 500ms var(--cube-1);
transition-delay: 0;
}
.ftc-team-2-item .item-expri .title {
font-size: 88px;
font-family: var(--ftc-unbounded);
line-height: 1;
color: #dddddd;
margin-bottom: 0px;
}
@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) {
.ftc-team-2-item .item-expri .title {
font-size: 48px;
}
}
.ftc-team-2-item .item-expri .disc {
font-family: --ftc-unbounded;
color: #dddddd;
line-height: 1;
margin-bottom: 0;
font-size: 21px;
}
.ftc-team-2-item-hover {
position: absolute;
top: 50%;
right: -100px;
transform: translateY(-50%);
width: 100%;
padding-left: 255px;
opacity: 0;
visibility: hidden;
transition: 500ms var(--cube-1);
transition-delay: 0s;
z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-team-2-item-hover {
padding-left: 225px;
}
}
@media (max-width: 767px) {
.ftc-team-2-item-hover {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-team-2-item-hover {
display: block;
}
}
.ftc-team-2-item-social {
gap: 5px 15px;
}
.ftc-team-2-item-social a {
font-size: 22px;
transition: 400ms var(--cube-1);
line-height: 1;
}
.ftc-team-2-item-social a:hover {
color: var(--ftc-pr-1);
}
.ftc-team-2-item:is(.active) {
width: 50%;
border-color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-team-2-item:is(.active) {
width: 100%;
}
}
.ftc-team-2-item:is(.active) .ftc-team-2-item-hover {
right: 0;
opacity: 1;
visibility: visible;
transition-delay: 0.3s;
}
.ftc-team-2-item:is(.active) .bg-shape {
opacity: 1;
visibility: visible;
}
.ftc-team-2-item:is(.active) .item-expri {
right: 15px;
opacity: 1;
visibility: visible;
transition-delay: 0.5s;
}
.ftc-team-2-item:is(.active) .item-btn {
right: 35px;
opacity: 1;
visibility: visible;
transition-delay: 0.5s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-team-2-item:not(.active) {
width: 50%;
border-color: transparent;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px), only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 767px) and (max-width: 767px) {
.ftc-team-2-item:not(.active) {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-team-2-item:not(.active) .ftc-team-2-item-hover {
right: 0;
opacity: 1;
visibility: visible;
transition-delay: 0.3s;
}
.ftc-team-2-item:not(.active) .bg-shape {
opacity: 1;
visibility: visible;
}
.ftc-team-2-item:not(.active) .item-expri {
right: 15px;
opacity: 1;
visibility: visible;
transition-delay: 0.5s;
}
.ftc-team-2-item:not(.active) .item-btn {
right: 35px;
opacity: 1;
visibility: visible;
transition-delay: 0.5s;
}
}
.ftc-team-2-all-link {
font-weight: 500;
}
.ftc-team-2-all-link a {
display: inline-block;
text-decoration: underline;
transition: 200ms var(--cube-1);
}
.ftc-team-2-all-link a:hover {
color: var(--ftc-pr-1);
transform: translateX(5px);
transform-origin: left;
}
/*
team-2-end
*/
/*
team-3-start
*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-team-3-scn-title {
flex-wrap: wrap;
}
}
.ftc-team-3-scn-title .left {
max-width: 550px;
}
.ftc-team-3-scn-title .right {
max-width: 450px;
}
.ftc-team-3-membar-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
padding-left: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-team-3-membar-wrap {
grid-template-columns: 1fr 1fr;
padding-left: 0px;
}
}
@media (max-width: 767px) {
.ftc-team-3-membar-wrap {
grid-template-columns: 1fr;
padding-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-team-3-membar-wrap {
grid-template-columns: 1fr 1fr;
padding-left: 0px;
}
}
.ftc-team-3-membar {
position: relative;
z-index: 1;
padding-top: 125px;
margin-left: -80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-team-3-membar {
margin-left: 0px;
}
}
.ftc-team-3-membar .main-img {
display: flex;
justify-content: center;
align-items: end;
height: 100%;
}
.ftc-team-3-membar .content {
display: inline-block;
padding-top: 20px;
padding-left: 18px;
padding-right: 50px;
padding-bottom: 82px;
background: round;
position: absolute;
top: 10%;
right: -35px;
transition: 500ms var(--cube-2);
opacity: 0;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-team-3-membar .content {
right: 0px;
}
}
.ftc-team-3-membar .membar-name {
font-size: 30px;
line-height: 1.13;
margin-bottom: 6px;
transition: 300ms var(--cube-1);
}
.ftc-team-3-membar .membar-name:hover {
color: var(--ftc-pr-2);
transform: scaleX(95%);
}
.ftc-team-3-membar .membar-bio {
font-size: 16px;
line-height: 26px;
margin-bottom: 18px;
}
.ftc-team-3-membar .ftc-social-link-1 {
gap: 20px;
}
@media (max-width: 767px) {
.ftc-team-3-membar .ftc-social-link-1 {
gap: 10px;
}
}
.ftc-team-3-membar .ftc-social-link-1 .this-link {
width: 42px;
height: 42px;
background: transparent;
border: 1px solid #fff;
color: #fff;
}
.ftc-team-3-membar .ftc-social-link-1 .this-link:hover {
border-color: transparent;
background: var(--ftc-pr-2);
color: #fff;
}
.ftc-team-3-membar:hover .content {
top: 0;
opacity: 1;
}
.ftc-team-3-membar:nth-last-child(1) .content {
right: 0;
}
/*
team-3-end
*/
/*
feh-team-5-start
*/
.feh-team-3-area {
padding: 130px 0 125px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-team-3-area {
padding: 100px 0;
}
}
.feh-team-3-title-wrap {
max-width: 685px;
text-align: center;
margin: 0 auto;
}
.feh-team-3-wrap {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feh-team-3-wrap {
grid-template-columns: repeat(2, 1fr);
gap: 40px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-team-3-wrap {
grid-template-columns: repeat(2, 1fr) !important;
gap: 40px 30px !important;
}
}
@media (max-width: 767px) {
.feh-team-3-wrap {
grid-template-columns: repeat(1, 1fr);
gap: 40px 30px;
}
}
.feh-team-3-card {
max-width: 350px;
margin: 0 auto;
border-radius: 20px;
padding-bottom: 10px;
position: relative;
transition: all 0.3s ease;
}
.feh-team-3-card::after {
content: "";
position: absolute;
width: 100%;
height: 0%;
background-color: var(--ftc-pr-1);
bottom: 0;
left: 0;
z-index: -1;
border-radius: 20px;
transition: all 0.7s ease;
}
.feh-team-3-card:hover::after {
height: 100%;
}
.feh-team-3-card .img-wrap {
display: flex;
justify-content: center;
}
.feh-team-3-card .img-wrap img {
border-radius: 20px;
width: 100%;
object-fit: cover;
}
.feh-team-3-card .ftc-heading-1 {
font-size: 25px;
font-weight: 700;
text-align: center;
margin-top: 25px;
}
.feh-team-3-card .social-media {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
margin-top: 16px;
}
.feh-team-3-card .social-media .social-link {
color: var(--ftc-pr-color);
transition: all 0.4s ease;
}
.feh-team-3-card .social-media .social-link:hover {
color: #fff;
}
/*
feh-team-5-end
*/
.has-bg-white {
background: #fff;
}
.ftc-team-2-area {
position: relative;
overflow: hidden;
}
.feh-team-2-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -221px;
top: 39px;
background: #C4F017;
opacity: 0.2;
filter: blur(250px);
-webkit-filter: blur(250px);
}
.feh-team-2-shape-2 {
position: absolute;
width: 608px;
height: 608px;
right: -221px;
bottom: -384px;
background: #C4F017;
opacity: 0.15;
filter: blur(250px);
-webkit-filter: blur(250px);
}
/*
feh team page 3 start
*/
.ftc-team-3-membar:is(.feh-t3-page) .this-link {
color: #222627;
border: 1px solid #222627;
}
.ftc-team-3-membar:is(.feh-t3-page) .this-link:hover {
background-color: #222627;
color: var(--ftc-pr-1);
}
/*
feh tam page 3 end
*/
/*
feh team details start
*/
.feh-team-details-area {
padding: 135px 0 105px 0;
position: relative;
}
@media (max-width: 767px) {
.feh-team-details-area {
padding: 80px 0;
}
}
.feh-team-details-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -134px;
top: 0;
background: #C4F017;
opacity: 0.2;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-team-details-shape-2 {
position: absolute;
width: 608px;
height: 608px;
right: -334px;
bottom: -20px;
background: #C4F017;
opacity: 0.15;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-team-details-wrap {
background: #F4F4F6;
border-radius: 20px;
padding: 48px;
border-radius: 20px;
display: grid;
grid-template-columns: 0.9fr 1.1fr;
gap: 52px;
max-width: 1350px;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-team-details-wrap {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.feh-team-details-wrap {
padding: 30px 20px;
}
}
.feh-team-details-wrap .img-wrap img {
border-radius: 18px;
}
.feh-team-details-wrap .content .title {
font-weight: 700;
font-size: 18px;
line-height: 26px;
letter-spacing: 0.04em;
text-transform: uppercase;
margin-bottom: 15px;
}
.feh-team-details-wrap .content .name {
font-weight: 700;
font-size: 52px;
line-height: 62px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.feh-team-details-wrap .content .name {
font-size: 32px;
line-height: 40px;
}
}
.feh-team-details-wrap .content .list {
margin-top: 25px;
}
.feh-team-details-wrap .content .list .list-item {
display: flex;
align-items: center;
gap: 18px;
}
.feh-team-details-wrap .content .list .list-item:not(:last-child) {
margin-bottom: 20px;
}
.feh-team-details-wrap .content .list .list-item i {
width: 48px;
height: 48px;
border-radius: 100%;
border: 1px solid #222627;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #222627;
transition: all 0.3s ease;
}
.feh-team-details-wrap .content .list .list-item i:hover {
background-color: #C4F017;
border-color: #C4F017;
}
@media (max-width: 767px) {
.feh-team-details-wrap .content .list .list-item .text {
width: 77%;
}
}
.feh-team-details-wrap .content .list .list-item a {
transition: all 0.3s ease;
}
.feh-team-details-wrap .content .list .list-item a:hover {
color: #C4F017;
}
.feh-team-details-wrap .content .btn-wrap {
margin-top: 30px;
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.feh-team-details-wrap .content .btn-wrap .social-btn {
padding: 13px 20px;
border: 1px solid #222627;
border-radius: 10px;
transition: all 0.3s ease;
}
.feh-team-details-wrap .content .btn-wrap .social-btn .icon {
font-size: 18px;
color: #222627;
margin-right: 4px;
}
.feh-team-details-wrap .content .btn-wrap .social-btn .text {
color: #030617;
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 30px;
}
.feh-team-details-wrap .content .btn-wrap .social-btn:hover {
background: #C4F017;
border-color: #C4F017;
}
/*
feh team details end
*/
/*
achieve-1-start
*/
.ftc-achieve-counter-1-row {
gap: 30px;
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) {
.ftc-achieve-counter-1-row {
justify-content: center;
}
}
.ftc-achieve-counter-1-item {
gap: 16px;
max-width: 380px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-achieve-counter-1-item {
max-width: 340px;
}
}
@media (max-width: 767px) {
.ftc-achieve-counter-1-item {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-achieve-counter-1-item {
flex-wrap: nowrap;
}
}
.ftc-achieve-counter-1-item .item-number {
font-size: 70px;
line-height: 1;
font-family: var(--ftc-unbounded);
color: #fff;
margin-bottom: 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) {
.ftc-achieve-counter-1-item .item-number {
font-size: 60px;
}
}
.ftc-achieve-counter-1-item .item-title {
font-size: 20px;
line-height: 27px;
font-family: var(--ftc-unbounded);
color: #fff;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-achieve-counter-1-item .item-title {
font-size: 18px;
}
}
/*
achieve-1-end
*/
/*
achieve-2-start
*/
.ftc-achieve-counter-3-area {
background: var(--ftc-gd-1);
}
.ftc-achieve-counter-3-row {
max-width: 1590px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
gap: 100px;
}
@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) {
.ftc-achieve-counter-3-row {
gap: 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) {
.ftc-achieve-counter-3-row {
gap: 30px;
flex-wrap: wrap;
justify-content: center;
}
}
.ftc-achieve-counter-3-item {
gap: 20px;
}
.ftc-achieve-counter-3-item .item-number {
font-size: 80px;
line-height: 1;
color: transparent;
-webkit-text-stroke: 1px #fff;
}
.ftc-achieve-counter-3-item .item-number span {
line-height: 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) {
.ftc-achieve-counter-3-item .item-number {
font-size: 50px;
}
}
.ftc-achieve-counter-3-item .item-title {
color: #fff;
font-size: 20px;
line-height: 30px;
font-weight: 500;
}
/*
achieve-2-end
*/
/*
achieve-4-start
*/
.ftc-achieve-4-area {
position: relative;
z-index: 1;
}
.ftc-achieve-4-shape-1 {
display: inline-block;
width: 160px;
height: 160px;
border-radius: 50%;
background: var(--ftc-gd-2);
position: absolute;
left: -80px;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.ftc-achieve-4-shape-2 {
display: inline-block;
width: 160px;
height: 160px;
border-radius: 50%;
background: var(--ftc-gd-2);
position: absolute;
right: -80px;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.ftc-achieve-4-container {
max-width: 1720px;
margin-left: auto;
margin-right: auto;
padding: 0 25px;
}
.ftc-achieve-4-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 35px 100px;
border-radius: 200px;
background: var(--ftc-gd-2);
gap: 30px;
flex-wrap: wrap;
}
@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) {
.ftc-achieve-4-row {
padding: 35px 40px;
}
}
@media (max-width: 767px) {
.ftc-achieve-4-row {
padding: 35px 20px;
border-radius: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-achieve-4-row {
padding: 35px 40px;
border-radius: 40px;
}
}
.ftc-achieve-4-item {
display: flex;
align-items: center;
gap: 20px;
}
.ftc-achieve-4-item .icon {
width: 77px;
height: 88px;
background: var(--ftc-gd-2);
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: #fff;
flex: 0 0 auto;
clip-path: polygon(50% 0%, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
}
.ftc-achieve-4-item .number {
font-size: 50px;
font-weight: 900;
line-height: 1;
margin-bottom: 5px;
}
@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) {
.ftc-achieve-4-item .number {
font-size: 40px;
}
}
.ftc-achieve-4-item:hover .icon {
animation: wobble-vertical 1s ease-in-out;
}
/*
achieve-4-end
*/
/*
team 3 page achiev start
*/
.ftc-achieve-counter-3-area:is(.feh-t3-page) {
background: var(--ftc-pr-1);
}
.ftc-achieve-counter-3-area:is(.feh-t3-page) .ftc-achieve-counter-3-item .item-number {
-webkit-text-stroke: 2px #222627;
}
.ftc-achieve-counter-3-area:is(.feh-t3-page) .ftc-achieve-counter-3-item .item-title {
color: #222627;
}
/*
team 3 page achiev start
*/
/*
faq-1-start
*/
.ftc-faq-1-area {
background-color: #14133D;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-faq-1-area {
padding-bottom: 140px;
}
}
.ftc-faq-1-left {
background: #f8f8f8;
border-radius: 10px;
padding: 70px 60px;
padding-right: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-faq-1-left {
padding: 70px 30px;
padding-right: 30px;
}
}
.ftc-accordion-1-item:not(:last-child) {
border-bottom: 1px solid #000;
}
.ftc-accordion-1-item .item-title {
font-size: 23px;
transition: 400ms var(--cube-1);
background: transparent;
text-align: left;
line-height: 1.56;
display: flex;
gap: 15px;
justify-content: space-between;
width: 100%;
padding: 20px 0;
}
@media (max-width: 767px) {
.ftc-accordion-1-item .item-title {
font-size: 18px;
}
}
.ftc-accordion-1-item .item-title .icon {
display: inline-block;
font-size: 18px;
color: #FF3838;
transition: 500ms var(--cube-2);
}
.ftc-accordion-1-item .item-title:is(:not(.collapsed)) .icon {
transform: rotate(360deg);
}
.ftc-accordion-1-item .item-title:is(:not(.collapsed)) .icon i::before {
content: "\f068";
}
.ftc-accordion-1-item .item-body .disc {
color: #646464;
padding-bottom: 20px;
padding-right: 10px;
}
/*
faq-1-end
*/
.feh-faq-area {
padding: 125px 0 135px 0;
position: relative;
}
@media (max-width: 767px) {
.feh-faq-area {
padding: 80px 0;
}
}
.feh-faq-shape-1 {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-faq-shape-1 {
bottom: 0;
top: auto;
height: 100%;
left: -200px;
}
}
.feh-faq-shape-2 {
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-faq-shape-2 {
bottom: auto;
top: 0;
height: 100%;
right: -200px;
}
}
.feh-faq-wrap {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 44px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-faq-wrap {
grid-template-columns: 1fr;
}
}
.feh-faq-right .accordion {
border: none;
}
.feh-faq-right .accordion-item {
background: #FFFFFF;
border: 1px solid #DFDDE4;
border-radius: 8px;
}
.feh-faq-right .accordion-item:not(:last-child) {
margin-bottom: 15px;
}
.feh-faq-right .accordion-item .accordion-collapse {
border-bottom: 1px solid #C4F017;
border-left: 1px solid #C4F017;
border-right: 1px solid #C4F017;
}
.feh-faq-right .accordion-button {
display: flex;
gap: 20px;
align-items: center;
outline: none;
position: relative;
border-radius: 8px 8px 0 0;
padding: 23px 20px;
}
.feh-faq-right .accordion-button .title {
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #222627;
transition: 0.15s ease-in-out;
}
.feh-faq-right .accordion-button .icon-1 {
color: #959595;
transition: 0.15s ease-in-out;
}
.feh-faq-right .accordion-button .icon-2 {
margin-left: auto;
color: #000;
transform: rotate(0deg);
transition: 0.15s ease-in-out;
}
.feh-faq-right .accordion-button::before {
position: absolute;
content: "";
width: 95%;
height: 1px;
background: #C4F017;
bottom: -2px;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
transition: 0.15s ease-in-out;
}
.feh-faq-right .accordion-button:is(:not(.collapsed)) {
border-top: 1px solid #C4F017;
border-left: 1px solid #C4F017;
border-right: 1px solid #C4F017;
transition: 0s ease;
}
.feh-faq-right .accordion-button:is(:not(.collapsed)) .title {
color: #1A3ECF;
}
.feh-faq-right .accordion-button:is(:not(.collapsed)) .icon-1 {
color: #C4F017;
}
.feh-faq-right .accordion-button:is(:not(.collapsed)) .icon-2 {
color: #ff0000;
transform: rotate(90deg);
}
.feh-faq-right .accordion-button:is(:not(.collapsed))::before {
opacity: 1;
visibility: visible;
}
.feh-faq-right .accordion-button::after {
display: none;
}
.feh-faq-right .accordion-button:focus {
box-shadow: none;
}
.feh-faq-right .accordion-button:not(.collapsed) {
background-color: transparent;
box-shadow: none;
}
.feh-faq-right .accordion-button:is(.collapsed) {
background: transparent;
}
/*
footer-1-start
*/
.ftc-footer-1-area {
background: #161616;
}
.ftc-footer-1-top {
padding: 35px 0;
gap: 35px;
}
.ftc-footer-1-top .title {
font-size: 27px;
margin-left: auto;
}
@media (max-width: 767px) {
.ftc-footer-1-top .title {
margin-left: unset;
}
}
.ftc-footer-1-line {
width: 100%;
transform: scaleX(0);
height: 2px;
background: #313030;
transition: 2s var(--cube-2);
}
.ftc-footer-1-line:is(.has-origin-left) {
transform-origin: left;
}
.ftc-footer-1-line:is(.has-origin-right) {
transform-origin: right;
}
.ftc-footer-1-line:is(.active) {
transform: scaleX(1);
}
.ftc-footer-1-widget-wrap {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
gap: 50px 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-footer-1-widget-wrap {
gap: 50px 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-footer-1-widget-wrap {
gap: 50px 30px;
grid-template-columns: 2fr 1fr 1fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-footer-1-widget-wrap {
gap: 50px 30px;
grid-template-columns: 2fr 1fr 1fr;
}
}
@media (max-width: 767px) {
.ftc-footer-1-widget-wrap {
gap: 50px 30px;
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-footer-1-widget-wrap {
gap: 50px 30px;
grid-template-columns: 2fr 1fr;
}
}
.ftc-footer-1-widget-title {
font-size: 25px;
line-height: 1.4;
margin-bottom: 15px;
}
.ftc-footer-1-menu li:not(:last-child) {
margin-bottom: 5px;
}
.ftc-footer-1-menu .menu-link {
font-size: 18px;
color: #dcdcdc;
display: inline-block;
transition: 400ms var(--cube-1);
position: relative;
z-index: 1;
}
.ftc-footer-1-menu .menu-link::after {
content: "";
width: 0%;
height: 100%;
background-color: var(--ftc-pr-1);
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 10%;
transition: 400ms var(--cube-1);
}
.ftc-footer-1-menu .menu-link:hover {
color: var(--ftc-pr-1);
transform: translateX(3px);
}
.ftc-footer-1-menu .menu-link:hover::after {
width: 100%;
}
.ftc-footer-1-bottom {
gap: 20px;
}
.ftc-footer-1-copyright {
font-weight: 500;
}
.ftc-footer-1-copyright a {
display: inline-block;
transition: 400ms var(--cube-1);
}
.ftc-footer-1-copyright a:hover {
color: var(--ftc-pr-1);
}
.ftc-social-link-1 {
gap: 8px;
}
.ftc-social-link-1 .this-link {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
flex: 0 0 auto;
font-size: 18px;
color: #000;
transition: 400ms var(--cube-1);
}
.ftc-social-link-1 .this-link:hover {
background-color: var(--ftc-pr-1);
transform: scale(95%);
}
.ftc-newslatter-1 {
position: relative;
z-index: 1;
}
.ftc-newslatter-1 input {
width: 100%;
height: 64px;
border-radius: 30px;
border: none;
outline: none;
padding-left: 20px;
padding-right: 80px;
font-size: 16px;
color: #959595;
font-family: var(--ftc-pr-font);
}
.ftc-newslatter-1 .this-btn {
position: absolute;
right: 0;
top: 0;
width: 65px;
height: 100%;
background: var(--ftc-pr-1);
border-radius: 0 30px 30px 0;
font-size: 20px;
color: #000;
transition: 400ms var(--cube-1);
}
.ftc-newslatter-1 .this-btn:hover {
width: 70px;
}
/*
footer-1-end
*/
/*
footer-2-start
*/
.ftc-footer-2-area {
background: transparent;
position: relative;
z-index: 1;
padding-top: 250px;
margin-top: -170px;
}
.ftc-footer-2-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.ftc-footer-2-widget-wrap {
display: grid;
grid-template-columns: 2fr auto auto;
gap: 50px 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-footer-2-widget-wrap {
gap: 50px 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-footer-2-widget-wrap {
grid-template-columns: 2fr 1fr;
}
}
@media (max-width: 767px) {
.ftc-footer-2-widget-wrap {
grid-template-columns: 1fr;
}
}
.ftc-footer-2-widget-title {
font-size: 20px;
margin-bottom: 17px;
}
.ftc-footer-2-widget .widget-disc {
font-size: 20px;
font-weight: 500;
color: #d5d5d5;
margin-bottom: 28px;
}
.ftc-footer-2-widget .footer-call-btn {
font-size: 24px;
color: #fff;
line-height: 1;
gap: 10px;
transition: 400ms var(--cube-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) {
.ftc-footer-2-widget .footer-call-btn {
font-size: 20px;
}
}
.ftc-footer-2-widget .footer-call-btn i {
font-size: 30px;
display: inline-block;
}
.ftc-footer-2-widget .footer-call-btn:hover {
color: var(--ftc-pr-1);
}
.ftc-footer-2-widget .footer-call-btn:hover i {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-footer-2-widget .hello {
font-size: 30px;
font-weight: 300;
margin-bottom: 8px;
}
.ftc-footer-2-widget .contact-link {
font-size: 40px;
font-weight: 700;
transition: 400ms var(--cube-1);
margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-footer-2-widget .contact-link {
font-size: 30px;
}
}
.ftc-footer-2-widget .footer-social {
gap: 20px 30px;
}
.ftc-footer-2-widget .footer-social .social-link {
font-size: 20px;
font-weight: 700;
color: #fff;
gap: 10px;
transition: 400ms var(--cube-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) {
.ftc-footer-2-widget .footer-social .social-link {
font-size: 18px;
}
}
.ftc-footer-2-widget .footer-social .social-link i {
font-size: 25px;
}
.ftc-footer-2-widget .footer-social .social-link:hover {
color: var(--ftc-pr-1);
}
.ftc-footer-2-widget .footer-social .social-link:hover i {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-footer-2-widget .ftc-footer-1-menu li {
position: relative;
z-index: 1;
}
.ftc-footer-2-widget .ftc-footer-1-menu li:not(:last-child) {
border-bottom: 1px solid #2b2b2b;
}
.ftc-footer-2-widget .ftc-footer-1-menu li:not(:last-child)::after {
content: "";
position: absolute;
bottom: 0;
left: auto;
height: 1px;
width: 0%;
right: 0;
background-color: var(--ftc-pr-1);
transition: 400ms var(--cube-2);
}
.ftc-footer-2-widget .ftc-footer-1-menu li .menu-link {
font-size: 16px;
padding: 9px 0;
}
.ftc-footer-2-widget .ftc-footer-1-menu li .menu-link::after {
display: none;
}
.ftc-footer-2-widget .ftc-footer-1-menu li:hover::after {
width: 100%;
left: 0;
right: auto;
}
.ftc-footer-2-copyright {
color: #fff;
font-weight: 500;
font-size: 17px;
}
/*
footer-2-end
*/
/*
footer-3-start
*/
.ftc-footer-3-top {
gap: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-footer-3-top {
gap: 30px;
flex-wrap: wrap;
}
}
.ftc-footer-3-disc {
color: #fff;
max-width: 540px;
margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-footer-3-disc {
margin-left: unset;
}
}
.ftc-footer-3-social .title {
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
}
.ftc-footer-3-social .ftc-social-link-1 {
gap: 15px;
}
.ftc-footer-3-social .ftc-social-link-1 .this-link {
background: #454753;
color: #fff;
}
.ftc-footer-3-social .ftc-social-link-1 .this-link:hover {
background: var(--ftc-pr-2);
}
.ftc-footer-3-line {
width: 100%;
transform: scaleX(0);
height: 2px;
background: var(--ftc-gd-1);
transition: 2s var(--cube-2);
opacity: 30%;
}
.ftc-footer-3-line:is(.has-origin-left) {
transform-origin: left;
}
.ftc-footer-3-line:is(.has-origin-right) {
transform-origin: right;
}
.ftc-footer-3-line:is(.active) {
transform: scaleX(1);
}
.ftc-footer-3-widget-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 2fr;
gap: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-footer-3-widget-wrap {
gap: 45px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-footer-3-widget-wrap {
gap: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-footer-3-widget-wrap {
grid-template-columns: 1fr 1fr;
gap: 50px;
}
}
@media (max-width: 767px) {
.ftc-footer-3-widget-wrap {
grid-template-columns: 1fr;
gap: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-footer-3-widget-wrap {
grid-template-columns: 1fr 1fr;
gap: 50px;
}
}
.ftc-footer-3-widget-title {
font-size: 26px;
line-height: 1.46;
margin-bottom: 30px;
}
.ftc-footer-3-menu li a {
font-size: 18px;
font-family: var(--roboto);
line-height: 30px;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
position: relative;
z-index: 1;
transition: 400ms var(--cube-1);
}
.ftc-footer-3-menu li a i {
opacity: 50%;
transition: 400ms var(--cube-1);
display: inline-block;
}
.ftc-footer-3-menu li a::after {
content: "";
width: 0%;
height: 1px;
background: var(--ftc-gd-1);
position: absolute;
bottom: 0;
left: auto;
right: 0;
transition: 400ms var(--cube-1);
}
.ftc-footer-3-menu li a:hover {
color: var(--ftc-pr-2);
}
.ftc-footer-3-menu li a:hover i {
transform: rotate(45deg);
opacity: 1;
}
.ftc-footer-3-menu li a:hover::after {
left: 0;
right: auto;
width: 100%;
}
.ftc-footer-3-contact .title {
text-decoration: underline;
margin-bottom: 15px;
display: inline-block;
}
.ftc-footer-3-contact .disc {
font-size: 18px;
line-height: 24px;
color: #fff;
opacity: 90%;
gap: 10px;
margin-bottom: 15px;
}
.ftc-footer-3-contact .disc i {
display: inline-block;
margin-top: 4px;
background: var(--ftc-gd-1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ftc-footer-3-contact a {
display: inline-block;
transition: 400ms var(--cube-1);
}
.ftc-footer-3-contact a:hover {
color: var(--ftc-pr-2);
}
.ftc-footer-3-gallery {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 15px;
}
.ftc-footer-3-gallery .gallery-item {
display: inline-block;
position: relative;
z-index: 1;
}
.ftc-footer-3-gallery .gallery-item::after {
content: "";
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0;
transform: scale(0);
transition: 400ms var(--cube-1);
}
.ftc-footer-3-gallery .gallery-item:hover::after {
transform: scale(1);
opacity: 1;
border-radius: 0;
opacity: 0.2;
}
.ftc-footer-3-copyright {
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-footer-3-copyright {
justify-content: center;
}
}
.ftc-footer-3-copyright .copyright-text {
font-size: 16px;
line-height: 30px;
color: #fff;
font-family: var(--roboto);
opacity: 70%;
}
.ftc-footer-3-copyright .copyright-link {
gap: 10px 70px;
}
.ftc-footer-3-copyright .copyright-link a {
display: block;
font-family: var(--roboto);
color: #fff;
opacity: 70%;
transition: 400ms var(--cube-1);
}
.ftc-footer-3-copyright .copyright-link a:hover {
color: var(--ftc-pr-2);
opacity: 1;
}
/*
footer-3-end
*/
/*
footer-4-start
*/
.ftc-footer-4-top {
gap: 20px;
}
.ftc-footer-4-top-menu {
display: flex;
align-items: center;
gap: 10px 50px;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-footer-4-top-menu {
gap: 10px 15px;
}
}
.ftc-footer-4-top-menu .links {
display: inline-block;
font-family: var(--saira);
font-weight: 500;
color: #fff;
transition: 300ms var(--cube-1);
}
.ftc-footer-4-top-menu .links:hover {
color: var(--ftc-pr-2);
transform: translateX(5px);
}
.ftc-footer-4-widget-wrap {
display: grid;
grid-template-columns: 3fr auto 1fr auto 1fr;
gap: 50px 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-footer-4-widget-wrap {
gap: 50px 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-footer-4-widget-wrap {
grid-template-columns: 2fr auto 1fr auto 1fr;
gap: 50px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ftc-footer-4-widget-wrap {
grid-template-columns: 2fr 1fr;
}
}
@media (max-width: 767px) {
.ftc-footer-4-widget-wrap {
grid-template-columns: 1fr;
}
}
.ftc-footer-4-widget-wrap .hr-line {
display: block;
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.2);
transition: 2s var(--cube-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-footer-4-widget-wrap .hr-line {
display: none;
}
}
.ftc-footer-4-widget-title {
font-size: 26px;
line-height: 1.46;
margin-bottom: 30px;
}
.ftc-footer-4-widget {
padding-top: 60px;
padding-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-footer-4-widget {
padding-top: 30px;
padding-bottom: 30px;
}
}
.ftc-footer-4-widget .ftc-footer-1-menu li:not(:last-child) {
margin-bottom: 15px;
}
.ftc-footer-4-widget .ftc-footer-1-menu .menu-link {
font-family: var(--roboto);
}
.ftc-footer-4-widget .ftc-footer-1-menu .menu-link::after {
background: var(--ftc-gd-2);
opacity: 20%;
}
.ftc-footer-4-widget .ftc-footer-1-menu .menu-link:hover {
color: var(--ftc-pr-2);
}
.ftc-footer-4-widget .ftc-footer-3-contact .disc i {
background: var(--ftc-gd-2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ftc-footer-4-brand-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 50px;
}
.ftc-footer-4-brand {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: left;
overflow: hidden;
}
.ftc-footer-4-brand .logo {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: 300ms var(--cube-1);
opacity: 80%;
}
.ftc-footer-4-brand .logo-clr {
transition: 300ms var(--cube-1);
opacity: 0;
}
.ftc-footer-4-brand:hover .logo {
transform: translateY(-170%);
}
.ftc-footer-4-brand:hover .logo-clr {
opacity: 1;
}
.ftc-footer-4-copyright {
font-size: 16px;
line-height: 26px;
opacity: 80%;
}
.ftc-footer-4-copyright p{
margin-bottom: 0;
}
.ftc-footer-4-line {
width: 100%;
transform: scaleX(0);
height: 1px;
background: rgba(255, 255, 255, 0.2);
transition: 2s var(--cube-2);
}
.ftc-footer-4-line:is(.has-origin-left) {
transform-origin: left;
}
.ftc-footer-4-line:is(.has-origin-right) {
transform-origin: right;
}
.ftc-footer-4-line:is(.active) {
transform: scaleX(1);
}
/*
footer-4-end
*/
.feh-capabil-3-area {
padding: 175px 0 145px 0;
}
@media (max-width: 767px) {
.feh-capabil-3-area {
padding: 140px 0 100px 0;
}
}
.feh-capabil-3-area:is(.active) .img-1-wrap, .feh-capabil-3-area:is(.active) .img-2-wrap {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.feh-capabil-3-left {
margin-left: -305px;
position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feh-capabil-3-left {
margin-left: -180px;
}
}
.feh-capabil-3-left .img-1-wrap {
margin-top: -267px;
position: absolute;
width: 100%;
transition: 9s cubic-bezier(0.175, 0.885, 0.32, 1.275);
clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-capabil-3-left .img-1-wrap {
position: static;
}
}
@media (max-width: 767px) {
.feh-capabil-3-left .img-1-wrap {
margin-top: -45px;
}
}
.feh-capabil-3-left .img-2-wrap {
position: absolute;
right: 0;
top: -100px;
clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
transition: 6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-delay: 1.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-capabil-3-left .img-2-wrap {
bottom: 0;
top: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feh-capabil-3-left .img-2-wrap {
max-width: 400px;
}
}
@media (max-width: 767px) {
.feh-capabil-3-left .img-2-wrap {
max-width: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-capabil-3-right {
margin-top: 50px;
}
}
.feh-capabil-3-right .ftc-section-title-1 {
color: #fff;
}
.feh-capabil-3-right .ftc-subtitle-1 {
color: #fff;
}
.feh-capabil-3-right .line {
background: #fff;
}
.feh-capabil-3-tab {
margin-right: 50px;
}
@media (max-width: 767px) {
.feh-capabil-3-tab {
margin-bottom: 30px;
}
}
.feh-capabil-3-tab-wrap {
margin-top: 60px;
}
.feh-capabil-3-tab .nav-link {
font-size: 28px;
font-weight: 700;
padding: 10px 25px;
border-radius: 50px;
color: #fff;
background: transparent;
transition: all 0.4s ease;
}
@media (max-width: 767px) {
.feh-capabil-3-tab .nav-link {
font-size: 22px;
}
}
.feh-capabil-3-tab .nav-link:is(.active) {
background: var(--ftc-pr-1);
color: var(--ftc-pr-color);
}
.feh-capabil-3-tab .nav-link:not(:last-child) {
margin-bottom: 5px;
}
.feh-capabil-3-tab .nav-link:hover {
background: var(--ftc-pr-1);
color: var(--ftc-pr-color);
}
.feh-capabil-3-tab-content .ftc-para-1 {
color: #fff;
}
.feh-capabil-3-btn-wrap {
margin-left: 270px;
margin-top: 65px;
}
@media (max-width: 767px) {
.feh-capabil-3-btn-wrap {
margin-left: 0;
}
}
.feh-need-3-area {
padding-top: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-need-3-area {
padding-top: 100px;
}
}
.feh-need-3-area:is(.active) .feh-need-3-left img {
clip-path: polygon(100% 0, 0% 0, 0% 100%, 100% 100%);
}
.feh-need-3-wrap {
display: grid;
grid-template-columns: 0.8fr 1fr;
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) {
.feh-need-3-wrap {
gap: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-need-3-wrap {
grid-template-columns: 1fr;
}
}
.feh-need-3-left img {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
transition: 4000ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.feh-need-3-right {
max-width: 620px;
}
.feh-need-3-right .ftc-para-1 {
padding-left: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-need-3-right .ftc-para-1 {
padding-left: 0px;
}
}
.feh-need-3-btn-wrap {
display: flex;
align-items: center;
gap: 24px;
margin-top: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-need-3-btn-wrap {
flex-direction: row !important;
align-items: center !important;
}
}
@media (max-width: 767px) {
.feh-need-3-btn-wrap {
flex-direction: column;
align-items: start;
}
}
.feh-need-3-btn-wrap .feh-ply-btn-1 {
width: 110px;
height: 110px;
background: #0d0c0e;
transition: 400ms var(--cube-1);
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
padding: 13px;
}
.feh-need-3-btn-wrap .feh-ply-btn-1:hover {
background: var(--ftc-pr-1);
}
.feh-exper-3-area {
padding-top: 30px;
}
.feh-exper-3-area:is(.active) .feh-exper-3-right img {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.feh-exper-3-area .feh-exper-line {
height: 50px;
width: 1px;
background: #adadad;
margin: 0 auto;
display: block;
transform: rotate(40deg) translate(-36px, 26px);
z-index: -1;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-exper-3-area .feh-exper-line {
display: none;
}
}
.feh-exper-3-wrap {
display: grid;
grid-template-columns: 0.8fr 1fr;
gap: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-exper-3-wrap {
gap: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-exper-3-wrap {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-exper-3-left {
order: 1;
}
}
.feh-exper-3-right img {
clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
transition: 4000ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.feh-exper-3-feature-wrap {
margin: 40px 0 35px 0;
display: grid;
grid-template-columns: 1fr 0.5fr 1fr;
gap: 10px;
}
@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), only screen and (min-width: 576px) and (max-width: 767px) {
.feh-exper-3-feature-wrap {
gap: 35px;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-exper-3-feature-wrap {
gap: 35px !important;
grid-template-columns: 1fr 1fr !important;
}
}
@media (max-width: 767px) {
.feh-exper-3-feature-wrap {
grid-template-columns: 1fr;
gap: 20px;
}
}
.feh-exper-3-feature-wrap .line {
width: 2px;
height: 60px;
border: 1px dashed #000;
transform: rotate(-40deg);
margin-left: 48px;
}
@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) {
.feh-exper-3-feature-wrap .line {
display: none;
}
}
.feh-exper-3-feature-item {
display: flex;
align-items: center;
gap: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-exper-3-feature-item {
flex-direction: column;
align-items: start;
}
}
.feh-exper-3-feature-item i {
font-size: 50px;
color: var(--ftc-pr-color);
}
.feh-exper-3-feature-item .ftc-heading-1 {
font-size: 23px;
}
.feh-solution-3-area {
padding: 160px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-solution-3-area {
padding: 100px 0;
}
}
.feh-solution-3-title-wrap {
max-width: 585px;
margin: 0 auto;
text-align: center;
}
.feh-solution-3-wrap {
margin-top: 70px;
display: flex;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-solution-3-wrap {
flex-direction: column-reverse;
align-items: start;
gap: 40px;
}
}
.feh-solution-3-left {
display: flex;
flex-direction: column;
gap: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-solution-3-left {
flex-direction: row;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-solution-3-left .img-wrap > img {
max-height: 230px;
object-fit: cover;
}
}
.feh-solution-3-tab {
width: 75%;
justify-content: space-between;
align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feh-solution-3-tab {
width: 83%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-solution-3-tab {
width: 90%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feh-solution-3-tab {
width: 100%;
gap: 40px;
}
}
@media (max-width: 767px) {
.feh-solution-3-tab {
width: 100%;
flex-direction: column;
gap: 40px;
}
}
.feh-solution-3-tab-btn-wrap {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
gap: 25px;
margin-top: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-solution-3-tab-btn-wrap {
margin-top: 45px;
}
}
@media (max-width: 767px) {
.feh-solution-3-tab-btn-wrap {
margin-top: 0px;
gap: 15px;
}
}
.feh-solution-3-tab-btn {
font-size: 40px;
font-weight: 700;
color: var(--ftc-pr-color);
background: transparent;
outline: none;
border: none;
padding: 12px 50px 12px 110px;
border-radius: 0 50px 50px 0;
position: relative;
z-index: 2;
transition: all 400ms ease;
}
@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) {
.feh-solution-3-tab-btn {
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) {
.feh-solution-3-tab-btn {
font-size: 30px;
}
}
@media (max-width: 767px) {
.feh-solution-3-tab-btn {
font-size: 22px;
}
}
.feh-solution-3-tab-btn::after {
position: absolute;
content: "";
width: 0%;
height: 100%;
background: var(--ftc-pr-1);
left: 0;
top: 0;
border-radius: 0 50px 50px 0;
z-index: -1;
transition: all 500ms ease;
}
.feh-solution-3-tab-btn:is(.active)::after {
width: 100%;
}
.feh-solution-3-tab-btn:hover::after {
width: 100%;
}
.feh-solution-3-tab-content {
max-width: 490px;
perspective: 2000px;
transform-style: preserve-3d;
}
.feh-solution-3-tab-content .fade:not(.show) {
transform: translate3d(0px, 0px, 0px) rotateY(-87.0849deg);
}
.feh-solution-3-tab-content .fade:is(.show) {
transform: translate3d(0px, 0px, 0px) rotateY(0deg);
transition: 0.5s 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) {
.feh-solution-3-tab-content {
max-width: 385px;
}
}
.feh-solution-3-tab-content .tab-content-item .ftc-heading-1 {
font-size: 25px;
font-weight: 700;
color: var(--ftc-pr-color);
margin: 30px 0 20px 0;
}
.feh-solution-3-tab-content .tab-content-item .ftc-para-1 {
margin-bottom: 20px;
}
.feh-solution-3-tab-content .img-wrap > img {
border-radius: 10px;
}
/*
*/
.feh-breadcrumb-area {
padding: 240px 0 180px 0;
border-bottom: 5px solid #C4F017;
background-color: #a6a6a6;
}
@media (max-width: 767px) {
.feh-breadcrumb-area {
padding: 170px 0 120px 0;
}
}
.feh-breadcrumb-title {
font-size: 70px;
line-height: 1.2;
color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-breadcrumb-title {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feh-breadcrumb-title {
font-size: 50px;
}
}
@media (max-width: 767px) {
.feh-breadcrumb-title {
font-size: 40px;
}
}
.feh-breadcrumb-btn {
margin-top: 30px;
font-size: 20px;
font-weight: 500;
padding: 15px 30px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(7.5px);
border-radius: 100px;
display: inline-block;
}
.feh-breadcrumb-btn a {
color: #fff;
position: relative;
margin-right: 20px;
padding-right: 25px;
transition: all 0.4s ease;
}
.feh-breadcrumb-btn a::after {
content: "\f356";
position: absolute;
font-family: "Font Awesome 6 Pro";
right: -15px;
top: 55%;
transform: translateY(-50%);
font-size: 14px;
color: var(--ftc-pr-1);
}
.feh-breadcrumb-btn a::before {
content: "\f355";
position: absolute;
font-family: "Font Awesome 6 Pro";
right: 3px;
top: 55%;
transform: translateY(-50%);
font-size: 14px;
transition: all 0.4s ease;
}
.feh-breadcrumb-btn a:hover {
color: var(--ftc-pr-1);
}
.feh-breadcrumb-btn span {
text-transform: capitalize;
color: var(--ftc-pr-1);
}
.blog-grid-area .row {
--bs-gutter-x: 30px;
}
.feh-blog-grid-items {
gap: 40px 0px;
}
.blog-grid-item .feh-blog-1-item .date {
font-size: 17px;
font-weight: 500;
line-height: 1;
color: var(--ftc-pr-1);
margin-top: 22px;
display: inline-block;
}
.blog-grid-item .feh-blog-1-item .date .line {
width: 30px;
height: 2px;
background: #C4F017;
border-radius: 10px;
display: inline-block;
margin-right: 6px;
transform: translateY(-4px);
}
.blog-grid-item .feh-blog-1-item .title {
font-size: 28px;
font-weight: 700;
line-height: 1.38;
margin-top: 15px;
transition: all 0.2s ease;
}
@media (max-width: 767px) {
.blog-grid-item .feh-blog-1-item .title {
font-size: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-grid-item .feh-blog-1-item .title {
font-size: 26px;
}
}
.blog-grid-item .feh-blog-1-item .title:hover {
color: var(--ftc-pr-1);
}
.blog-grid-item .feh-blog-1-item .main-img {
overflow: hidden;
border-radius: 10px;
}
.blog-grid-item .feh-blog-1-item .main-img img {
border-radius: 10px;
transition: 600ms ease-in-out;
}
.blog-grid-item .feh-blog-1-item:hover .main-img img {
filter: grayscale(1);
scale: 1.05;
}
.blog-grid-sidebar {
background: #FFFFFF;
border: 1px solid rgba(44, 26, 78, 0.15);
border-radius: 15px;
padding: 25px 0;
}
.sidebar-box {
padding: 0 25px;
}
.sidebar-box-divider {
background-color: #DFDDE4;
width: 100%;
height: 1px;
display: block;
margin-bottom: 25px;
}
.sidebar-box-wrap {
border-radius: 20px;
}
.sidebar-box-title {
font-size: 20px;
font-weight: 700;
line-height: 1.38;
margin-bottom: 14px;
text-transform: uppercase;
}
.sidebar-content-divider {
width: 100%;
height: 1px;
background-color: #DFDDE4;
margin-bottom: 25px;
}
.sidebar-category {
list-style: none;
}
.sidebar-category li a, .widget_categories li a {
overflow: hidden;
z-index: 1;
position: relative;
font-family: var(--ftc-pr-font);
color: #222627;
text-transform: capitalize;
font-size: 18px;
line-height: 26px;
font-weight: 400;
background-color: #F4F4F6;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 10px;
padding: 18px 20px;
transition: 400ms ease-in-out;
}
.sidebar-category li a .text {
display: inline-block;
}
.sidebar-category li a .icon-1 {
display: inline-block;
line-height: 1;
transition: 400ms;
transform: translate(-20px, 2px) rotate(180deg);
opacity: 0;
color: #222627;
}
.sidebar-category li a .number {
display: inline-block;
line-height: 45px;
margin-right: auto;
margin-left: 5px;
font-weight: 500;
transition: 400ms ease-in-out;
}
.sidebar-category li a::after, .widget_categories li a::after {
position: absolute;
content: "";
left: 0;
top: auto;
bottom: 0;
background: var(--ftc-pr-1);
width: 100%;
height: 0%;
border-radius: 10px;
z-index: -1;
transition: 400ms ease-in-out;
}
.sidebar-category li a:hover::after, .widget_categories li a:hover:after{
top: 0;
height: 100%;
bottom: auto;
}
.sidebar-category li a:hover .icon-1 {
transform: translate(0px, 2px) rotate(180deg);
opacity: 1;
}
.sidebar-category li:not(:last-child), .widget_categories li:not(:last-child) {
margin-bottom: 10px;
}
.sidebar-category:is(.has-number) li a {
padding: 8px 10px;
padding-left: 30px;
}
@media (max-width: 767px) {
.sidebar-category:is(.has-number) li a {
padding-left: 10px;
}
}
.sidebar-download li:not(:last-child) {
margin-bottom: 10px;
}
.sidebar-download li a {
overflow: hidden;
z-index: 1;
position: relative;
display: flex;
align-items: center;
gap: 15px;
background-color: #F4F4F6;
padding: 5px 15px 5px 6px;
border-radius: 10px;
transition: 400ms ease-in-out;
}
.sidebar-download li a::after {
position: absolute;
content: "";
left: 0;
top: auto;
bottom: 0;
background: var(--ftc-pr-1);
width: 100%;
height: 0%;
border-radius: 10px;
z-index: -1;
transition: 400ms ease-in-out;
}
.sidebar-download li a .icon-1 {
font-size: 30px;
width: 50px;
height: 50px;
border-radius: 8px;
background-color: #222627;
display: flex;
align-items: center;
justify-content: center;
}
.sidebar-download li a .icon-1 i {
color: #fff;
}
.sidebar-download li a .file {
display: flex;
flex-direction: column;
}
.sidebar-download li a .file .file-naem {
font-size: 18px;
line-height: 26px;
}
.sidebar-download li a .file .file-kb {
font-size: 12px;
line-height: 16px;
color: #545661;
}
.sidebar-download li a .icon-2 {
margin-left: auto;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
background-color: #C4F017;
border-radius: 100%;
transform: rotate(90deg);
transition: 400ms ease-in-out;
}
.sidebar-download li a:hover::after {
top: 0;
height: 100%;
bottom: auto;
}
.sidebar-download li a:hover .icon-2 {
background-color: #fff;
}
.sidebar-search-box {
position: relative;
}
.sidebar-search-box .search-btn {
position: absolute;
right: 8px;
top: 8px;
border: none;
outline: none;
font-size: 20px;
color: #222627;
transition: 400ms ease;
width: 44px;
height: 44px;
background: #C4F017;
border-radius: 10px;
}
.sidebar-search-box .search-btn:hover {
color: #fff;
}
.sidebar-search-box .search-input {
background: #F4F4F6;
border: 1px solid #DFDDE4;
border-radius: 10px;
outline: none;
width: 100%;
height: 60px;
font-family: var(--ftc-pr-font);
font-size: 18px;
color: #504E4E;
font-weight: 400;
text-transform: capitalize;
padding: 0 20px;
padding-right: 80px;
}
.sidebar-search-box .search-input::placeholder {
font-family: var(--ftc-pr-font);
font-size: 18px;
color: #504E4E;
font-weight: 400;
text-transform: capitalize;
}
.latest-post-item:not(:last-child) {
margin-bottom: 20px;
}
.latest-post-item .img {
width: 100%;
height: 100px;
object-fit: cover;
border-radius: 10px;
overflow: hidden;
}
.latest-post-item .img a {
width: 100%;
height: 100%;
}
.latest-post-item .content {
padding-top: 10px;
}
.latest-post-item .content .date {
display: block;
font-size: 12px;
text-transform: capitalize;
line-height: 18px;
margin-bottom: 5px;
color: #C4F017;
}
.latest-post-item .content .date .line {
width: 20px;
height: 2px;
background-color: #C4F017;
display: inline-block;
margin-right: 3px;
transform: translateY(-2px);
}
.latest-post-item .content .title {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
transition: all 0.2s ease;
}
.latest-post-item .content .title:hover {
color: var(--ftc-pr-1);
}
.tagcloud {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.widget_tag_cloud a, .blog-details-tag-wrap a{
display: inline-block;
background-color: #fff;
border-radius: 4px;
text-decoration: none;
font-size: 16px !important;
font-weight: 400;
font-family: var(--ftc-pr-font);
line-height: 20px;
text-transform: capitalize;
color: #4A4C51;
background-color: #F4F4F6;
padding: 7px 20px;
transition: 400ms;
}
.sidebar-tag a:hover, .blog-details-tag-wrap a:hover {
background-color: var(--ftc-pr-1);
}
.contact-form-wrap p.form-submit {
display: none;
}
.feh-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.feh-pagination-item, .woocommerce-pagination li, .woocommerce-pagination span,
.feh-pagination-item .current{
width: 54px;
height: 54px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--ftc-pr-font);
transition: all 0.3s ease;
}
.feh-pagination li:hover, .feh-pagination .current {
border: 1px solid #C4F017;
border-radius: 50px;
}
@media (max-width: 767px) {
.feh-pagination-item {
width: 50px;
height: 50px;
}
}
.feh-pagination-item:hover {
background-color: var(--ftc-pr-1);
}
.feh-pagination-item:hover .feh-pagination-icon {
color: #ffffff;
}
.feh-pagination-item:is(.more) .feh-pagination-icon {
color: #C4F017;
}
.feh-pagination-item:is(.more):hover {
background-color: var(--ftc-pr-1);
}
.feh-pagination-item:is(.more):hover .feh-pagination-icon {
color: #ffffff;
}
.feh-pagination-icon {
font-size: 20px;
color: #444444;
transition: all 0.3s ease;
}
.feh-pagination-number {
font-family: var(--feh-pr-font);
font-weight: 500;
font-size: 20px;
line-height: 42px;
color: #000000;
transition: all 0.3s ease;
}
.blog-list-slider-wrap {
overflow: hidden;
border-radius: 16px;
position: relative;
}
.blog-list-slider-wrap .blog-list-slide-item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.blog-list-slider-wrap .blog-list-slide-item img {
border-radius: 16px;
height: 358px;
object-fit: cover;
}
.blog-list-slider-wrap .blog-list-slide-item .feh-plybtn-1 {
position: absolute;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.blog-list-slider-wrap .blog-list-slide-item .feh-plybtn-1 .icon {
color: #222627;
width: 82px;
height: 82px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: var(--ftc-pr-1);
animation: feh-plybtn-1 3s infinite ease;
}
@media (max-width: 767px) {
.blog-list-slider-wrap .blog-list-slide-item .feh-plybtn-1 .icon {
width: 40px;
height: 40px;
font-size: 15px;
left: 15px;
}
}
.feh-blog-slider-navigation .feh_blog_1_next {
position: absolute;
top: 40%;
width: 62px;
height: 62px;
background: #8D9192;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
border-radius: 100%;
color: var(--ftc-pr-1);
font-size: 22px;
left: 27px;
transition: all 0.3s ease;
}
@media (max-width: 767px) {
.feh-blog-slider-navigation .feh_blog_1_next {
width: 30px;
height: 30px;
font-size: 15px;
left: 15px;
}
}
.feh-blog-slider-navigation .feh_blog_1_next:hover {
background: var(--ftc-pr-1);
color: #000;
}
.feh-blog-slider-navigation .feh_blog_1_prev {
position: absolute;
top: 40%;
width: 62px;
height: 62px;
background: #8D9192;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
border-radius: 100%;
color: var(--ftc-pr-1);
font-size: 22px;
right: 27px;
transition: all 0.3s ease;
}
@media (max-width: 767px) {
.feh-blog-slider-navigation .feh_blog_1_prev {
width: 30px;
height: 30px;
font-size: 15px;
right: 15px;
}
}
.feh-blog-slider-navigation .feh_blog_1_prev:hover {
background: var(--ftc-pr-1);
color: #000;
}
.blog-list-item {
background: #FFFFFF;
border: 1px solid #DFDDE4;
border-radius: 20px;
padding: 25px;
transition: all 0.3s ease;
}
.blog-list-item:not(:last-child) {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.blog-list-item {
padding: 20px 15px;
}
}
.blog-list-item .meta-data {
display: grid;
grid-template-columns: repeat(3, 1fr);
max-width: 690px;
margin: 0 auto;
background: #F3FCD1;
padding: 22px 50px;
border-radius: 50px;
margin-bottom: 25px;
margin-top: -35px;
z-index: 3;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.blog-list-item .meta-data {
padding: 22px 30px;
}
}
@media (max-width: 767px) {
.blog-list-item .meta-data {
display: flex;
flex-wrap: wrap;
gap: 15px;
padding: 10px 30px;
margin-top: 25px;
border-radius: 16px;
}
}
.blog-list-item .meta-data .name {
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #222627;
text-transform: uppercase;
display: flex;
gap: 10px;
align-items: center;
}
@media (max-width: 767px) {
.blog-list-item .meta-data .name {
font-size: 12px;
}
}
.blog-list-item .meta-data .name i {
font-size: 20px;
}
@media (max-width: 767px) {
.blog-list-item .meta-data .name i {
font-size: 14px;
}
}
.blog-list-item .title {
font-weight: 700;
font-size: 34px;
line-height: 42px;
color: #222627;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.blog-list-item .title:hover {
color: var(--ftc-pr-1);
}
@media (max-width: 767px) {
.blog-list-item .title {
font-size: 24px;
line-height: 30px;
}
}
.blog-list-item .feh-read-btn {
padding: 14px 25px;
background: #A2A2A2;
border-radius: 100px;
margin-top: 20px;
display: inline-block;
color: #fff;
font-size: 16px;
font-weight: 500;
}
.blog-list-item .feh-read-btn span {
margin-right: 5px;
}
.blog-list-item .feh-read-btn i {
transition: all 0.3s ease;
}
.blog-list-item .feh-read-btn:hover {
background: var(--ftc-pr-1);
color: #222627;
}
.blog-list-item:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.12);
}
.blog-list-item:hover .feh-plybtn-1 {
opacity: 1;
visibility: visible;
}
@keyframes feh-plybtn-1 {
0% {
outline: 0px solid rgba(85, 90, 241, 0);
}
50% {
outline: 14px solid rgba(255, 255, 255, 0.2);
}
100% {
outline: 0px solid rgba(85, 90, 241, 0);
}
}
.blog-details-item {
background: #FFFFFF;
border: 1px solid #DFDDE4;
border-radius: 20px;
padding: 25px;
transition: all 0.3s ease;
}
.blog-details-item .blog_single-thumb img {
height: 465px;
object-fit: cover;
}
.blog-details-item:not(:last-child) {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.blog-details-item {
padding: 20px 15px;
}
}
.blog-details-item .meta-data {
display: grid;
grid-template-columns: repeat(3, 1fr);
max-width: 690px;
margin: 0 auto;
background: #F3FCD1;
padding: 22px 50px;
border-radius: 50px;
margin-bottom: 25px;
margin-top: -35px;
z-index: 3;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.blog-details-item .meta-data {
padding: 22px 30px;
}
}
@media (max-width: 767px) {
.blog-details-item .meta-data {
display: flex;
flex-wrap: wrap;
gap: 15px;
padding: 10px 30px;
margin-top: 25px;
border-radius: 16px;
}
}
.blog-details-item .meta-data .name {
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #222627;
text-transform: uppercase;
display: flex;
gap: 10px;
align-items: center;
position: relative;
justify-content: center;
}
.blog-details-item .meta-data .name:not(:last-child)::before {
position: absolute;
content: "";
height: 21px;
width: 1px;
background-color: #A8A8A8;
right: 0;
}
@media (max-width: 767px) {
.blog-details-item .meta-data .name:not(:last-child)::before {
display: none;
}
}
.blog-details-item .meta-data .name:first-child::before {
right: 10px;
}
@media (max-width: 767px) {
.blog-details-item .meta-data .name {
font-size: 12px;
}
}
.blog-details-item .meta-data .name i {
font-size: 20px;
}
@media (max-width: 767px) {
.blog-details-item .meta-data .name i {
font-size: 14px;
}
}
.blog-details-item .title {
font-weight: 700;
font-size: 42px;
line-height: 52px;
color: #222627;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.blog-details-item .title {
font-size: 36px;
}
}
@media (max-width: 767px) {
.blog-details-item .title {
font-size: 24px;
line-height: 30px;
}
}
blockquote {
background-color: var(--ftc-pr-1);
border-radius: 20px;
padding: 35px 40px;
margin-top: 20px;
position: relative;
}
@media (max-width: 767px) {
blockquote {
padding: 30px 20px;
}
}
blockquote p {
font-size: 22px;
font-weight: 500;
line-height: 32px;
color: #222627;
margin-bottom: 20px;
}
@media (max-width: 767px) {
blockquote p {
font-size: 20px;
}
}
blockquote cite {
font-weight: 700;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
color: #222627;
}
@media (max-width: 767px) {
blockquote cite {
font-size: 20px;
}
}
blockquote cite .line {
width: 40px;
height: 2px;
background: #222627;
display: inline-block;
margin-right: 15px;
transform: translateY(-5px);
}
@media (max-width: 767px) {
blockquote .name .line {
width: 25px;
margin-right: 8px;
}
}
blockquote .blockquite-icon {
position: absolute;
font-size: 228px;
color: rgba(34, 38, 39, 0.103);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.blog-details-item .subtitle {
font-weight: 700;
font-size: 32px;
line-height: 40px;
color: #222627;
margin-top: 30px;
}
@media (max-width: 767px) {
.blog-details-item .subtitle {
font-size: 22px;
line-height: 30px;
}
}
.blog-details-item .gallery {
margin-top: 20px;
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 767px) {
.blog-details-item .gallery {
flex-wrap: wrap;
}
}
.blog-details-item .gallery .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-details-social {
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.blog-details-social {
flex-wrap: wrap;
gap: 20px;
}
}
@media (max-width: 767px) {
.blog-details-social {
flex-direction: column;
gap: 25px;
align-items: start;
}
}
.blog-details-social-title {
font-weight: 700;
font-size: 22px;
line-height: 26px;
}
.blog-details-social-share {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 767px) {
.blog-details-social-share {
flex-direction: column;
align-items: start;
}
}
.blog-details-social-share-icons {
display: flex;
align-items: center;
gap: 8px;
}
.blog-details-social-icon i {
font-size: 22px;
width: 36px;
height: 36px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.blog-details-social-icon i:hover {
transform: scale(0.9);
}
.blog-details-social-icon .fa-facebook {
color: #3A5897;
font-size: 36px;
}
.blog-details-social-icon .fa-x-twitter {
background-color: #000000;
color: #fff;
}
.blog-details-social-icon .fa-pinterest-p {
background-color: #E8170E;
color: #fff;
}
.blog-details-social-icon .fa-linkedin-in {
background-color: #007BB5;
color: #fff;
}
.blog-details-tag-cont {
display: flex;
align-items: center;
gap: 16px;
}
@media (max-width: 767px) {
.blog-details-tag-cont {
flex-direction: column;
align-items: start;
}
}
.blog-details-tag-wrap {
display: flex;
align-items: center;
gap: 8px;
}
@media (max-width: 767px) {
.blog-details-tag-wrap {
flex-wrap: wrap;
}
}
.blog-details-tag {
padding: 7px 25px;
background: #F4F4F6;
border-radius: 5px;
transition: all 0.3s ease;
}
.blog-details-tag:hover {
background: var(--ftc-pr-1);
}
.blog-details-slider {
margin-top: 30px;
overflow: hidden;
background-color: #F4F4F6;
border-radius: 5px;
padding: 50px 25px;
display: flex;
align-items: center;
position: relative;
}
@media (max-width: 767px) {
.blog-details-slider {
padding-bottom: 120px;
padding-top: 20px;
}
}
.blog-details-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .blog-details-slide-item {
padding-left: 150px;
max-width: 365px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.blog-details-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .blog-details-slide-item {
padding-left: 115px;
}
}
@media (max-width: 767px) {
.blog-details-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .blog-details-slide-item {
padding-left: 0;
}
}
.blog-details-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .blog-details-slider-date {
padding-left: 28px;
}
.blog-details-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .blog-details-slider-date::before {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #222627;
left: 0;
top: 6px;
}
.blog-details-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .blog-details-slide-item {
padding-right: 150px;
text-align: right;
max-width: 365px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.blog-details-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .blog-details-slide-item {
padding-right: 115px;
}
}
@media (max-width: 767px) {
.blog-details-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .blog-details-slide-item {
padding-right: 0;
}
}
.blog-details-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .blog-details-slider-date {
padding-right: 28px;
}
.blog-details-slider .swiper-wrapper .swiper-slide:is(.swiper-slide-next) .blog-details-slider-date::before {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #222627;
right: 0;
top: 6px;
}
.blog-details-slider-date {
font-weight: 500;
font-size: 14px;
line-height: 24px;
position: relative;
}
.blog-details-slider-title {
font-weight: 700;
font-size: 18px;
line-height: 26px;
}
.blog-details-prev {
position: relative;
width: 130px;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 100%;
transition: all 0.3s ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.blog-details-prev {
width: 100px;
height: 100px;
}
}
@media (max-width: 767px) {
.blog-details-prev {
width: 80px;
height: 80px;
}
}
.blog-details-prev:hover {
background-color: var(--ftc-pr-1);
border-radius: 100%;
}
.blog-details-prev:hover .blog-details-navigate-img {
opacity: 0.5;
}
.blog-details-prev:hover .blog-details-navigate-icon {
background-color: #fff;
color: var(--ftc-pr-1);
}
.blog-details-next {
position: relative;
width: 130px;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 100%;
transition: all 0.3s ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.blog-details-next {
width: 100px;
height: 100px;
}
}
@media (max-width: 767px) {
.blog-details-next {
width: 80px;
height: 80px;
}
}
.blog-details-next:hover {
background-color: var(--ftc-pr-1);
}
.blog-details-next:hover .blog-details-navigate-img {
opacity: 0.5;
}
.blog-details-next:hover .blog-details-navigate-icon {
background-color: #fff;
color: var(--ftc-pr-1);
}
.blog-details-navigate-img {
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
transition: all 0.3s ease;
}
.blog-details-navigate-icon {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border: 2px solid #fff;
border-radius: 100%;
z-index: 2;
font-size: 22px;
transition: all 0.3s ease;
}
.blog-details-navigate {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
width: 100%;
left: 0;
z-index: 4;
padding: 0 25px;
}
@media (max-width: 767px) {
.blog-details-navigate {
bottom: 15px;
justify-content: center;
gap: 15px;
}
}
.blog-details-form {
margin-top: 30px;
background: #FFFFFF;
border: 1px solid #DFDDE4;
border-radius: 20px;
padding: 40px;
}
@media (max-width: 767px) {
.blog-details-form {
padding: 30px 15px;
}
}
.blog-details-form-title {
font-weight: 700;
font-size: 32px;
line-height: 40px;
}
@media (max-width: 767px) {
.blog-details-form-title {
font-size: 24px;
}
}
.blog-details-form input-wrap {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
@media (max-width: 767px) {
.blog-details-form input-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.blog-details-form input {
height: 62px;
border: none;
padding: 10px 30px;
outline: none;
background: #F4F4F6;
border-radius: 10px;
font-family: var(--ftc-pr-font);
width: 100%;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.blog-details-form input {
padding: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-details-form input {
padding: 10px 20px;
}
}
p.comment-form-cookies-consent {
display: none;
}
.blog-details-form textarea {
height: 178px;
background: #F4F4F6;
border-radius: 10px;
width: 100%;
padding: 16px 30px;
border: none;
outline: none;
font-family: var(--ftc-pr-font);
margin-bottom: 10px;
}
@media (max-width: 767px) {
.blog-details-form textarea {
height: 140px;
padding: 10px 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-details-form textarea {
padding: 10px 20px;
}
}
.blog-details-form-btn-wrap {
margin-top: 25px;
}
.blog-details-form-btn {
padding: 0;
height: 60px;
width: 100%;
background: #C4F017;
border-radius: 10px;
font-weight: 500;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
color: #222627;
transition: all 0.3s ease;
}
.blog-details-form-btn:hover {
background: #acd606;
letter-spacing: 0.5px;
}
.comment-text p {
font-size: 16px;
line-height: 28px;
}
.comments-box-wrap .comment-list .children {
padding-left: 50px;
}
a#cancel-comment-reply-link {
font-size: 18px;
margin-left: 10px;
}
.comments-box-wrap .comment-list .comment {
border-radius: 10px;
margin-bottom: 20px;
padding: 30px 30px 5px;
background-color: #F7F7F7;
position: relative;
display: flex;
}
.feh-career-area {
padding: 135px 0 80px 0;
position: relative;
}
.feh-career-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -195px;
top: 158px;
background: #C4F017;
opacity: 0.2;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-career-shape-2 {
position: absolute;
width: 851px;
height: 851px;
background: #C4F017;
opacity: 0.15;
filter: blur(250px);
-webkit-filter: blur(250px);
bottom: -300px;
right: -377px;
z-index: -1;
}
.feh-career-title-wrap {
max-width: 728px;
margin: 0 auto;
}
@media (max-width: 767px) {
.feh-career-title-wrap .line {
display: none;
}
}
.feh-career-wrap {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 1122px;
margin: 50px auto 0;
}
.feh-career-card {
display: grid;
grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr;
padding: 30px;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
border: 1px solid transparent;
border-radius: 10px;
transition: all 0.4s ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feh-career-card {
grid-template-columns: 0.7fr 0.5fr 0.5fr 0.5fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-career-card {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
}
@media (max-width: 767px) {
.feh-career-card {
padding: 30px 20px;
}
}
.feh-career-card .designation .designation-title {
font-weight: 700;
font-size: 26px;
line-height: 36px;
}
@media (max-width: 767px) {
.feh-career-card .designation .designation-title {
font-size: 22px;
}
}
.feh-career-card .designation .job-type {
margin-top: 15px;
display: flex;
gap: 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) {
.feh-career-card .designation .job-type {
flex-direction: column;
gap: 10px;
}
}
.feh-career-card .designation .job-type .job-ext, .feh-career-card .designation .job-type .job-time {
font-size: 16px;
line-height: 26px;
}
.feh-career-card .designation .job-type .job-ext i, .feh-career-card .designation .job-type .job-time i {
color: #595959;
font-size: 18px;
margin-right: 3px;
}
.feh-career-card .exper {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 60px;
gap: 10px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-career-card .exper {
padding-left: 0px;
}
}
.feh-career-card .exper::before {
position: absolute;
content: "";
width: 1px;
height: 77px;
background: radial-gradient(50% 50% at 50% 50%, #1E1C1C 0%, rgba(30, 28, 28, 0) 100%);
opacity: 0.5;
right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-career-card .exper::before {
display: none;
}
}
.feh-career-card .exper::after {
position: absolute;
content: "";
width: 1px;
height: 77px;
background: radial-gradient(50% 50% at 50% 50%, #1E1C1C 0%, rgba(30, 28, 28, 0) 100%);
opacity: 0.5;
left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-career-card .exper::after {
display: none;
}
}
.feh-career-card .exper .exper-text {
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #A09F9F;
}
.feh-career-card .exper .exper-year {
font-weight: 500;
font-size: 20px;
line-height: 23px;
}
.feh-career-card .deadline {
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
padding-left: 53px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-career-card .deadline {
padding-left: 0px;
}
}
.feh-career-card .deadline::before {
position: absolute;
content: "";
width: 1px;
height: 77px;
background: radial-gradient(50% 50% at 50% 50%, #1E1C1C 0%, rgba(30, 28, 28, 0) 100%);
opacity: 0.5;
right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-career-card .deadline::before {
display: none;
}
}
.feh-career-card .deadline .deadline-text {
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #A09F9F;
}
.feh-career-card .deadline .deadline-date {
font-weight: 500;
font-size: 20px;
line-height: 23px;
}
.feh-career-card .apply-btn-wrap {
display: flex;
align-items: center;
justify-content: end;
}
.feh-career-card .apply-btn-wrap .apply-btn {
padding: 17px 35px;
background: #595959;
border-radius: 200px;
font-weight: 500;
font-size: 20px;
line-height: 28px;
color: #FFFFFF;
transition: 0.3s var(--cube-1);
}
@media (max-width: 767px) {
.feh-career-card .apply-btn-wrap .apply-btn {
padding: 14px 30px;
font-size: 18px;
}
}
.feh-career-card .apply-btn-wrap .apply-btn:hover {
background-color: #C4F017;
}
.feh-career-card:hover {
border: 1px solid #C4F017;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.ftc-career-details-area {
padding: 135px 0 40px 0;
position: relative;
}
@media (max-width: 767px) {
.ftc-career-details-area {
padding: 80px 0 40px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-career-details-content {
margin-bottom: 50px;
}
}
.ftc-career-details-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -195px;
top: 158px;
background: #C4F017;
opacity: 0.2;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.ftc-career-details-shape-2 {
position: absolute;
width: 851px;
height: 851px;
background: #C4F017;
opacity: 0.15;
filter: blur(250px);
-webkit-filter: blur(250px);
top: 766px;
right: -377px;
z-index: -1;
}
.ftc-career-details-shape-3 {
position: absolute;
width: 851px;
height: 851px;
background: #C4F017;
opacity: 0.15;
filter: blur(250px);
-webkit-filter: blur(250px);
bottom: -120px;
left: 179px;
z-index: -1;
}
.ftc-career-details-wrap {
background: #FFFFFF;
border: 1px solid rgba(3, 6, 23, 0.1);
border-radius: 10px;
padding: 30px;
}
@media (max-width: 767px) {
.ftc-career-details-wrap {
padding: 30px 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-career-details-wrap {
padding: 30px;
}
}
.ftc-career-details-wrap .row {
--bs-gutter-x: 30px;
}
.ftc-career-details-wrap .img-wrap {
border-radius: 10px;
}
.ftc-career-details-img-1 {
width: 100%;
max-height: 420px;
object-fit: cover;
border-radius: 10px;
margin-bottom: 30px;
}
.ftc-career-details-title {
font-weight: 700;
font-size: 42px;
line-height: 52px;
}
@media (max-width: 767px) {
.ftc-career-details-title {
font-size: 28px;
line-height: 38px;
}
}
.ftc-career-details-info {
border: 1px solid #E6E6E8;
border-radius: 10px;
padding: 20px 25px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin: 25px 0;
}
.ftc-career-details-info-title {
font-weight: 600;
font-size: 20px;
line-height: 28px;
}
.ftc-career-details-subtitle {
font-weight: 700;
font-size: 32px;
line-height: 42px;
}
@media (max-width: 767px) {
.ftc-career-details-subtitle {
font-size: 24px;
line-height: 30px;
}
}
.ftc-career-details-list {
margin: 20px 0 30px 24px;
list-style: disc;
display: flex;
flex-direction: column;
gap: 14px;
}
.ftc-career-details-salary {
margin-top: 20px;
display: inline-block;
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #222627;
}
.ftc-career-sidebar-wrap {
background: rgba(84, 86, 97, 0.05);
border: 1px solid #E6E6E8;
border-radius: 10px;
padding: 30px 25px;
}
.ftc-career-sidebar-form-title {
font-weight: 600;
font-size: 30px;
line-height: 40px;
margin-bottom: 25px;
}
.ftc-career-sidebar-form {
display: flex;
flex-direction: column;
gap: 15px;
}
.ftc-career-sidebar-form-item {
display: flex;
flex-direction: column;
gap: 5px;
}
.ftc-career-sidebar-form-label {
font-weight: 500;
font-size: 18px;
line-height: 26px;
}
.ftc-career-sidebar-form-label-req-mark {
color: var(--ftc-pr-1);
}
.ftc-career-sidebar-form-input {
height: 52px;
border-radius: 100px;
border: none;
outline: none;
padding: 10px 18px;
}
.ftc-career-sidebar-form-input::placeholder {
font-size: 16px;
line-height: 26px;
color: rgba(34, 38, 39, 0.5);
}
.ftc-career-sidebar-form-file-wrap {
position: relative;
width: 152px;
height: 52px;
}
.ftc-career-sidebar-form-file-wrap .ftc-career-sidebar-form-input {
position: absolute;
width: 100%;
height: 100%;
}
.ftc-career-sidebar-form-file-btn {
position: absolute;
width: 100%;
height: 100%;
background-color: #ADAEB5;
border-radius: 5px;
padding: 11px 20px;
cursor: pointer;
transition: all 0.3s ease;
}
.ftc-career-sidebar-form-file-btn:hover {
background-color: #84848a;
}
.ftc-career-sidebar-form-file-btn-text {
font-size: 16px;
line-height: 26px;
margin-right: 4px;
}
.ftc-career-sidebar-form-btn {
width: 100%;
padding: 10px 30px;
height: 60px;
background: var(--ftc-pr-1);
border-radius: 100px;
font-weight: 700;
font-size: 16px;
line-height: 28px;
text-transform: uppercase;
color: #222627;
margin-top: 10px;
transition: all 0.4s ease;
}
.ftc-career-sidebar-form-btn:hover {
background: #acd606;
letter-spacing: 0.6px;
}
.feh-d-title {
font-weight: 700;
font-size: 42px;
line-height: 52px;
}
@media (max-width: 767px) {
.feh-d-title {
font-size: 28px;
line-height: 38px;
}
}
.feh-d-subtitle {
font-weight: 700;
font-size: 34px;
line-height: 42px;
}
@media (max-width: 767px) {
.feh-d-subtitle {
font-size: 24px;
line-height: 30px;
}
}
.feh-services-details .mb-20 {
margin-bottom: 20px;
}
.feh-services-details .mb-30 {
margin-bottom: 30px;
}
.feh-services-details .feh-sd-features {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
margin-top: 30px;
position: relative;
}
@media (max-width: 767px) {
.feh-services-details .feh-sd-features {
grid-template-columns: repeat(1, 1fr);
}
}
.feh-services-details .feh-sd-features::before {
position: absolute;
content: "";
height: 100%;
width: 1px;
background: #C4F017;
left: 50%;
}
@media (max-width: 767px) {
.feh-services-details .feh-sd-features::before {
display: none;
}
}
.feh-services-details .feh-sd-features::after {
position: absolute;
content: "";
height: 1px;
width: 100%;
background: #C4F017;
top: 50%;
left: 0;
}
@media (max-width: 767px) {
.feh-services-details .feh-sd-features::after {
display: none;
}
}
.feh-services-details .feh-sd-features .sd-feature-item {
background: #F4F4F6;
border-radius: 10px;
padding: 20px;
display: flex;
gap: 15px;
}
@media (max-width: 767px) {
.feh-services-details .feh-sd-features .sd-feature-item {
flex-direction: column;
}
}
.feh-services-details .feh-sd-features .sd-feature-item .icon-1 {
font-size: 43px;
color: #222627;
}
.feh-services-details .feh-sd-features .sd-feature-item .content .name {
font-weight: 700;
font-size: 20px;
line-height: 26px;
margin-bottom: 18px;
}
.feh-services-details .feh-sd-features .sd-feature-item .content .disc {
font-size: 16px;
line-height: 26px;
}
.feh-services-details .video-feature-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin-top: 30px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.feh-services-details .video-feature-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.feh-services-details .video-feature-wrap .list {
display: flex;
flex-direction: column;
gap: 10px;
}
.feh-services-details .video-feature-wrap .list .list-item {
display: flex;
align-items: baseline;
gap: 10px;
}
.feh-services-details .video-feature-wrap .list .list-item .text {
line-height: 28px;
}
.feh-services-details .video-feature-wrap .list .list-item .icon {
font-size: 20px;
color: #1A3ECF;
}
.feh-services-details .video-feature-wrap .video-popup-wrap {
position: relative;
}
.feh-services-details .video-feature-wrap .video-popup-wrap img {
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.feh-services-details .video-feature-wrap .video-popup-wrap .feh-plybtn-1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.feh-services-details .video-feature-wrap .video-popup-wrap .feh-plybtn-1 .icon {
width: 65px;
height: 65px;
background-color: var(--ftc-pr-1);
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
animation: feh-plybtn-1 2s ease infinite;
}
.feh-services-details .feh-sd-faq {
margin-top: 30px;
}
.feh-services-details .feh-sd-faq .accordion {
border: none;
}
.feh-services-details .feh-sd-faq .accordion-item {
background: #FFFFFF;
border: 1px solid #DFDDE4;
border-radius: 8px;
}
.feh-services-details .feh-sd-faq .accordion-item:not(:last-child) {
margin-bottom: 15px;
}
.feh-services-details .feh-sd-faq .accordion-button {
display: flex;
gap: 20px;
align-items: center;
outline: none;
position: relative;
padding: 23px 20px;
}
.feh-services-details .feh-sd-faq .accordion-button .title {
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #222627;
transition: 0.15s ease-in-out;
}
.feh-services-details .feh-sd-faq .accordion-button .icon-1 {
color: #959595;
transition: 0.15s ease-in-out;
}
.feh-services-details .feh-sd-faq .accordion-button .icon-2 {
margin-left: auto;
color: #000;
transform: rotate(0deg);
transition: 0.15s ease-in-out;
}
.feh-services-details .feh-sd-faq .accordion-button::before {
position: absolute;
content: "";
width: 95%;
height: 1px;
background: #DFDDE4;
bottom: -2px;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
transition: 0.15s ease-in-out;
}
.feh-services-details .feh-sd-faq .accordion-button:is(:not(.collapsed)) .title {
color: #1A3ECF;
}
.feh-services-details .feh-sd-faq .accordion-button:is(:not(.collapsed)) .icon-1 {
color: #C4F017;
}
.feh-services-details .feh-sd-faq .accordion-button:is(:not(.collapsed)) .icon-2 {
color: #ff0000;
transform: rotate(90deg);
}
.feh-services-details .feh-sd-faq .accordion-button:is(:not(.collapsed))::before {
opacity: 1;
visibility: visible;
}
.feh-services-details .feh-sd-faq .accordion-button::after {
display: none;
}
.feh-services-details .feh-sd-faq .accordion-button:focus {
box-shadow: none;
}
.feh-services-details .feh-sd-faq .accordion-button:not(.collapsed) {
background-color: transparent;
box-shadow: none;
}
.feh-services-details .feh-sd-faq .accordion-button:is(.collapsed) {
background: transparent;
}
@keyframes feh-plybtn-1 {
0% {
outline: 0px solid rgba(85, 90, 241, 0);
}
50% {
outline: 14px solid rgba(255, 255, 255, 0.2);
}
100% {
outline: 0px solid rgba(85, 90, 241, 0);
}
}
/*
feh portfolio 1 start
*/
.feh-portfolio-1-area {
padding: 125px 0 57px 0;
position: relative;
}
@media (max-width: 767px) {
.feh-portfolio-1-area {
padding: 80px 0 50px 0;
}
}
.feh-portfolio-1-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -221px;
top: 39px;
background: #C4F017;
opacity: 0.2;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-portfolio-1-shape-2 {
position: absolute;
width: 608px;
height: 608px;
right: -221px;
top: 782px;
background: #C4F017;
opacity: 0.15;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-portfolio-1-title-wrap {
max-width: 730px;
margin: 0 auto;
text-align: center;
}
.feh-portfolio-1-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 30px;
margin: 50px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-portfolio-1-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
/*
feh portfolio 1 end
*/
.ftc-pro-3-page-title-wrap {
max-width: 730px;
text-align: center;
margin: 135px auto 50px;
}
@media (max-width: 767px) {
.ftc-pro-3-page-title-wrap {
margin: 80px auto 50px;
}
}
.ftc-project-3-page-shape {
position: absolute;
width: 608px;
height: 608px;
left: -221px;
top: 39px;
background: #C4F017;
opacity: 0.2;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.ftc-portfolio-p4-area {
padding: 135px 0 50px 0;
position: relative;
}
.ftc-portfolio-p4-area .ftc-portfolio-p4-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -283px;
top: 168px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.ftc-portfolio-p4-area .ftc-portfolio-p4-shape-2 {
position: absolute;
width: 801px;
height: 801px;
right: -384px;
bottom: -20px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.ftc-portfolio-p4-title-wrap {
max-width: 730px;
margin: 0 auto 50px;
}
.ftc-portfolio-p4-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-portfolio-p4-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.ftc-portfolio-p4-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.ftc-portfolio-p4-wrap .ftc-portfolio-p4-item {
height: 580px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-portfolio-p4-wrap .ftc-portfolio-p4-item {
height: 500px;
}
}
@media (max-width: 767px) {
.ftc-portfolio-p4-wrap .ftc-portfolio-p4-item {
height: 450px;
}
}
/*
project-details-page-start
*/
.projects-details-area .row {
--bs-gutter-x: 42px;
}
.projects-details-disc .title {
font-size: 50px;
line-height: 1.2;
font-weight: 800;
margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.projects-details-disc .title {
font-size: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.projects-details-disc .title {
font-size: 40px;
}
}
@media (max-width: 767px) {
.projects-details-disc .title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.projects-details-disc .title {
font-size: 35px;
}
}
.projects-details-disc .disc {
margin-bottom: 30px;
}
.projects-details-disc .main-img {
height: 375px;
overflow: hidden;
margin-bottom: 30px;
}
.projects-details-disc .main-img img {
border-radius: 10px;
}
.projects-details-info {
background: var(--ftc-pr-1);
border: 1px solid rgba(34, 38, 39, 0.15);
border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.projects-details-info {
margin-top: 30px;
}
}
.projects-details-info > .title {
font-size: 24px;
font-weight: 800;
text-align: center;
line-height: 1.08;
padding: 30px 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.projects-details-info > .title {
font-size: 20px;
}
}
.projects-details-info .padding-wrap {
padding: 0 40px;
}
.projects-details-info-divider {
width: 100%;
height: 1px;
background: #222627;
opacity: 0.15;
border-radius: 10px;
}
.projects-details-info-item {
padding: 20px 0;
}
.projects-details-info-item:not(:last-child) {
border-bottom: 1px solid rgba(34, 38, 39, 0.15);
}
.projects-details-info-item .title {
font-size: 18px;
font-weight: 700;
line-height: 30px;
}
.projects-details-info-item .text {
font-size: 18px;
display: block;
text-transform: capitalize;
font-weight: 400;
line-height: 30px;
line-break: anywhere;
}
.projects-details-wrap-2 {
background-color: #F5F5F6;
}
.projects-details-info-social {
text-align: center;
padding: 22px 15px;
border-top: 1px solid rgba(34, 38, 39, 0.15);
}
.projects-details-info-social li {
display: inline-block;
}
.projects-details-info-social li:not(:last-child) {
margin-right: 20px;
}
.projects-details-info-social li a {
display: block;
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid #222627;
text-align: center;
line-height: 42px;
color: #222627;
transition: 400ms;
}
.projects-details-info-social li a:hover {
color: var(--ftc-pr-1);
background-color: #222627;
}
.projects-details-feature-img {
padding-right: 55px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.projects-details-feature-img {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.projects-details-feature-img {
padding-bottom: 50px;
padding-right: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.projects-details-feature-img {
padding-bottom: 50px;
padding-right: 55px;
}
}
.projects-details-feature-img .main-img {
width: 100%;
height: 585px;
border-radius: 0 200px 0 0;
overflow: hidden;
margin-left: -18px;
}
@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) {
.projects-details-feature-img .main-img {
margin-left: 0px;
}
}
@media (max-width: 767px) {
.projects-details-feature-img .main-img {
margin-left: 0px;
height: 400px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.projects-details-feature-img .main-img {
margin-left: 0px;
height: 585px;
}
}
.projects-details-feature-img::after {
width: 92%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: -18px;
background: transparent;
border: 3px solid var(--ftc-pr-1);
border-radius: 0 200px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.projects-details-feature-img::after {
width: 97%;
height: 95%;
}
}
@media (max-width: 767px) {
.projects-details-feature-img::after {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.projects-details-feature-img::after {
width: 97%;
height: 95%;
display: block;
}
}
.projects-details-feature-content .title {
font-size: 40px;
line-height: 1.25;
font-weight: 800;
margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.projects-details-feature-content .title {
font-size: 35px;
}
}
@media (max-width: 767px) {
.projects-details-feature-content .title {
font-size: 28px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.projects-details-feature-content .title {
font-size: 32px;
}
}
.projects-details-feature-content .disc {
margin-bottom: 20px;
}
.projects-details-feature-list li {
font-family: var(--ftc-pr-font);
font-size: 18px;
font-weight: 400;
color: #141515;
line-height: 28px;
margin-bottom: 15px;
}
.projects-details-feature-list li i {
color: #2F80ED;
margin-right: 5px;
transform: translateY(3px);
display: inline-block;
}
.projects-details-wrap-3 .projects-details-feature-img {
padding-right: 0;
padding-left: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.projects-details-wrap-3 .projects-details-feature-img {
padding-left: 0;
padding-top: 70px;
padding-bottom: 0;
}
}
.projects-details-wrap-3 .projects-details-feature-img .main-img {
margin-left: 0;
}
.projects-details-wrap-3 .projects-details-feature-img::after {
top: 46px;
background: #C4F017;
opacity: 0.18;
border: 0;
left: 75px;
border-radius: 0 200px 0 0;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.projects-details-wrap-3 .projects-details-feature-img::after {
top: unset;
left: 70px;
bottom: 0;
}
}
/*
project-details-page-end
*/
/*
feh client start
*/
.feh-client-area {
padding: 135px 0;
position: relative;
}
.feh-client-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -142px;
top: 20px;
background: #C4F017;
opacity: 0.2;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-client-shape-2 {
position: absolute;
width: 851px;
height: 851px;
right: -514px;
bottom: -426px;
background: #C4F017;
opacity: 0.15;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-client-title-wrap {
max-width: 740px;
margin: 0 auto;
text-align: center;
}
.feh-client-wrap {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(5, 1fr);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feh-client-wrap {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-client-wrap {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 767px) {
.feh-client-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
.feh-client-wrap .img-wrap {
background: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
height: 180px;
overflow: hidden;
transition: all 0.4s ease-in;
border-left: 1px solid rgba(9, 9, 9, 0.15);
border-top: 1px solid rgba(9, 9, 9, 0.15);
}
.feh-client-wrap .img-wrap img {
transition: all 0.4s ease-in;
}
@media (max-width: 767px) {
.feh-client-wrap .img-wrap {
height: 120px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(2) {
border-right: none !important;
}
}
@media (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(2) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(3) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(4) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(4) {
border-right: none;
}
}
.feh-client-wrap .img-wrap:nth-child(5) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(5) {
border-right: none;
}
}
@media (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(6) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(8) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(8) {
border-right: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(9) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
}
.feh-client-wrap .img-wrap:nth-child(10) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(10) {
border-right: none !important;
}
}
@media (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(10) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
}
.feh-client-wrap .img-wrap:nth-child(11) {
border-bottom: 1px solid rgba(9, 9, 9, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(11) {
border-bottom: none;
}
}
.feh-client-wrap .img-wrap:nth-child(12) {
border-bottom: 1px solid rgba(9, 9, 9, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(12) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
}
@media (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(12) {
border-bottom: none;
}
}
.feh-client-wrap .img-wrap:nth-child(13) {
border-bottom: 1px solid rgba(9, 9, 9, 0.15);
}
@media (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(13) {
border-bottom: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(13) {
border-bottom: 1px solid rgba(9, 9, 9, 0.15);
}
}
.feh-client-wrap .img-wrap:nth-child(14) {
border-bottom: 1px solid rgba(9, 9, 9, 0.15);
}
@media (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(14) {
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-client-wrap .img-wrap:nth-child(14) {
border-right: none;
}
}
.feh-client-wrap .img-wrap:nth-child(15) {
border-bottom: 1px solid rgba(9, 9, 9, 0.15);
border-right: 1px solid rgba(9, 9, 9, 0.15);
}
.feh-client-wrap .img-wrap:hover {
background-color: var(--ftc-pr-1);
}
.feh-client-wrap .img-wrap:hover img {
transform: scale(1.2);
}
/*
feh client end
*/
/*
feh contact start
*/
.feh-contact-area {
padding: 135px 0 182px 0;
position: relative;
margin-bottom: -57px;
}
@media (max-width: 767px) {
.feh-contact-area {
padding: 80px 0;
}
}
.feh-contact-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -128px;
top: 140px;
background: #C4F017;
opacity: 0.2;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-contact-shape-2 {
position: absolute;
width: 851px;
height: 851px;
right: -347px;
bottom: -397px;
background: #C4F017;
opacity: 0.15;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-contact-wrap {
display: grid;
grid-template-columns: 0.82fr 1.13fr;
gap: 78px;
margin-left: -32px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.feh-contact-wrap {
justify-items: end;
margin-left: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feh-contact-wrap {
margin-left: 0;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feh-contact-wrap {
margin-left: 0;
grid-template-columns: 1fr;
gap: 100px;
}
}
.feh-contact-wrap .img-wrap {
position: relative;
border-radius: 0 200px 0 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.feh-contact-wrap .img-wrap {
max-width: 500px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feh-contact-wrap .img-wrap {
margin-right: -40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.feh-contact-wrap .img-wrap {
margin: 0 auto;
max-width: 90%;
}
}
@media (max-width: 767px) {
.feh-contact-wrap .img-wrap {
border-radius: 0 140px 0 0;
}
}
.feh-contact-wrap .img-wrap img {
border-radius: 0 200px 0 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 767px) {
.feh-contact-wrap .img-wrap img {
border-radius: 0 140px 0 0;
}
}
.feh-contact-wrap .img-wrap::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: -46px;
bottom: -46px;
border: 3px dashed #C4F017;
border-radius: 0px 100px 0px 0px;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feh-contact-wrap .img-wrap::after {
left: -35px;
}
}
@media (max-width: 767px) {
.feh-contact-wrap .img-wrap::after {
display: none;
}
}
.feh-contact-form {
margin-top: 30px;
background: #FFFFFF;
border: 1px solid #C4F017;
border-radius: 20px;
padding: 30px;
}
@media (max-width: 767px) {
.feh-contact-form {
padding: 30px 15px;
}
}
.feh-contact-form-title {
font-weight: 700;
font-size: 32px;
line-height: 40px;
}
@media (max-width: 767px) {
.feh-contact-form-title {
font-size: 24px;
}
}
.feh-contact-form-input-wrap {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
@media (max-width: 767px) {
.feh-contact-form-input-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.internal--padding {
padding-top: 120px;
}
.feh-contact-form-input {
height: 62px;
border: none;
padding: 10px 30px;
outline: none;
background: #F4F4F6;
border-radius: 100px;
font-family: var(--ftc-pr-font);
width: 100%;
}
@media (max-width: 767px) {
.feh-contact-form-input {
padding: 10px 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-contact-form-input {
padding: 10px 20px;
}
}
.feh-contact-form-input::placeholder {
color: #696C6C;
}
.feh-contact-form-input:is(.option-selector) {
width: 100%;
}
.feh-contact-form-input:is(.option-selector) .current {
font-size: 18px;
color: #696C6C;
font-family: var(--ftc-pr-font);
}
.feh-contact-form-input:is(.option-selector) .list .option {
font-size: 16px;
text-transform: capitalize;
color: #696C6C;
}
.feh-contact-form-textarea {
height: 178px;
background: #F4F4F6;
border-radius: 15px;
width: 100%;
padding: 16px 30px;
border: none;
margin-top: 20px;
outline: none;
font-family: var(--ftc-pr-font);
}
@media (max-width: 767px) {
.feh-contact-form-textarea {
height: 140px;
padding: 10px 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.feh-contact-form-textarea {
padding: 10px 20px;
}
}
.feh-contact-form-textarea::placeholder {
color: #696C6C;
}
.feh-contact-form-btn-wrap {
margin-top: 25px;
}
.feh-contact-form-btn {
padding: 15px 30px;
height: 60px;
background: #C4F017;
border-radius: 100px;
font-weight: 500;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
color: #222627;
}
.feh-contact-form-btn span {
margin-right: 5px;
}
.feh-contact-form-btn i {
font-size: 12px;
}
.feh-contact-form-btn:hover {
background: #b9e608;
}
.nice-select.option-selector::after {
background: #222627;
width: 10px;
height: 10px;
right: 25px;
clip-path: polygon(100% 0, 0 0, 50% 45%);
transform: rotate(0deg);
}
.nice-select.option-selector:is(.open)::after {
transform: rotate(180deg) translateY(8px);
}
/*
feh contact end
*/
/*
feh map start
*/
.feh-map-area {
padding-top: 54px;
position: relative;
}
.feh-map-wrap {
height: 492px;
}
@media (max-width: 767px) {
.feh-map-wrap {
height: 400px;
}
}
.feh-map-wrap iframe {
width: 100%;
height: 100%;
}
.feh-map-card {
position: absolute;
top: 0;
right: 315px;
padding: 50px 42px;
}
@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) {
.feh-map-card {
right: 80px;
}
}
@media (max-width: 767px) {
.feh-map-card {
position: static;
margin-bottom: 40px;
padding: 40px 20px;
}
}
.feh-map-card::after {
content: "";
width: 46px;
height: 54px;
background: #888C97;
position: absolute;
top: 0;
left: -46px;
clip-path: polygon(100% 100%, 100% 0, 0 100%);
}
@media (max-width: 767px) {
.feh-map-card::after {
display: none;
}
}
.feh-map-card .title {
font-weight: 700;
font-size: 52px;
line-height: 62px;
text-transform: capitalize;
color: #FFFFFF;
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.feh-map-card .title {
font-size: 32px;
line-height: 38px;
}
}
.feh-map-card .feh-map-item {
max-width: 370px;
display: grid;
grid-template-columns: 60px auto;
gap: 20px;
}
@media (max-width: 767px) {
.feh-map-card .feh-map-item {
grid-template-columns: 1fr;
}
}
.feh-map-card .feh-map-item .icon {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--ftc-pr-1);
border-radius: 100%;
transition: all 0.3s ease;
}
.feh-map-card .feh-map-item .icon:hover {
background-color: #fff;
}
.feh-map-card .feh-map-item .icon i {
color: #222627;
font-size: 30px;
display: flex;
}
.feh-map-card .feh-map-item:not(:last-child) {
margin-bottom: 40px;
}
.feh-map-card .feh-map-item .content .subtitle {
font-weight: 700;
font-size: 20px;
line-height: 26px;
color: #FFFFFF;
margin-bottom: 10px;
}
.feh-map-card .feh-map-item .content .text, .feh-map-card .feh-map-item .content .link {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #FFFFFF;
}
.feh-map-card .feh-map-item .content .link {
display: block;
transition: all 0.3s ease;
}
.feh-map-card .feh-map-item .content .link:hover {
color: var(--ftc-pr-1);
}
/*
feh map end
*/
/*
oops start
*/
.feh-oops-area {
padding: 135px 0 50px 0;
position: relative;
}
.feh-oops-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -128px;
top: 140px;
background: #C4F017;
opacity: 0.2;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-oops-shape-2 {
position: absolute;
width: 851px;
height: 851px;
right: -504px;
bottom: -157px;
background: #C4F017;
opacity: 0.2;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-oops-wrap {
max-width: 822px;
margin: 0 auto;
}
.feh-oops-wrap .title {
font-weight: 700;
font-size: 60px;
line-height: 72px;
text-align: center;
margin-top: 40px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.feh-oops-wrap .title {
font-size: 32px;
line-height: 40px;
}
}
.feh-oops-wrap .back-btn-wrap {
display: flex;
justify-content: center;
}
.feh-oops-wrap .back-btn {
padding: 18px 30px;
background: #C4F017;
border-radius: 100px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.feh-oops-wrap .back-btn span {
margin-right: 5px;
}
.feh-oops-wrap .back-btn i {
font-size: 12px;
}
/*
oops end
*/
/*
services-3-start
*/
.ftc-services-3-area {
position: relative;
z-index: 1;
}
.ftc-services-3-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.ftc-services-3-card-wrap {
display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-services-3-card-wrap {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
}
.ftc-services-3-card {
flex: 0 0 auto;
position: relative;
z-index: 1;
display: flex;
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(40px);
padding-top: 30px;
padding-bottom: 10px;
width: 154px;
transition: 500ms var(--cube-1);
overflow: hidden;
}
@media (max-width: 767px) {
.ftc-services-3-card {
justify-content: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-services-3-card {
justify-content: left;
}
}
.ftc-services-3-card:not(:last-child) {
border-right: 1.5px solid rgba(255, 255, 255, 0.25);
}
.ftc-services-3-card .normal-content {
gap: 30px;
}
.ftc-services-3-card .card-icon {
width: 86px;
height: 86px;
background: rgba(255, 255, 255, 0.07);
border-radius: 50%;
font-size: 40px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.15);
transition: 0.5s var(--cube-1);
position: relative;
z-index: 1;
}
.ftc-services-3-card .card-icon::after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--ftc-gd-1);
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
transition: 0.5s var(--cube-1);
}
.ftc-services-3-card .card-title {
font-size: 35px;
line-height: 1.42;
writing-mode: vertical-lr;
opacity: 60%;
transition: 0.5s var(--cube-1);
}
.ftc-services-3-card .card-no {
font-size: 60px;
line-height: 1;
opacity: 5%;
margin-top: auto;
}
.ftc-services-3-card .card-img {
height: 270px;
}
.ftc-services-3-card .card-disc {
color: #fff;
opacity: 70%;
margin-bottom: 65px;
opacity: 0;
transform: translateX(-100px);
transition: 0.1s var(--cube-1);
transition-delay: 0s;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
}
.ftc-services-3-card .card-btn {
font-size: 20px;
color: #fff;
line-height: 1;
display: inline-block;
position: absolute;
right: 35px;
bottom: 50px;
opacity: 0;
visibility: hidden;
transform: translateX(-100px);
transition: 0.3s var(--cube-1);
transition-delay: 0s;
}
.ftc-services-3-card .card-btn i {
display: inline-block;
width: 30px;
height: 30px;
background: var(--ftc-pr-2);
border-radius: 50%;
font-size: 15px;
line-height: 30px;
text-align: center;
margin-left: 10px;
color: #fff;
}
.ftc-services-3-card .card-btn:hover {
color: var(--ftc-pr-2);
transition-delay: 0s;
}
.ftc-services-3-card .card-btn:hover i {
animation: wobble-vertical 1s ease-in-out;
}
.ftc-services-3-card .hover-content {
padding-top: 10px;
padding-right: 35px;
padding-bottom: 50px;
overflow: hidden;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.ftc-services-3-card .hover-content {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-services-3-card .hover-content {
display: block;
}
}
.ftc-services-3-card:is(.active) {
width: 766px;
background: #33364A;
border-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-services-3-card:is(.active) {
width: 496px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-services-3-card:is(.active) {
width: 100%;
}
}
.ftc-services-3-card:is(.active) .card-icon {
border-color: transparent;
}
.ftc-services-3-card:is(.active) .card-icon::after {
opacity: 1;
}
.ftc-services-3-card:is(.active) .card-title {
opacity: 100%;
}
.ftc-services-3-card:is(.active) .card-disc {
transition: 0.5s var(--cube-1);
transition-delay: 0.5s;
opacity: 70%;
transform: translateX(0);
}
.ftc-services-3-card:is(.active) .card-btn {
transition: 0.5s var(--cube-1);
transition-delay: 0.7s;
opacity: 1;
transform: translateX(0);
visibility: visible;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-services-3-card:not(.active) {
width: 100%;
background: #33364A;
border-color: transparent;
}
.ftc-services-3-card:not(.active) .card-icon {
border-color: transparent;
}
.ftc-services-3-card:not(.active) .card-icon::after {
opacity: 1;
}
.ftc-services-3-card:not(.active) .card-title {
opacity: 100%;
}
.ftc-services-3-card:not(.active) .card-disc {
transition: 0.5s var(--cube-1);
transition-delay: 0.5s;
opacity: 70%;
transform: translateX(0);
}
.ftc-services-3-card:not(.active) .card-btn {
transition: 0.5s var(--cube-1);
transition-delay: 0.7s;
opacity: 1;
transform: translateX(0);
visibility: visible;
}
}
.ftc-services-3-all-btn {
color: #fff;
}
.ftc-services-3-all-btn a {
transition: 300ms var(--cube-1);
font-weight: 500;
text-decoration: underline;
}
.ftc-services-3-all-btn a:hover {
transform: translateX(3px);
}
/*
services-3-end
*/
/*
services-4-start
*/
.ftc-services-4-scn-title {
display: flex;
align-items: center;
gap: 0 30px;
flex-wrap: wrap;
justify-content: space-between;
}
.ftc-services-4-scn-title .left {
max-width: 480px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ftc-services-4-scn-title .left {
max-width: 360px;
}
}
.ftc-services-4-scn-title .right {
max-width: 540px;
}
.ftc-services-4-card-container {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
padding: 0 50px;
}
@media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px) {
.ftc-services-4-card-container {
padding-top: 20px;
padding-bottom: 270px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-services-4-card-container {
padding-top: 0px;
padding-bottom: 120px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-services-4-card-container {
padding-top: 0px;
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.ftc-services-4-card-container {
padding: 0 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-services-4-card-container {
padding: 0 50px;
}
}
.ftc-services-4-card-grid {
display: flex;
justify-content: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.ftc-services-4-card-grid {
transform: scale(80%);
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ftc-services-4-card-grid {
transform: scale(70%);
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ftc-services-4-card-grid {
transform: scale(60%);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-services-4-card-grid {
flex-wrap: wrap;
gap: 30px;
}
}
@media (min-width: 1800px), 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) {
.ftc-services-4-card-single:nth-child(1) .ftc-services-4-card-roted {
transform: rotate(-5.47deg) translate(210px, 110px);
}
.ftc-services-4-card-single:nth-child(1) .ftc-services-4-card-roted:hover {
width: 400px;
transform: rotate(0deg) translate(210px, 110px);
}
}
@media (min-width: 1800px), 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) {
.ftc-services-4-card-single:nth-child(2) .ftc-services-4-card-roted {
transform: rotate(-4.36deg) translate(80px, 226px);
}
.ftc-services-4-card-single:nth-child(2) .ftc-services-4-card-roted:hover {
width: 400px;
transform: rotate(0deg) translate(80px, 226px);
}
}
.ftc-services-4-card-single:nth-child(2) .ftc-services-4-card-roted .ftc-services-4-card {
background: #E45621;
}
.ftc-services-4-card-single:nth-child(2) .ftc-services-4-card-roted .ftc-services-4-card .icon {
background: #C55126;
border: 8px solid #E45621;
}
@media (min-width: 1800px), 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) {
.ftc-services-4-card-single:nth-child(3) .ftc-services-4-card-roted {
transform: rotate(13.3deg) translate(20px, 30px);
}
.ftc-services-4-card-single:nth-child(3) .ftc-services-4-card-roted:hover {
width: 400px;
transform: rotate(0deg) translate(20px, 30px);
}
}
.ftc-services-4-card-single:nth-child(3) .ftc-services-4-card-roted .ftc-services-4-card {
background: #1AC975;
}
.ftc-services-4-card-single:nth-child(3) .ftc-services-4-card-roted .ftc-services-4-card .icon {
background: #1CAF69;
border: 8px solid #1AC975;
}
@media (min-width: 1800px), 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) {
.ftc-services-4-card-single:nth-child(4) .ftc-services-4-card-roted {
transform: rotate(-30deg) translate(-130px, 103px);
}
.ftc-services-4-card-single:nth-child(4) .ftc-services-4-card-roted:hover {
width: 400px;
transform: rotate(0deg) translate(-130px, 103px);
}
}
.ftc-services-4-card-single:nth-child(4) .ftc-services-4-card-roted .ftc-services-4-card {
background: #2925F7;
}
.ftc-services-4-card-single:nth-child(4) .ftc-services-4-card-roted .ftc-services-4-card .icon {
background: #3432BD;
border: 8px solid #2925F7;
}
@media (min-width: 1800px), 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) {
.ftc-services-4-card-single:nth-child(5) .ftc-services-4-card-roted {
transform: rotate(7.09deg) translate(-160px, 20px);
}
.ftc-services-4-card-single:nth-child(5) .ftc-services-4-card-roted:hover {
width: 400px;
transform: rotate(0deg) translate(-160px, 20px);
}
}
.ftc-services-4-card-single:nth-child(5) .ftc-services-4-card-roted .ftc-services-4-card {
background: #DF8E14;
}
.ftc-services-4-card-single:nth-child(5) .ftc-services-4-card-roted .ftc-services-4-card .icon {
background: #BB7D20;
border: 8px solid #DF8E14;
}
@media (min-width: 1800px), 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) {
.ftc-services-4-card-single:nth-child(6) .ftc-services-4-card-roted {
transform: rotate(43deg) translate(-124px, 300px);
}
.ftc-services-4-card-single:nth-child(6) .ftc-services-4-card-roted:hover {
width: 400px;
transform: rotate(0deg) translate(-365px, 270px);
}
}
.ftc-services-4-card-single:nth-child(6) .ftc-services-4-card-roted .ftc-services-4-card {
background: #2AC5DD;
}
.ftc-services-4-card-single:nth-child(6) .ftc-services-4-card-roted .ftc-services-4-card .icon {
background: #3AB0C2;
border: 8px solid #2AC5DD;
}
.ftc-services-4-card-roted {
display: inline-block;
transition: 1s;
width: 360px;
flex: 0 0 auto;
transition: 300ms var(--cube-1);
}
@media (max-width: 767px) {
.ftc-services-4-card-roted {
width: 100%;
}
}
.ftc-services-4-card {
background: #B325F7;
display: block;
border-radius: 25px;
padding: 15px;
padding-top: 30px;
text-align: center;
flex: 0 0 auto;
transition: 500ms var(--cube-1);
max-width: 360px;
}
@media (max-width: 767px) {
.ftc-services-4-card {
max-width: 100%;
}
}
.ftc-services-4-card .title {
font-size: 30px;
line-height: 1.25;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.ftc-services-4-card .title {
font-size: 22px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ftc-services-4-card .title {
font-size: 30px;
}
}
.ftc-services-4-card .disc {
font-size: 16px;
line-height: 26px;
margin-bottom: 15px;
}
.ftc-services-4-card .icon {
display: inline-flex;
width: 98px;
height: 98px;
justify-content: center;
align-items: center;
background: #9B1DD8;
border-radius: 50%;
font-size: 40px;
color: #fff;
border: 8px solid #B325F7;
position: relative;
z-index: 1;
}
.ftc-services-4-card .main-img {
display: inline-block;
height: 280px;
border-radius: 0 0 20px 20px;
margin-top: -45px;
}
@media (max-width: 767px) {
.ftc-services-4-card .main-img {
display: block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ftc-services-4-all-btn {
padding-top: 40px;
}
}
.ftc-services-4-all-btn a {
text-decoration: underline;
transition: 400ms var(--cube-1);
}
.ftc-services-4-all-btn a:hover {
-webkit-text-fill-color: #fff;
transform: translateX(3px);
}
/*
services-4-end
*/
.ftc-services-4-area {
position: relative;
}
.ftc-services-4-area .ftc-services-4-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -283px;
top: 168px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
}
.ftc-services-4-area .ftc-services-4-shape-2 {
position: absolute;
width: 608px;
height: 608px;
right: -384px;
bottom: -20px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
}
/*
feh services 1 start
*/
.feh-services-1-area {
padding: 135px 0;
position: relative;
}
@media (max-width: 767px) {
.feh-services-1-area {
padding: 80px 0;
}
}
.feh-services-1-title-wrap {
max-width: 665px;
margin: 0 auto;
text-align: center;
}
.feh-services-1-wrap {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
.feh-services-1-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.feh-services-1-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.feh-services-1-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -264px;
top: 168px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.feh-services-1-shape-2 {
position: absolute;
width: 608px;
height: 608px;
right: -353px;
bottom: 41px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
/*
feh services 1 end
*/
/*
service page 4 start
*/
.ftc-services-3-area .ftc-services-p4-shape-1 {
position: absolute;
width: 608px;
height: 608px;
left: -283px;
top: 168px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.ftc-services-3-area .ftc-services-p4-shape-2 {
position: absolute;
width: 608px;
height: 608px;
right: -334px;
bottom: -221px;
background: #C4F017;
opacity: 0.3;
filter: blur(250px);
-webkit-filter: blur(250px);
z-index: -1;
}
.ftc-services-3-area .ftc-services-3-card.s-p4 {
background: #F7F7F7;
border-right: 1.5px solid #C4F017;
backdrop-filter: blur(24px);
}
.ftc-services-3-area .ftc-services-3-card.s-p4 .card-title {
color: #222627;
opacity: 0.6;
}
.ftc-services-3-area .ftc-services-3-card.s-p4 .card-icon {
background: rgba(255, 255, 255, 0.07);
color: #222627;
border: 1px solid #222627;
}
.ftc-services-3-area .ftc-services-3-card.s-p4 .card-no {
color: #222627;
opacity: 0.05;
}
.ftc-services-3-area .ftc-services-3-card.s-p4 .card-btn i {
background-color: var(--ftc-pr-1);
}
.ftc-services-3-area .ftc-services-3-card.s-p4:is(.active) {
background: #222627;
backdrop-filter: blur(24px);
}
.ftc-services-3-area .ftc-services-3-card.s-p4:is(.active) .card-icon {
border-color: #C4F017;
background: #C4F017;
}
.ftc-services-3-area .ftc-services-3-card.s-p4:is(.active) .card-icon::after {
opacity: 0;
}
.ftc-services-3-area .ftc-services-3-card.s-p4:is(.active) .card-title {
opacity: 100%;
color: #FFFFFF;
}
.ftc-services-3-area .ftc-services-3-card.s-p4:is(.active) .card-no {
color: #FFFFFF;
opacity: 0.05;
}
.ftc-services-3-area .ftc-services-3-card.s-p4:is(.active) .card-disc {
transition: 0.5s var(--cube-1);
transition-delay: 0.5s;
transform: translateX(0);
color: #FFFFFF;
opacity: 0.7;
}
.ftc-services-3-area .ftc-services-3-card.s-p4:is(.active) .card-btn {
transition: 0.5s var(--cube-1);
transition-delay: 0.7s;
opacity: 1;
transform: translateX(0);
visibility: visible;
}
.ftc-services-3-area .ftc-services-3-card.s-p4:is(.active) .card-btn i {
background-color: var(--ftc-pr-1);
color: #222627;
}
.ftc-services-3-area .ftc-services-3-card.s-p4:is(.active) .card-btn:hover {
color: var(--ftc-pr-1);
}
/*
service page 4 end
*/
/*# sourceMappingURL=main.css.map */