/*
************
*************************

   Template Name: Forgex - Industrial & Factory HTML Template
   Description: Forgex - Industrial & Factory HTML Template is a modern, unique and clean responsive HTML 5 template. It could be a perfect choice for Industrial & Factory companies as it provides the contemporary design reflecting the nature of their business. The layout looks beautiful at any size, be it a laptop screen, iPad, iPhone, Android Mobile or tablets.
   Author: https://themexriver.com/
   Version: 1.0

-----------------------------------------------------------------------------------

CSS INDEX
=================== 
    01. common
    02. utility
    03. typography
    04. mouse-cursor
    05. button
    06. offcanvas
    07. form
    08. search
    09. preloader
    10. animation
    11. wow-plus
    12. element
    13. back-to-top
    14. typing-text
    15. header
    16. hero
    17. core-features
    18. about
    19. projects
    20. work
    21. property
    22. showcase
    23. award
    24. brand
    25. marquee-text
    26. video
    27. experience
    28. choose
    29. services
    30. core-services
    31. testimonial
    32. contact
    33. team
    34. price
    35. gallery
    36. counter
    37. sponsor
    38. faqs
    39. blog
    40. office
    41. breadcrumb
    42. service-details
    43. team-details
    44. project-details
    45. career
    46. career-single
    47. blog-details
    48. contact-page
    49. error-page
    50. footer
******************************************************* 
*************************************************************** */
/*



/* 
    global-css-start
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");
/* 
    root-veriable-start
*/
:root {
    scroll-behavior: inherit;
    --fx-font-pr-1: "Roboto", sans-serif;
    --fx-font-pr-2: "Teko", sans-serif;
    /* --fx-clr-pr-1: #FC5220; */
    --fx-clr-pr-1: #ff0100;
    --fx-clr-pr-2: #fca804;
    --fx-clr-sd-1: #021f45;
    --fx-clr-sd-2: #ffe443;
    --fx-clr-sd-3: #003227;
    --fd-clr-h-1: #363539;
    --fd-clr-p-1: #797a84;
    --cube-1: cubic-bezier(0.55, 0.085, 0, 0.99);
    --cube-2: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* 
    root-veriable-end
*/
body {
    font-family: var(--fx-font-pr-1);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: var(--fx-clr-p-1);
    overflow-x: hidden;
}

.img,
img {
    max-width: 100%;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a,
span {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-transform: inherit;
    text-decoration: none;
    transition: unset;
}

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(--fx-clr-pr-1);
        border-radius: 30px;
    }
}
/* 
    global-css-start
*/
/* 
    margin-&-padding_variable-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_variable-end
*/
/* 
    all-common-class-start
*/
@media (min-width: 1300px) {
    .container.fx-container-1 {
        max-width: 1240px;
    }
}
.fix {
    overflow: hidden;
}

.swiper-notification {
    display: none;
}

.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;
}

.z-index-3 {
    position: relative;
    z-index: 3;
}

.p-absolute {
    position: absolute;
}

.p-relative {
    position: relative;
    z-index: 1;
}

.fx-font-400 {
    font-weight: 400;
}

.fx-font-500 {
    font-weight: 500;
}

.fx-font-600 {
    font-weight: 600;
}

.fx-font-700 {
    font-weight: 700;
}

.fx-font-800 {
    font-weight: 800;
}

.fx-font-900 {
    font-weight: 900;
}

.fx-ml-auto {
    margin-left: auto;
}

.fx-mr-auto {
    margin-right: auto;
}

.line-limit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.line-limit:is(.has-line-1) {
    -webkit-line-clamp: 1;
    line-clamp: 1;
}
.line-limit:is(.has-line-2) {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.line-limit:is(.has-line-3) {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.line-limit:is(.has-line-4) {
    -webkit-line-clamp: 4;
    line-clamp: 4;
}
.line-limit:is(.has-line-5) {
    -webkit-line-clamp: 5;
    line-clamp: 5;
}
.line-limit:is(.has-line-6) {
    -webkit-line-clamp: 6;
    line-clamp: 6;
}
.line-limit:is(.has-line-7) {
    -webkit-line-clamp: 7;
    line-clamp: 7;
}
.line-limit:is(.has-line-8) {
    -webkit-line-clamp: 8;
    line-clamp: 8;
}
.line-limit:is(.has-line-9) {
    -webkit-line-clamp: 9;
    line-clamp: 9;
}
.line-limit:is(.has-line-10) {
    -webkit-line-clamp: 10;
    line-clamp: 10;
}

/* 
    all-common-class-end
*/
/* 


*/
/* 
    heading-paragraph-css-start
*/
.fx-heading-1 {
    font-family: var(--fx-font-pr-1);
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.fx-heading-1:is(.has-clr-white) {
    color: #fff;
}

.fx-heading-2 {
    font-family: var(--fx-font-pr-2);
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.fx-heading-2:is(.has-clr-white) {
    color: #fff;
}

.fx-para-1 {
    font-family: var(--fx-font-pr-1);
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
}
.fx-para-1:is(.has-clr-white) {
    color: #fff;
}
.fx-para-1:is(.has-opacity-7) {
    opacity: 0.72;
}
.fx-para-1:is(.has-opacity-8) {
    opacity: 80%;
}

.fx-subtitle-1 {
    display: inline-flex;
    align-items: center;
    gap: 10px 40px;
    font-family: var(--fx-font-pr-1);
    color: #000;
    line-height: 1;
    margin-bottom: 0;
    opacity: 64%;
    margin-bottom: 20px;
    font-weight: 400;
}
.fx-subtitle-1:is(.has-clr-white) {
    color: #fff;
}
.fx-subtitle-1:is(.has-mb-28) {
    margin-bottom: 28px;
}

.fx-scn-title-1 {
    font-family: var(--fx-font-pr-1);
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 600;
    color: #000;
    letter-spacing: -1px;
    line-height: 1.088;
    margin-bottom: 0;
}
.fx-scn-title-1 .pr-clr {
    color: var(--fx-clr-pr-2);
}
.fx-scn-title-1:is(.has-clr-white) {
    color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-scn-title-1 {
        font-size: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-scn-title-1 {
        font-size: 35px;
        letter-spacing: -1px;
    }
}
@media (max-width: 767px) {
    .fx-scn-title-1 {
        font-size: 26px;
        letter-spacing: 0px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-scn-title-1 {
        font-size: 30px;
    }
}

.fx-scn-title-2 {
    font-family: var(--fx-font-pr-2);
    text-transform: uppercase;
    font-size: 64px;
    font-weight: 600;
    color: #000;
    letter-spacing: -1px;
    line-height: 0.796;
    margin-bottom: 0;
}
.fx-scn-title-2 .pr-clr {
    color: var(--fx-clr-pr-2);
}
.fx-scn-title-2:is(.has-clr-white) {
    color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-scn-title-2 {
        font-size: 56px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-scn-title-2 {
        font-size: 48px;
        letter-spacing: 0px;
    }
}
@media (max-width: 767px) {
    .fx-scn-title-2 {
        font-size: 30px;
        letter-spacing: 0px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-scn-title-2 {
        font-size: 45px;
        letter-spacing: 0px;
    }
}

.fx-scn-title-3 {
    font-family: var(--fx-font-pr-2);
    text-transform: uppercase;
    font-size: 90px;
    font-weight: 600;
    color: #000;
    letter-spacing: -2px;
    line-height: 0.766;
    margin-bottom: 0;
}
.fx-scn-title-3 .pr-clr {
    color: var(--fx-clr-pr-2);
}
.fx-scn-title-3:is(.has-clr-white) {
    color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-scn-title-3 {
        font-size: 80px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-scn-title-3 {
        font-size: 65px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-scn-title-3 {
        font-size: 50px;
        letter-spacing: 0px;
    }
}
@media (max-width: 767px) {
    .fx-scn-title-3 {
        font-size: 30px;
        letter-spacing: 0px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-scn-title-3 {
        font-size: 40px;
        letter-spacing: 0px;
    }
}

/* 
    heading-paragraph-css-end
*/
/* 
    button-component-start
*/
/* 
    mobile-menu-btn-1-start
*/
.fx-menu-btn-1 {
    width: 80px;
    height: 80px;
    flex: 0 0 auto;
    background: var(--fx-clr-pr-1);
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
    align-content: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.5s var(--cube-1);
}
.fx-menu-btn-1 span {
    display: inline-block;
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    transition: all 0.5s var(--cube-1);
}
.fx-menu-btn-1:hover {
    background: var(--fx-clr-sd-1);
}
.fx-menu-btn-1:hover span:nth-child(1) {
    transform: translate(-5px, -5px);
}
.fx-menu-btn-1:hover span:nth-child(2) {
    transform: translate(0px, -5px);
}
.fx-menu-btn-1:hover span:nth-child(3) {
    transform: translate(5px, -5px);
}
.fx-menu-btn-1:hover span:nth-child(4) {
    transform: translate(-5px, 0px);
}
.fx-menu-btn-1:hover span:nth-child(6) {
    transform: translate(5px, 0px);
}
.fx-menu-btn-1:hover span:nth-child(7) {
    transform: translate(-5px, 5px);
}
.fx-menu-btn-1:hover span:nth-child(8) {
    transform: translate(0px, 5px);
}
.fx-menu-btn-1:hover span:nth-child(9) {
    transform: translate(5px, 5px);
}

/* 
    mobile-menu-btn-1-end 
*/
/* 
    pr-btn-1-start
*/
.fx-pr-btn-1 {
    display: inline-block;
    flex: 0 0 auto;
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1;
    background: var(--fx-clr-pr-1);
    color: #fff;
    padding: 19px 27px;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.5s var(--cube-1);
}
.fx-pr-btn-1 i {
    margin-left: 10px;
}
.fx-pr-btn-1 .text {
    position: relative;
    z-index: 1;
    overflow: hidden;
    line-height: 1;
    margin-bottom: -2px;
}
.fx-pr-btn-1 .text::after {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    display: block;
    transition: all 0.5s var(--cube-1);
    position: absolute;
    content: attr(data-back);
    transform: translateY(100%);
}
.fx-pr-btn-1 .text::before {
    top: 0;
    left: 0;
    opacity: 1;
    display: block;
    transition: 0.5s;
    position: relative;
    content: attr(data-front);
    transform: translateY(0);
}
.fx-pr-btn-1:hover {
    background: #000;
    color: #fff;
}
.fx-pr-btn-1:hover .text::after {
    opacity: 1;
    transform: translateY(0%);
}
.fx-pr-btn-1:hover .text::before {
    opacity: 0;
    transform: translateY(-240%);
}
.fx-pr-btn-1:is(.has-hover-white) .text::after {
    color: var(--fx-clr-pr-1);
}
.fx-pr-btn-1:is(.has-hover-white) .text::before {
    color: #fff;
}
.fx-pr-btn-1:is(.has-hover-white):hover {
    background: #fff;
    color: var(--fx-clr-pr-1);
}
.fx-pr-btn-1:is(.has-hover-border) {
    border: 2px solid transparent;
}
.fx-pr-btn-1:is(.has-hover-border) .text::after {
    color: var(--fx-clr-pr-1);
}
.fx-pr-btn-1:is(.has-hover-border):hover {
    background: transparent;
    border-color: var(--fx-clr-pr-1);
}
.fx-pr-btn-1:is(.has-white-bg) {
    background: #fff;
    border: 2px solid transparent;
    padding: 17px 27px;
}
.fx-pr-btn-1:is(.has-white-bg) .text::before {
    color: var(--fx-clr-pr-1);
}
.fx-pr-btn-1:is(.has-white-bg) .text::after {
    color: #fff;
}
.fx-pr-btn-1:is(.has-white-bg):hover {
    background: transparent;
    border-color: #fff;
}
.fx-pr-btn-1:is(.has-clip) {
    border-radius: 0;
    padding: 19px 31px;
    clip-path: polygon(10% 0, 100% 0, 100% 65%, 90% 100%, 0 100%, 0 0);
}
.fx-pr-btn-1:is(.has-clip) .text::after {
    color: var(--fx-clr-pr-1);
}
.fx-pr-btn-1:is(.has-clip):hover {
    background: #fff;
    clip-path: polygon(10% 0, 100% 0, 100% 65%, 90% 100%, 0 100%, 0 35%);
}
.fx-pr-btn-1:is(.has-clip):is(.has-hover-black) .text::after {
    color: #fff;
}
.fx-pr-btn-1:is(.has-clip):is(.has-hover-black):hover {
    background: #000;
}
.fx-pr-btn-1:is(.has-btn-5) {
    background: var(--fx-clr-pr-2);
}
.fx-pr-btn-1:is(.has-btn-5) .text::before {
    color: #000;
}
.fx-pr-btn-1:is(.has-btn-5) .text::after {
    color: #fff;
}
.fx-pr-btn-1:is(.has-btn-5) i {
    color: #000;
}
.fx-pr-btn-1:is(.has-btn-5):hover {
    background: #000;
}
.fx-pr-btn-1:is(.has-btn-5):hover i {
    color: #fff;
}
.fx-pr-btn-1:is(.has-btn-5):is(.hover-white) .text::after {
    color: var(--fx-clr-pr-2);
}
.fx-pr-btn-1:is(.has-btn-5):is(.hover-white):hover {
    background: #fff;
}
.fx-pr-btn-1:is(.has-btn-5):is(.hover-white):hover i {
    color: var(--fx-clr-pr-2);
}
.fx-pr-btn-1:is(.has-h6) {
    background: var(--fx-clr-pr-2);
}
.fx-pr-btn-1:is(.has-h6) .text::before {
    color: #000;
}
.fx-pr-btn-1:is(.has-h6) i {
    color: #000;
}
.fx-pr-btn-1:is(.has-h6):hover {
    background: #000;
}
.fx-pr-btn-1:is(.has-h6):hover i {
    color: #fff;
}
.fx-pr-btn-1:is(.has-h6):is(.hover-white) .text::after {
    color: #000;
}
.fx-pr-btn-1:is(.has-h6):is(.hover-white):hover {
    background: #fff;
}
.fx-pr-btn-1:is(.has-h6):is(.hover-white):hover i {
    color: #000;
}

/* 
    pr-btn-1-end
*/
/* 
    search-btn-1-start
*/
.fx-search-btn-1 {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.4);
    font-size: 16px;
    background: transparent;
    padding: 0;
    transition: all 0.4s var(--cube-1);
    flex: 0 0 auto;
}
.fx-search-btn-1 i {
    color: #000;
    margin-right: 5px;
    transition: all 0.4s var(--cube-1);
}
.fx-search-btn-1:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(-3px);
}
.fx-search-btn-1:hover i {
    color: var(--fx-clr-pr-1);
}

/* 
    search-btn-1-end
*/
/* 
    playbtn-1-start
*/
.fx-play-btn-1 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    font-weight: 500;
    color: var(--fx-clr-pr-1);
    transition: all 0.4s var(--cube-1);
}
.fx-play-btn-1 i {
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    transition: 0.2s;
    animation: fd-bounce-2 1.5s infinite;
}
.fx-play-btn-1:hover {
    transform: translateX(3px);
    color: var(--fx-clr-sd-1);
}
.fx-play-btn-1:hover i {
    animation: unset;
}
.fx-play-btn-1:is(.has-hover-white):hover {
    color: #fff;
}

/* 
    playbtn-1-end
*/
/* 
    playbtn-2-start
*/
.fx-playbtn-2 {
    display: flex;
    flex: 0 0 auto;
    width: 120px;
    height: 120px;
    background: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 20px;
    color: var(--fx-clr-pr-1);
    position: relative;
    z-index: 1;
    transition: all 0.3s var(--cube-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-playbtn-2 {
        width: 70px;
        height: 70px;
    }
}
.fx-playbtn-2::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    z-index: -1;
    transform: scale(1.3);
    animation: fx-scaling 6s linear infinite;
    animation-delay: 3s;
}
.fx-playbtn-2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    z-index: -1;
    transform: scale(1.6);
    animation: fx-scaling 6s linear infinite;
}

/* 
    playbtn-2-end
*/
/* 
    land-btn-1-start
*/
.fx-land-1-btn {
    border-radius: 0;
    border: none;
    font-family: var(--fx-font-pr-1);
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    padding-left: 0;
    line-height: 1;
    padding-right: 17px;
    height: auto;
}
.fx-land-1-btn::after {
    width: 7px;
    height: 7px;
    border-color: var(--fx-clr-pr-2);
    right: 2px;
    margin-top: -6px;
}
.fx-land-1-btn .current {
    transition: all 0.3s ease-in-out;
}
.fx-land-1-btn:hover .current {
    color: var(--fx-clr-pr-2);
}
.fx-land-1-btn .list li:is(.selected) {
    color: var(--fx-clr-pr-2);
}

/* 
    land-btn-1-end
*/
/* 
    button-component-end
*/
/* 
    components-start
*/
.fx-scn-redius {
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
}

.fx-bg-gray {
    background: #eeeeee;
}

/* 
    contact-list-start
*/
.fx-contact-list {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 767px) {
    .fx-contact-list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
    }
}
.fx-contact-list li {
    font-family: var(--fx-font-pr-1);
    color: #fff;
    font-size: 14px;
    line-height: 2.6;
    padding-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    transition: all 0.5s var(--cube-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-contact-list li {
        border-right: none;
    }
}
.fx-contact-list li i {
    margin-right: 4px;
}
.fx-contact-list li a {
    transition: all 0.5s var(--cube-1);
}
.fx-contact-list li a:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}

/* 
    contact-list-end
*/
/* 
    social-list-start
*/
.fx-social-icon {
    display: flex;
    align-items: center;
}
.fx-social-icon-btn {
    font-size: 14px;
    color: #fff;
    padding: 2px 15px;
    flex: 0 0 auto;
    border-left: 1px solid rgba(255, 255, 255, 0.16);
    transition: all 0.3s var(--cube-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-social-icon-btn {
        border-left: none;
    }
}
.fx-social-icon-btn:hover {
    background-color: var(--fx-clr-pr-1);
}
.fx-social-icon-btn:nth-child(1):hover {
    border-color: transparent;
    background: #1974ec;
    color: #fff;
}
.fx-social-icon-btn:nth-child(2):hover {
    border-color: transparent;
    background: #0077b5;
    color: #fff;
}
.fx-social-icon-btn:nth-child(3):hover {
    border-color: transparent;
    background: #1c9cea;
    color: #fff;
}
.fx-social-icon-btn:nth-child(4):hover {
    border-color: transparent;
    background: #ce36a6;
    color: #fff;
}

/* 
    social-list-end
*/
/* 
    social-list-2-start
*/
.fx-social-icon-2 {
    display: flex;
    flex-direction: column;
    background: var(--fx-clr-sd-2);
    border-radius: 8px;
    gap: 27px;
    padding: 16px 11px;
    align-items: center;
}
.fx-social-icon-2-btn {
    padding: 0;
    color: #000;
    font-size: 16px;
    line-height: 1;
    transition: all 0.4s var(--cube-1);
    position: relative;
    z-index: 1;
}
.fx-social-icon-2-btn:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 8px;
    background: #000;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 28px;
}
.fx-social-icon-2-btn:hover {
    color: var(--fx-clr-pr-1);
    background: transparent;
    transform: scale(120%);
}

/* 
    social-list-2-end
*/
/* 
    fx-gap-start
*/
.fx-gap-12 {
    display: block;
    height: 12px;
}

.fx-gap-16 {
    display: block;
    height: 16px;
}

.fx-gap-60 {
    display: block;
    height: 60px;
}

.has-h5-redius {
    border-radius: 0 0 56px 56px;
}
@media (max-width: 767px) {
    .has-h5-redius {
        border-radius: 0 0 10px 10px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .has-h5-redius {
        border-radius: 0 0 20px 20px;
    }
}

/* 
    fx-gap-end
*/
/* 
    slider-pagination-1-start
*/
.fx-slider-pagi-1 {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.fx-slider-pagi-1 span {
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.32);
    opacity: 1;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0;
    position: relative;
}
.fx-slider-pagi-1 span::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--fx-clr-pr-1);
    background: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s var(--cube-1);
}
.fx-slider-pagi-1 span:is(.swiper-pagination-bullet-active) {
    background: var(--fx-clr-pr-1);
}
.fx-slider-pagi-1 span:is(.swiper-pagination-bullet-active)::after {
    opacity: 1;
}

/* 
    slider-pagination-1-end
*/
/* 
    slider-btn-1-start
*/
.fx-slider-btn-1-item {
    display: inline-flex;
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s var(--cube-1);
}
.fx-slider-btn-1-item i {
    color: #fff;
    position: absolute;
    transition: all 0.4s var(--cube-1);
}
.fx-slider-btn-1-item i:last-child {
    transform: translateX(35px);
}
.fx-slider-btn-1-item:hover {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    background: rgba(252, 82, 32, 0.7);
}
.fx-slider-btn-1-item:hover i:first-child {
    transform: translateX(-35px);
}
.fx-slider-btn-1-item:hover i:last-child {
    transform: translateX(0px);
}
.fx-slider-btn-1-item:last-child i:last-child {
    transform: translateX(-35px);
}
.fx-slider-btn-1-item:last-child:hover i:first-child {
    transform: translateX(35px);
}
.fx-slider-btn-1-item:last-child:hover i:last-child {
    transform: translateX(0px);
}

/* 
    slider-btn-1-end
*/
/* 
    slider-btn-2-start
*/
.fx-slider-btn-2 {
    display: inline-flex;
    gap: 20px;
    align-items: center;
}
.fx-slider-btn-2-item {
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 13px;
    opacity: 40%;
    flex: 0 0 auto;
    transition: all 0.3s var(--cube-1);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.fx-slider-btn-2-item i {
    font-size: 18px;
}
.fx-slider-btn-2-item:hover {
    color: var(--fx-clr-pr-1);
    opacity: 100%;
    transform: translateY(3px);
}

/* 
    slider-btn-2-end
*/
/* 
    slider-scrollbar-1-start
*/
.fx-slider-scrollbar-1 {
    width: 300px;
    flex: 0 0 auto;
    max-width: 300px;
    background: #eeeeee;
    height: 2px;
}
.fx-slider-scrollbar-1 .swiper-scrollbar-drag {
    background: var(--fx-clr-pr-1);
}

/* 
    slider-bscrollbar-1-end
*/
/* 
    rating-start-1-start
*/
.fx-star-1 {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    gap: 8px;
    color: #fc5220;
}

/* 
    rating-start-1-end
*/
.fx-pagination {
    display: inline-flex;
    gap: 9px;
    flex-wrap: wrap;
}
.fx-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 2px solid #f6f6f6;
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    transition: all 0.3s var(--cube-1);
}
.fx-pagination-item:hover {
    background: var(--fx-clr-pr-1);
    color: #fff;
    border-color: var(--fx-clr-pr-1);
}
.fx-pagination-item:is(.has-btn):hover {
    border-color: var(--fx-clr-pr-1);
    background: transparent;
    color: var(--fx-clr-pr-1);
}

/* 
    components-end
*/
/* 
  offcanvas-start
*/
.txa-offcanvas-box {
    position: fixed;
    right: 20px;
    top: 20px;
    background: #fff;
    z-index: 9;
    max-width: 720px;
    width: 100%;
    height: calc(100% - 40px);
    background-color: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    overflow: hidden;
    transform: translateX(105%);
    visibility: hidden;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    padding: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .txa-offcanvas-box {
        right: 0px;
        top: 0px;
        height: 100vh;
    }
}
@media (max-width: 767px) {
    .txa-offcanvas-box {
        right: 0px;
        top: 0px;
        height: 100vh;
        padding: 80px 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .txa-offcanvas-box {
        right: 0px;
        top: 0px;
        height: 100vh;
        padding: 80px 40px;
    }
}
.txa-offcanvas-box-close {
    display: flex;
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    background: #c9f7ca;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    position: absolute;
    right: 16px;
    top: 16px;
    transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
    .txa-offcanvas-box-close {
        width: 46px;
        height: 46px;
        font-size: 20px;
        right: 10px;
        top: 10px;
    }
}
.txa-offcanvas-box-close i {
    font-weight: 400;
}
.txa-offcanvas-box-close:hover {
    background: #000;
    color: #fff;
}
.txa-offcanvas-box-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    gap: 50px;
    overflow-y: scroll;
}
.txa-offcanvas-box-container::-webkit-scrollbar {
    display: none;
}
.txa-offcanvas-box .offcanvas-slideup {
    transform: translateY(100%);
    transition: all 0.5s ease-in-out;
    transition-delay: 0s;
}
.txa-offcanvas-box:is(.active) {
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
}
.txa-offcanvas-box:is(.active) .offcanvas-slideup {
    transform: translateY(0%);
    transition-delay: 0.3s;
}
.txa-offcanvas-services-title {
    font-size: 16px;
    color: #101010;
    margin-bottom: 14px;
}
.txa-offcanvas-services li {
    overflow: hidden;
    line-height: 1.5;
}
.txa-offcanvas-services li:not(:last-child) {
    margin-bottom: 8px;
}
.txa-offcanvas-services-item {
    font-size: 32px;
    color: #5d5d5d;
    display: flex;
    align-items: baseline;
    gap: 10px;
    transform: translateX(-28px);
    transition: all 0.4s ease-in-out;
}
.txa-offcanvas-services-item i {
    font-size: 20px;
    transform: translateY(-3px) translateX(0px);
    color: #000;
}
.txa-offcanvas-services-item:hover {
    color: #000;
    transform: translateX(0px);
}
.txa-offcanvas-content {
    display: flex;
    gap: 50px;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .txa-offcanvas-content {
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .txa-offcanvas-content {
        flex-wrap: nowrap;
    }
}
.txa-offcanvas-content-box-title {
    font-size: 16px;
    color: #888888;
    margin-bottom: 14px;
}
.txa-offcanvas-contact li {
    font-size: 16px;
    line-height: 22px;
    color: #101010;
    display: flex;
    gap: 12px;
    align-items: center;
}
.txa-offcanvas-contact li:not(:last-child) {
    margin-bottom: 10px;
}
.txa-offcanvas-contact li span {
    display: flex;
    gap: 11px;
    align-items: center;
}
.txa-offcanvas-contact li a {
    display: flex;
    gap: 11px;
    align-items: center;
    transition: all 0.3s ease-in-out;
}
.txa-offcanvas-contact li a:hover {
    transform: translateX(5px);
    opacity: 50%;
}
.txa-offcanvas-social li {
    overflow: hidden;
    margin-bottom: 7px;
}
.txa-offcanvas-social-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #5d5d5d;
    line-height: 1.5;
    transform: translateX(-25px);
    transition: all 0.3s ease-in-out;
}
.txa-offcanvas-social-item i {
    width: 15px;
}
.txa-offcanvas-social-item:hover {
    transform: translateX(0);
    color: #000;
}

.txa-offcanvas-search-form {
    position: relative;
    z-index: 1;
}
.txa-offcanvas-search-form-input {
    height: 55px;
    padding: 0 20px;
    background: rgba(105, 105, 105, 0.15);
    width: 100%;
    border: none;
    outline: none;
    color: #000;
    font-size: 16px;
    border-radius: 0px;
}
.txa-offcanvas-search-form-btn {
    border: none;
    outline: none;
    background: transparent;
    color: #000;
    transition: all 0.4s ease-in-out;
    text-transform: capitalize;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    padding: 0;
}
.txa-offcanvas-search-form-btn:hover {
    color: var(--fx-clr-pr-2);
}

.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: #fff;
    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-logo-wrap .mobile-menu-logo {
    max-width: 220px;
}
.mobile-menu-close {
    font-size: 30px;
    color: #000;
    cursor: pointer;
}
.mobile-menu-close i {
    line-height: 1;
    display: inline-block;
    transition: 300ms ease-in-out;
}
.mobile-menu-close:hover {
    color: var(--fd-clr-pr-1);
}
.mobile-menu-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .mobile-menu-row {
        grid-template-columns: 1fr;
        gap: 100px;
    }
}

/* 
  header-menu-customazition-start
*/
.mobile-main-navigation .navbar-nav li {
    position: relative;
    padding: 12px 0;
}
.mobile-main-navigation .navbar-nav li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
.mobile-main-navigation .navbar-nav li a {
    color: #000;
    font-family: var(--fx-font-pr-1);
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 400;
}
.mobile-main-navigation .navbar-nav li a:hover {
    color: var(--fx-clr-pr-1);
}
.mobile-main-navigation .navbar-nav li .dropdown-btn {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 45px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    font-size: 14px;
    color: #000;
    transition: 400ms ease-in-out;
}
.mobile-main-navigation .navbar-nav li .dropdown-btn:hover {
    color: var(--fx-clr-pr-1);
}
.mobile-main-navigation .navbar-nav li .dropdown-btn:is(.active) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: var(--fd-clr-pr-1);
}
.mobile-main-navigation .navbar-nav li .dropdown-menu {
    border-radius: 0;
    background-color: transparent;
    border: none;
    border-radius: 3px;
}
.mobile-main-navigation .navbar-nav li .dropdown-menu li {
    margin-left: 30px;
    padding: 5px 0;
    margin-bottom: 0;
}
.mobile-main-navigation .navbar-nav li .dropdown-menu li a {
    font-size: 16px;
}
.mobile-main-navigation .navbar-nav li .dropdown-menu li .dropdown-btn {
    position: absolute;
    top: 5px;
    width: 22px;
    height: 22px;
    font-size: 12px;
}

/* 
  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: #fff;
    transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
}
#preloader .preloader-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#preloader .preloader-wrap .icon-ani {
    width: 200px;
}
#preloader:is(.preloaded) {
    transform: translateY(-100%);
    border-radius: 0 0 1000px 1000px;
}

/* 
	preloader-css-end
*/
/* 
    search-box-css-start
*/
.txa-search-box {
    padding-top: 56px;
    padding-bottom: 56px;
    background-color: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    position: fixed;
    display: flex;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    align-items: center;
    transition: 500ms var(--cube-1);
    transform-origin: top;
    transform: scaleY(0);
    visibility: hidden;
    box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);
}
.txa-search-box-close {
    height: 40px;
    width: 40px;
    font-size: 18px;
    border: none;
    outline: none;
    border-radius: 2px;
    background: #fff;
    color: #000;
    flex: 0 0 auto;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 40px;
    top: 35px;
    line-height: 1;
}
@media (max-width: 767px) {
    .txa-search-box-close {
        right: 20px;
        top: 15px;
    }
}
.txa-search-box-close i {
    font-weight: 400;
    line-height: 1;
}
.txa-search-box-close:hover {
    background: #000;
    color: #fff;
}
.txa-search-box.active {
    top: 0;
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}
.txa-search-box.active .txa-search-form::after {
    transform: scaleX(1);
    transition-delay: 0.3s;
}
.txa-search-container {
    width: 100%;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.txa-search-title {
    font-size: 23px;
    line-height: 1;
    margin-bottom: 18px;
}
.txa-search-form {
    position: relative;
    z-index: 1;
}
.txa-search-form-input {
    width: 100%;
    margin: 0;
    border: none;
    outline: none;
    text-align: center;
    font-size: 16px;
    color: #888888;
    font-weight: 300;
    padding: 3px 10px;
    background: transparent;
}
.txa-search-form::after {
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    position: absolute;
    background-color: #6d6d6d;
    transition: all 0.5s ease-in-out;
    transform: scaleX(0);
    transition-delay: 0s;
}
.txa-search-tag {
    gap: 8px;
    justify-content: center;
}
.txa-search-tag-title {
    font-size: 16px;
    font-weight: 400;
    color: #5d5d5d;
    margin-bottom: 12px;
}
.txa-search-tag-item {
    flex: 0 0 auto;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #454545;
    border: 1px solid #dfe1e5;
    line-height: 1;
    padding: 9px 17px;
    transition: all 0.2s ease-in-out;
}
.txa-search-tag-item:hover {
    background: #000;
    color: #fff;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    display: none;
}
.overlay:is(.active) {
    display: block;
}

/* 
    search-box-css-end
*/
/* 
	home-function-start
*/
/* 
	home-function-end
*/
/* 
	animation-component-start
*/
.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;
}

@keyframes fd-bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    60% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
@keyframes fd-bounce-2 {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    60% {
        -webkit-transform: translateY(-2.5px);
        -ms-transform: translateY(-2.5px);
        transform: translateY(-2.5px);
    }
}
@keyframes fx-rotated {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes fx-scaling {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
/* 
  title-ani-css-start
*/
.txaa-split-text-2 {
    text-transform: unset !important;
}
.txaa-split-text-2 .split-line div div:nth-child(1) {
    text-transform: capitalize;
}

.fx-cube-1 {
    transition: var(--cube-1);
}

.fx-delay-01 {
    transition-delay: 0.1s;
}

.fx-delay-02 {
    transition-delay: 0.2s;
}

.fx-delay-03 {
    transition-delay: 0.3s;
}

.fx-delay-04 {
    transition-delay: 0.4s;
}

.fx-delay-05 {
    transition-delay: 0.5s;
}

.fx-delay-06 {
    transition-delay: 0.6s;
}

/* 
  title-ani-css-end
*/
/* 
	animation-component-start
*/
.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
*/
.fx-header-1-area {
    /* position: absolute; */
    top: 12px;
    left: 0;
    width: 100%;
    z-index: 2;
}
.fx-header-1-container {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.fx-header-1-radius {
    border-radius: 8px;
    overflow: hidden;
}
.fx-header-1-top {
    background: rgba(2, 31, 69, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-left: 40px;
    border-radius: 8px 8px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-header-1-top {
        padding-left: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-header-1-top {
        padding-left: 20px;
        gap: 0px;
        padding-left: 40px;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .fx-header-1-top {
        padding-left: 20px;
        gap: 0px;
        padding-left: 40px;
        flex-wrap: wrap;
        justify-content: center;
        display: none;
    }
}
.fx-header-1-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.88);
    padding-left: 40px;
    gap: 80px;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-header-1-main {
        gap: 60px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-1-main {
        padding-left: 20px;
        gap: 30px;
    }
}
.fx-header-1-main-logo {
    max-width: 150px;
}
.fx-header-1-action-link {
    gap: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-1-action-link .fx-search-btn-1 {
        display: none;
    }
}
.fx-header-1-action-link .fx-pr-btn-1 {
    padding: 13px 19px;
}
@media (max-width: 767px) {
    .fx-header-1-action-link .fx-pr-btn-1 {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-1-action-link .fx-pr-btn-1 {
        display: inline-block;
    }
}
.fx-header-1-action-link .fx-menu-btn-1 {
    border-radius: 0 0 8px 0;
}

.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: 32px;
}
@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: 15px;
    }
}
.main-navigation .navbar-nav li:is(.dropdown) > a {
    padding-right: 17px;
}
.main-navigation .navbar-nav li:is(.dropdown) > a::before {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
    position: absolute;
    font-size: 12px;
    right: 0;
    top: 50%;
    color: var(--fx-clr-pr-1);
    transform: translateY(-50%);
    transition: 400ms var(--cube-1);
}
.main-navigation .navbar-nav li a {
    position: relative;
    z-index: 1;
    font-family: var(--fx-font-pr-1);
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    color: #000;
    padding: 32px 0;
    display: inline-block;
    text-transform: capitalize;
    line-height: 1;
    transition: all 0.5s var(--cube-1);
}
.main-navigation .navbar-nav li a:is(.is-active) {
    color: var(--fx-clr-pr-1);
}
.main-navigation .navbar-nav li .dropdown-menu {
    left: 0;
    top: 100%;
    z-index: 100;
    margin: 0px;
    padding: 20px 0px;
    height: auto;
    min-width: 250px;
    display: block;
    border: none;
    border-top: 2px solid var(--fx-clr-pr-1);
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
    border-radius: 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    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 {
    width: 100%;
    display: block;
    padding: 10px 20px;
    font-size: 16px;
}
.main-navigation .navbar-nav li .dropdown-menu li:is(.dropdown) > a::before {
    right: 20px;
    top: 51%;
}
.main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu {
    top: 0;
    left: 100%;
    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 > a {
    transform: translateX(5px);
}
.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:hover > a {
    color: var(--fx-clr-pr-1);
    transform: translateY(5px);
}
.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
*/
.fx-header-2-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
.fx-header-2-container {
    max-width: 1406px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.fx-header-2-wrap {
    display: flex;
    gap: 32px;
}
.fx-header-2-logo-box {
    max-width: 185px;
    width: 100%;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-2-logo-box {
        max-width: 120px;
    }
}
.fx-header-2-right {
    width: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.24);
}
.fx-header-2-top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
    padding-left: 32px;
    gap: 15px;
    position: relative;
    z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-header-2-top {
        justify-content: end;
    }
}
@media (max-width: 767px) {
    .fx-header-2-top {
        justify-content: end;
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-2-top {
        justify-content: end;
        display: flex;
    }
}
.fx-header-2-top::after {
    position: absolute;
    content: "";
    width: 265px;
    height: 1px;
    background: rgba(255, 255, 255, 0.24);
    left: 100%;
    bottom: -0.5px;
    z-index: 1;
}
@media only screen and (min-width: 1800px) and (max-width: 1919px) {
    .fx-header-2-top::after {
        width: 212px;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .fx-header-2-top::after {
        width: 109px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-header-2-top::after {
        width: 14px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1399px) {
    .fx-header-2-top::after {
        width: 12px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .fx-header-2-top::after {
        display: none;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-2-top::after {
        display: none;
    }
}
.fx-header-2-top .fx-social-icon-btn:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.16);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-2-top .fx-contact-list {
        display: none;
    }
}
.fx-header-2-main {
    display: flex;
    gap: 30px;
    padding-left: 32px;
    justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-header-2-main {
        gap: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-2-main {
        padding-top: 10px;
        padding-bottom: 10px;
        justify-content: end;
    }
}
.fx-header-2-action-link {
    gap: 32px;
}
.fx-header-2-action-link .fx-search-btn-1 {
    color: rgba(255, 255, 255, 0.4);
}
.fx-header-2-action-link .fx-search-btn-1 i {
    color: #fff;
}
.fx-header-2-action-link .fx-search-btn-1:hover {
    color: var(--fx-clr-pr-1);
}
.fx-header-2-action-link .fx-search-btn-1:hover i {
    color: var(--fx-clr-pr-1);
}
@media (max-width: 767px) {
    .fx-header-2-action-link .fx-search-btn-1 {
        display: none;
    }
}
.fx-header-2-action-link .fx-menu-btn-1 {
    width: 55px;
    height: 55px;
    border-radius: 6px;
}
@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) {
    .fx-header-2-action-link .fx-menu-btn-1 {
        display: none;
    }
}
.fx-header-2-action-link .fx-pr-btn-1 {
    padding: 11px 19px;
}
@media (max-width: 767px) {
    .fx-header-2-action-link .fx-pr-btn-1 {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-2-action-link .fx-pr-btn-1 {
        display: inline-block;
    }
}

.main-navigation:is(.has-header-2) .navbar-nav li a {
    color: #fff;
}
.main-navigation:is(.has-header-2) .navbar-nav li:hover > a {
    color: var(--fx-clr-pr-1);
}
.main-navigation:is(.has-header-2) .navbar-nav li .dropdown-menu {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(102, 102, 102, 0.6);
}

/* 
  header-2-css-end
*/
/* 
  header-3-css-start
*/
.fx-header-3-area {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    z-index: 3;
}
.fx-header-3-container {
    max-width: 1440px;
    padding-left: 32px;
    padding-right: 32px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px) {
    .fx-header-3-container {
        padding-left: 22px;
        padding-right: 22px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-3-container {
        padding-left: 32px;
        padding-right: 32px;
    }
}
.fx-header-3-main {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    align-items: center;
    background-image: url(../img/bg/header-3-bg.html);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0 20px;
    border-radius: 12px;
    background-color: var(--fx-clr-pr-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-3-main {
        padding: 10px 20px;
    }
}
.fx-header-3-main-logo {
    flex: 0 0 auto;
    max-width: 155px;
    width: 100%;
}
.fx-header-3-phone {
    padding: 16px 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.32);
    border-right: 1px solid rgba(0, 0, 0, 0.32);
}
@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) {
    .fx-header-3-phone {
        display: none;
    }
}
.fx-header-3-phone .title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: -3px;
    margin-top: 8px;
}
.fx-header-3-phone .phone-number {
    font-size: 16px;
    line-height: 1;
    transition: all 0.3s var(--cube-1);
    display: inline-block;
}
.fx-header-3-phone .phone-number:hover {
    color: #000;
    transform: translateX(2px);
}
.fx-header-3-action-link {
    gap: 28px;
}
.fx-header-3-action-link .fx-search-btn-1 {
    color: rgba(255, 255, 255, 0.4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-3-action-link .fx-search-btn-1 {
        display: none;
    }
}
.fx-header-3-action-link .fx-search-btn-1 i {
    color: #fff;
}
.fx-header-3-action-link .fx-search-btn-1:hover {
    color: #000;
}
.fx-header-3-action-link .fx-search-btn-1:hover i {
    color: #000;
}
.fx-header-3-action-link .fx-pr-btn-1 {
    padding: 11px 18px;
}
@media (max-width: 767px) {
    .fx-header-3-action-link .fx-pr-btn-1 {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-3-action-link .fx-pr-btn-1 {
        display: inline-block;
    }
}
.fx-header-3-action-link .fx-menu-btn-1 {
    width: 55px;
    height: 55px;
    border-radius: 6px;
    background: #fff;
}
.fx-header-3-action-link .fx-menu-btn-1 span {
    background: var(--fx-clr-pr-1);
}
@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) {
    .fx-header-3-action-link .fx-menu-btn-1 {
        display: none;
    }
}

.main-navigation:is(.has-header-3) .navbar-nav li:not(:last-child) {
    margin-right: 22px;
}
.main-navigation:is(.has-header-3) .navbar-nav li:is(.dropdown) > a::before {
    color: #fff;
}
.main-navigation:is(.has-header-3) .navbar-nav li a {
    color: #fff;
}
.main-navigation:is(.has-header-3) .navbar-nav li:hover > a {
    color: #000;
}
.main-navigation:is(.has-header-3) .navbar-nav li:hover > a::before {
    color: #000;
}
.main-navigation:is(.has-header-3) .navbar-nav li .dropdown-menu {
    border-color: #000;
}
.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:is(.dropdown)
    > a::before {
    color: #000;
}
.main-navigation:is(.has-header-3) .navbar-nav li .dropdown-menu li a {
    color: #000;
}
.main-navigation:is(.has-header-3) .navbar-nav li .dropdown-menu li:hover > a {
    color: var(--fx-clr-pr-1);
}

/* 
  header-3-css-end
*/
/* 
  header-4-css-start
*/
.fx-header-4-area {
    position: absolute;
    top: 20px;
    width: 100%;
    left: 0;
    z-index: 5;
}
.fx-header-4-container {
    max-width: 1430px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.fx-header-4-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    gap: 28px;
    position: relative;
    z-index: 1;
}
.fx-header-4-main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg/header-4-bg.html);
    background-size: cover;
    background-repeat: no-repeat;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 98% 100%, 2% 100%, 0 70%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 98% 100%, 2% 100%, 0 70%);
    z-index: -1;
    background-color: var(--fx-clr-sd-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-4-main::after {
        clip-path: polygon(0 0, 100% 0, 100% 70%, 97% 100%, 2% 100%, 0 70%);
        -webkit-clip-path: polygon(
            0 0,
            100% 0,
            100% 70%,
            97% 100%,
            2% 100%,
            0 70%
        );
    }
}
.fx-header-4-main .fx-header-3-phone {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
    z-index: 1;
}
.fx-header-4-main .fx-header-3-phone::after {
    content: "";
    width: 1px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1px;
    z-index: 1;
    background: #fff;
}
.fx-header-4-main .fx-header-3-phone .title {
    opacity: 72%;
}
.fx-header-4-main .fx-header-3-phone .phone-number:hover {
    color: var(--fx-clr-pr-1);
}
.fx-header-4-action-link {
    display: flex;
    align-items: center;
    gap: 28px;
    padding-left: 28px;
    padding-right: 20px;
    background-image: url(../img/bg/header-5-bg.html);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 19px;
    padding-bottom: 19px;
    clip-path: polygon(0 0, 100% 0, 100% 69%, 93% 100%, 0 100%);
    background-color: var(--fx-clr-pr-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-header-4-action-link {
        clip-path: polygon(0 0, 100% 0, 100% 69%, 88% 100%, 0 100%);
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-4-action-link {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 88% 100%, 0 100%);
    }
}
.fx-header-4-action-link .fx-search-btn-1 {
    color: rgba(255, 255, 255, 0.64);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-4-action-link .fx-search-btn-1 {
        display: none;
    }
}
.fx-header-4-action-link .fx-search-btn-1 i {
    color: #fff;
}
.fx-header-4-action-link .fx-search-btn-1:hover {
    color: var(--fx-clr-sd-3);
}
.fx-header-4-action-link .fx-search-btn-1:hover i {
    color: var(--fx-clr-sd-3);
}
.fx-header-4-action-link .fx-menu-btn-1 {
    width: 45px;
    height: 45px;
    background: #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) {
    .fx-header-4-action-link .fx-menu-btn-1 {
        display: none;
    }
}
.fx-header-4-action-link .fx-menu-btn-1 span {
    background: var(--fx-clr-pr-1);
}
.fx-header-4-action-link .fx-pr-btn-1 {
    padding: 13px 20px;
    background: #fff;
}
@media (max-width: 767px) {
    .fx-header-4-action-link .fx-pr-btn-1 {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-4-action-link .fx-pr-btn-1 {
        display: inline-block;
    }
}
.fx-header-4-action-link .fx-pr-btn-1 .text::before {
    color: var(--fx-clr-pr-1);
}
.fx-header-4-action-link .fx-pr-btn-1 .text::after {
    color: var(--fx-clr-pr-1);
}
.fx-header-4-action-link .fx-pr-btn-1:hover {
    background: var(--fx-clr-sd-3);
}

.main-navigation:is(.has-header-4) .navbar-nav li a {
    color: #fff;
}
.main-navigation:is(.has-header-4) .navbar-nav li a::before {
    color: #fff;
}
.main-navigation:is(.has-header-4) .navbar-nav li:hover > a {
    color: var(--fx-clr-pr-1);
}
.main-navigation:is(.has-header-4) .navbar-nav li:hover > a::before {
    color: var(--fx-clr-pr-1);
}
.main-navigation:is(.has-header-4) .navbar-nav li .dropdown-menu {
    background: rgba(0, 50, 39, 0.8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

/* 
  header-4-css-end
*/
/* 
  header-5-css-start
*/
.fx-header-5-area {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 8;
}
.fx-header-5-container {
    max-width: 1430px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.fx-header-5-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}
.fx-header-5-wrap::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../img/bg/header-5-bg-2.html");
    background-repeat: no-repeat;
    z-index: -1;
    border-radius: 12px;
    background-position: left bottom;
    background-color: #252525;
}
.fx-header-5-wrap .fx-header-2-top::after {
    display: none;
}
.fx-header-5-wrap .fx-contact-list li i {
    color: var(--fx-clr-pr-2);
}
.fx-header-5-wrap .fx-contact-list li a:hover {
    color: var(--fx-clr-pr-2);
}
.fx-header-5-wrap .fx-social-icon {
    overflow: hidden;
    border-radius: 0 12px 0 0;
}
.fx-header-5-wrap .fx-social-icon a {
    color: var(--fx-clr-pr-2);
}
@media (max-width: 767px) {
    .fx-header-5-wrap .fx-header-2-main {
        padding-left: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-5-wrap .fx-header-2-main {
        padding-left: 20px;
    }
}
.fx-header-5-wrap .fx-header-2-top .fx-social-icon-btn:last-child {
    border-right: none;
}
.fx-header-5-logo-box {
    flex: 0 0 auto;
    padding: 10px 28px;
    max-width: 245px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .fx-header-5-logo-box {
        max-width: 200px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-5-logo-box {
        max-width: 245px;
    }
}
.fx-header-5-action-link {
    padding-right: 20px;
    gap: 32px;
}
@media (max-width: 767px) {
    .fx-header-5-action-link {
        padding-right: 10px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-5-action-link {
        padding-right: 20px;
    }
}
.fx-header-5-action-link .fx-search-btn-1 {
    color: rgba(255, 255, 255, 0.4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-5-action-link .fx-search-btn-1 {
        display: none;
    }
}
.fx-header-5-action-link .fx-search-btn-1 i {
    color: #fff;
}
.fx-header-5-action-link .fx-search-btn-1:hover {
    color: var(--fx-clr-pr-2);
}
.fx-header-5-action-link .fx-search-btn-1:hover i {
    color: var(--fx-clr-pr-2);
}
.fx-header-5-action-link .fx-pr-btn-1 {
    border: 2px solid var(--fx-clr-pr-2);
    padding: 11px 19px;
    background: transparent;
}
@media (max-width: 767px) {
    .fx-header-5-action-link .fx-pr-btn-1 {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-5-action-link .fx-pr-btn-1 {
        display: inline-block;
    }
}
.fx-header-5-action-link .fx-pr-btn-1 .text::after {
    color: #000;
}
.fx-header-5-action-link .fx-pr-btn-1 .text::before {
    color: var(--fx-clr-pr-2);
}
.fx-header-5-action-link .fx-pr-btn-1:hover {
    background: var(--fx-clr-pr-2);
}
.fx-header-5-action-link .fx-menu-btn-1 {
    width: 50px;
    height: 42px;
    border-radius: 5px;
    background: var(--fx-clr-pr-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) {
    .fx-header-5-action-link .fx-menu-btn-1 {
        display: none;
    }
}

.main-navigation:is(.has-header-5) li:is(.dropdown) a::before {
    color: var(--fx-clr-pr-2);
}
.main-navigation:is(.has-header-5) li a {
    color: #fff;
}
.main-navigation:is(.has-header-5) li a:is(.is-active) {
    color: var(--fx-clr-pr-2);
}
.main-navigation:is(.has-header-5) li:hover > a {
    color: var(--fx-clr-pr-2);
}
.main-navigation:is(.has-header-5) li .dropdown-menu {
    border-color: var(--fx-clr-pr-2);
    background: rgba(0, 0, 0, 0.8);
}

/* 
  header-5-css-end
*/
/* 
  header-6-css-start
*/
.fx-header-6-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 2;
    border-bottom: 1px solid #dfe1e5;
}
.fx-header-6-main-logo {
    width: 100%;
    max-width: 190px;
    flex: 0 0 auto;
}
.fx-header-6-main {
    display: flex;
    align-items: center;
    gap: 28px;
    justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-header-6-main {
        padding: 10px 0;
    }
}
.fx-header-6-main .fx-header-3-phone {
    border-left: 2px solid rgba(252, 168, 4, 0.16);
    border-right: none;
    padding: 0;
    padding-left: 12px;
    position: relative;
    z-index: 1;
}
.fx-header-6-main .fx-header-3-phone::after {
    content: "";
    width: 2px;
    height: 16px;
    background: var(--fx-clr-pr-2);
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
}
.fx-header-6-main .fx-header-3-phone .phone-number:hover {
    color: var(--fx-clr-pr-2);
}
.fx-header-6-action-link {
    gap: 16px;
}
.fx-header-6-action-link .fx-menu-btn-1 {
    width: 25px;
    height: 25px;
    background: transparent;
}
.fx-header-6-action-link .fx-menu-btn-1 span {
    background: #000;
}
.fx-header-6-action-link .fx-menu-btn-1:hover span {
    background-color: var(--fx-clr-pr-2);
}
.fx-header-6-action-link .fx-search-btn-1 {
    color: var(--fx-clr-pr-2);
    padding: 0 19px;
    line-height: 1;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.fx-header-6-action-link .fx-search-btn-1 i {
    color: inherit;
    margin: 0;
    transition: all 0.2 var(--cube-1);
}
.fx-header-6-action-link .fx-search-btn-1:hover {
    color: #000;
    transform: translate(0);
    border-color: var(--fx-clr-pr-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) {
    .fx-header-6-action-link .fx-search-btn-1 {
        display: none;
    }
}
.fx-header-6-action-link .fx-pr-btn-1 {
    border: 2px solid var(--fx-clr-pr-2);
    background: transparent;
    padding: 11px 18px;
}
.fx-header-6-action-link .fx-pr-btn-1 .text::after {
    color: #000;
}
.fx-header-6-action-link .fx-pr-btn-1 .text::before {
    color: #000;
}
.fx-header-6-action-link .fx-pr-btn-1:hover {
    background: var(--fx-clr-pr-2);
}
@media (max-width: 767px) {
    .fx-header-6-action-link .fx-pr-btn-1 {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-header-6-action-link .fx-pr-btn-1 {
        display: inline-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) {
    .fx-header-6-action-link .fx-land-1-btn {
        display: none;
    }
}

.main-navigation:is(.has-header-6) .navbar-nav li:not(:last-child) {
    margin-right: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-navigation:is(.has-header-6) .navbar-nav li:not(:last-child) {
        margin-right: 10px;
    }
}
.main-navigation:is(.has-header-6) .navbar-nav li a {
    padding: 42px 0;
}
.main-navigation:is(.has-header-6) .navbar-nav li a:is(.is-active) {
    color: var(--fx-clr-pr-2);
}
.main-navigation:is(.has-header-6) .navbar-nav li:is(.dropdown) > a {
    padding-right: 17px;
}
.main-navigation:is(.has-header-6) .navbar-nav li:is(.dropdown) > a::before {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
    position: absolute;
    font-size: 12px;
    right: 0;
    top: 50%;
    color: var(--fx-clr-pr-2);
    transform: translateY(-50%);
    transition: 400ms var(--cube-1);
}
.main-navigation:is(.has-header-6) .navbar-nav li:hover > a {
    color: var(--fx-clr-pr-2);
}
.main-navigation:is(.has-header-6) .navbar-nav li .dropdown-menu {
    border-color: var(--fx-clr-pr-2);
}
.main-navigation:is(.has-header-6) .navbar-nav li .dropdown-menu li {
    margin-right: 0;
}

/* 
  header-6-css-end
*/
/* 
  sticky-header-css-start
*/
.txa_sticky_header {
    /* position: fixed; */
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    transition: 300ms ease-in-out;
    z-index: 8;
}
.txa_sticky_header:is(.txa_sticky) {
    transform: translateY(-150%);
}
.txa_sticky_header:is(.txa_sticky):is(.txa_sticky_show) {
    transform: translateY(0%);
}
.txa_sticky_header:is(.fx-header-1-area) {
    /* top: 12px; */
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .txa_sticky_header:is(.fx-header-1-area):is(.txa_sticky_show)
        .fx-header-1-top {
        display: none;
    }
}
.txa_sticky_header:is(.fx-header-3-area) {
    top: 32px;
}
.txa_sticky_header:is(.fx-header-4-area) {
    top: 20px;
}

/* 
  sticky-header-css-end
*/
/* 
    hero-1-start
*/
.fx-hero-1-area {
    background: var(--fx-clr-sd-1);
    border-radius: 0 0 32px 32px;
    overflow: hidden;
}
.fx-hero-1-slider-item {
    padding-top: 275px;
    padding-bottom: 145px;
    position: relative;
    z-index: 1;
}
@media (max-width: 767px) {
    .fx-hero-1-slider-item {
        padding-top: 315px;
        padding-bottom: 105px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-1-slider-item {
        padding-top: 275px;
        padding-bottom: 145px;
    }
}
.fx-hero-1-slider-item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}
.fx-hero-1-slider-item-img::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #021f45;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 56%;
}
.fx-hero-1-slider-item-img img {
    --_g: 0% / 37% 45% no-repeat linear-gradient(#fff 0 0);
    --m:
        left var(--_i, 15%) top var(--_g), bottom var(--_i, 0%) left var(--_g),
        top var(--_i, 0%) right var(--_g), right var(--_i, 8%) bottom var(--_g);
    -webkit-mask: var(--m);
    mask: var(--m);
    transition: all 1s var(--cube-1);
    transform: translateX(150px);
    filter: blur(5px);
}
.fx-hero-1-slider-item-img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.fx-hero-1-slider-item-content {
    max-width: 515px;
}
.fx-hero-1-slider-item-number {
    font-size: 18px;
    line-height: 28px;
    display: flex;
    gap: 4px;
    color: #fff;
    margin-bottom: 15px;
}
.fx-hero-1-slider-item-number span {
    opacity: 40%;
}
.fx-hero-1-slider-item-number span:nth-child(1) {
    opacity: 1;
}
.fx-hero-1-slider-item-title {
    font-size: 64px;
    line-height: 0.9;
    letter-spacing: -2px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
    transition: all 1s var(--cube-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-hero-1-slider-item-title {
        font-size: 54px;
        line-height: 1;
        letter-spacing: -2px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-hero-1-slider-item-title {
        font-size: 50px;
        line-height: 1;
        letter-spacing: 0px;
    }
}
@media (max-width: 767px) {
    .fx-hero-1-slider-item-title {
        font-size: 28px;
        letter-spacing: 0px;
        line-height: 1;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-1-slider-item-title {
        font-size: 50px;
        letter-spacing: 0px;
        line-height: 1;
    }
}
.fx-hero-1-slider-item-title .split-line {
    overflow: hidden;
}
.fx-hero-1-slider-item-title .split-line > div {
    transform: translateY(100%);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
.fx-hero-1-slider-item-pera {
    margin-bottom: 25px;
}
.fx-hero-1-slider-item-pera span {
    transform: translateY(100%);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
.fx-hero-1-slider-item-btn span {
    transform: translateY(100%);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
.fx-hero-1-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-1-slider-item-img
    img {
    --_i: 0%;
    --_g: 0% / 50.1% 50.1% no-repeat linear-gradient(#fff 0 0);
    transform: translateX(0px);
    filter: blur(0px);
}
.fx-hero-1-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-1-slider-item-title
    .split-line
    > div {
    transform: translateY(0);
    transition-delay: 0.5s;
}
.fx-hero-1-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-1-slider-item-pera
    span {
    transform: translateY(0);
    transition-delay: 0.8s;
}
.fx-hero-1-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-1-slider-item-btn
    span {
    transform: translateY(0);
    transition-delay: 1s;
}
.fx-hero-1-slider .swiper-container .swiper-notification {
    display: none;
}
.fx-hero-1-pagination {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.2);
    width: 4px !important;
    border-radius: 8px;
    height: 300px;
}
.fx-hero-1-pagination-posi {
    position: absolute;
    right: 14.5vw;
    top: 57%;
    transform: translateY(-50%);
    z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .fx-hero-1-pagination-posi {
        right: 7.5vw;
    }
}
@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) {
    .fx-hero-1-pagination-posi {
        right: 2.5vw;
    }
}
@media (max-width: 767px) {
    .fx-hero-1-pagination-posi {
        right: 2.5vw;
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-1-pagination-posi {
        right: 2.5vw;
        display: inline-block;
    }
}
.fx-hero-1-pagination span {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #fff;
    margin: 0 !important;
    padding: 0;
    transition: all 1s var(--cube-1);
    opacity: 0;
}
.fx-hero-1-pagination span:is(.swiper-pagination-bullet-active) {
    opacity: 1;
}

/* 
    hero-1-end
*/
/* 
    hero-2-start
*/
.fx-hero-2-area {
    border-radius: 0 0 32px 32px;
}
.fx-hero-2-area::after {
    content: "";
    width: 100%;
    height: 270px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(
        180deg,
        rgb(0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 100%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 1;
}
@media (max-width: 767px) {
    .fx-hero-2-area::after {
        height: 150px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-2-area::after {
        padding-top: 270px;
    }
}
.fx-hero-2-slider-item {
    position: relative;
    z-index: 1;
    padding-top: 270px;
    padding-bottom: 164px;
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
@media (max-width: 767px) {
    .fx-hero-2-slider-item {
        padding-top: 160px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-2-slider-item {
        padding-top: 270px;
    }
}
.fx-hero-2-slider-item-img {
    position: absolute;
    right: -330px;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: right;
    z-index: -1;
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-hero-2-slider-item-img {
        width: 60%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-hero-2-slider-item-img {
        width: 50%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-hero-2-slider-item-img {
        display: none;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-hero-2-slider-item-img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: left top;
    }
}
.fx-hero-2-slider-item-content {
    max-width: 510px;
}
.fx-hero-2-slider-item-number {
    font-size: 18px;
    line-height: 28px;
    display: flex;
    gap: 4px;
    color: #fff;
    margin-bottom: 23px;
}
.fx-hero-2-slider-item-number span {
    opacity: 40%;
}
.fx-hero-2-slider-item-number span:nth-child(1) {
    opacity: 1;
}
.fx-hero-2-slider-item-title {
    font-size: 90px;
    font-weight: 600;
    color: #fff;
    line-height: 0.76;
    margin-bottom: 12px;
    letter-spacing: -2px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-hero-2-slider-item-title {
        font-size: 80px;
        letter-spacing: -1px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-hero-2-slider-item-title {
        font-size: 70px;
        letter-spacing: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-hero-2-slider-item-title {
        font-size: 60px;
        letter-spacing: 0px;
    }
}
@media (max-width: 767px) {
    .fx-hero-2-slider-item-title {
        font-size: 40px;
        letter-spacing: 0px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-2-slider-item-title {
        font-size: 50px;
        letter-spacing: 0px;
    }
}
.fx-hero-2-slider-item-title .split-line {
    overflow: hidden;
    padding-top: 5px;
    margin-bottom: -5px;
}
.fx-hero-2-slider-item-title .split-line > div {
    transform: translateY(105%);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
.fx-hero-2-slider-item-pera {
    margin-bottom: 25px;
}
.fx-hero-2-slider-item-pera span {
    transform: translateY(100%);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
.fx-hero-2-slider-item-btn span {
    transform: translateY(100%);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
.fx-hero-2-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-2-slider-item-title
    .split-line
    > div {
    transform: translateY(0);
    transition-delay: 0.5s;
}
.fx-hero-2-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-2-slider-item-pera
    span {
    transform: translateY(0);
    transition-delay: 0.8s;
}
.fx-hero-2-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-2-slider-item-btn
    span {
    transform: translateY(0);
    transition-delay: 1s;
}
.fx-hero-2-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-2-slider-item-img {
    right: 0;
    transition-delay: 0.2s;
}
.fx-hero-2-slider .swiper-container .swiper-notification {
    display: none;
}
.fx-hero-2-pagination {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.2);
    width: 4px !important;
    border-radius: 8px;
    height: 300px;
}
.fx-hero-2-pagination-posi {
    position: absolute;
    right: 14.5vw;
    top: 57%;
    transform: translateY(-50%);
    z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .fx-hero-2-pagination-posi {
        right: 7.5vw;
    }
}
@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) {
    .fx-hero-2-pagination-posi {
        right: 2.5vw;
    }
}
@media (max-width: 767px) {
    .fx-hero-2-pagination-posi {
        right: 2.5vw;
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-2-pagination-posi {
        right: 2.5vw;
        display: inline-block;
    }
}
.fx-hero-2-pagination span {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #fff;
    margin: 0 !important;
    padding: 0;
    transition: all 1s var(--cube-1);
    opacity: 0;
}
.fx-hero-2-pagination span:is(.swiper-pagination-bullet-active) {
    opacity: 1;
}

/* 
    hero-2-end
*/
/* 
    hero-3-start
*/
.fx-hero-3-area {
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 16px;
}
.fx-hero-3-bg-shape {
    width: 29%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.fx-hero-3-slider-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-left: 16px;
    padding-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-hero-3-slider-item {
        padding-top: 170px;
        flex-wrap: wrap;
        padding-left: 0px;
    }
}
.fx-hero-3-slider-item-content {
    max-width: 510px;
}
.fx-hero-3-slider-item .fx-hero-2-slider-item-number {
    color: #000;
}
.fx-hero-3-slider-item .fx-hero-2-slider-item-title {
    color: #000;
}
.fx-hero-3-slider-item-img {
    text-align: center;
    margin-right: -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) {
    .fx-hero-3-slider-item-img {
        margin-right: 0px;
    }
}
.fx-hero-3-slider-item-img .bg-shape {
    position: absolute;
    top: 20%;
    left: 0;
    z-index: -1;
    transition: all 0.5s var(--cube-1);
    transition-delay: 0s;
    opacity: 0;
}
.fx-hero-3-slider-item-img .illu-icon {
    position: absolute;
    top: 40%;
    left: -50px;
    opacity: 0;
    transition: all 0.5s var(--cube-1);
    transition-delay: 0s;
}
.fx-hero-3-slider-item-img .illu-icon svg .giare {
    transform: rotate(360deg);
    transition: all 3s var(--cube-1);
    transition-delay: 0s;
    transform-origin: center center;
}
@media (max-width: 767px) {
    .fx-hero-3-slider-item-img .illu-icon {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-3-slider-item-img .illu-icon {
        display: inline-block;
    }
}
.fx-hero-3-slider-item-img .illu-icon-2 {
    position: absolute;
    right: 70px;
    top: 60%;
    transition: all 0.5s var(--cube-1);
    transition-delay: 0s;
    opacity: 0;
    z-index: 1;
}
@media (max-width: 767px) {
    .fx-hero-3-slider-item-img .illu-icon-2 {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-3-slider-item-img .illu-icon-2 {
        display: inline-block;
    }
}
.fx-hero-3-slider-item-img .main-img {
    height: 728px;
    padding-top: 32px;
    overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-hero-3-slider-item-img .main-img {
        display: flex;
        align-items: end;
    }
}
@media (max-width: 767px) {
    .fx-hero-3-slider-item-img .main-img {
        display: flex;
        align-items: self-start;
        height: 388px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-3-slider-item-img .main-img {
        display: flex;
        align-items: end;
        height: 728px;
    }
}
.fx-hero-3-slider-item-img .main-img img {
    transform: translateY(100%);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
.fx-hero-3-social {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    z-index: 1;
}
@media (max-width: 767px) {
    .fx-hero-3-social {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-3-social {
        display: flex;
    }
}
.fx-hero-3-pagination {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
}
.fx-hero-3-pagination-posi {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 32px;
    z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-hero-3-pagination-posi {
        left: 12px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-hero-3-pagination-posi {
        display: none;
    }
}
@media (max-width: 767px) {
    .fx-hero-3-pagination-posi {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-3-pagination-posi {
        display: inline-block;
    }
}
.fx-hero-3-pagination span {
    background: #fff;
    opacity: 30%;
    width: 8px;
    height: 8px;
    transition: all 0.5s var(--cube-1);
    margin: 0 !important;
}
.fx-hero-3-pagination span:is(.swiper-pagination-bullet-active) {
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    opacity: 100%;
    background: transparent;
}
.fx-hero-3-notice {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 16px;
    padding-right: 160px;
    padding-top: 35px;
    padding-bottom: 22px;
    padding-left: 50px;
}
@media (max-width: 767px) {
    .fx-hero-3-notice {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-3-notice {
        padding-right: 50px;
        display: flex;
    }
}
.fx-hero-3-notice .box-bg {
    position: absolute;
    bottom: 0;
    right: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.fx-hero-3-notice .icon {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    background: var(--fx-clr-sd-2);
    border-radius: 8px;
}
.fx-hero-3-notice .title {
    font-size: 16px;
    line-height: 22px;
    max-width: 200px;
}
.fx-hero-3-notice:hover .icon * {
    animation: fd-bounce-2 1s;
}
.fx-hero-3-slider-btn {
    position: absolute;
    bottom: 22px;
    right: 506px;
    z-index: 1;
}
@media (max-width: 767px) {
    .fx-hero-3-slider-btn {
        right: 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-3-slider-btn {
        right: 376px;
    }
}
.fx-hero-3-slider-btn .fx-slider-btn-1 {
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
}
.fx-hero-3-slider-btn .fx-slider-btn-1-item {
    border-radius: 8px;
    background: #fefce8;
    overflow: hidden;
}
.fx-hero-3-slider-btn .fx-slider-btn-1-item i {
    color: rgba(0, 0, 0, 0.24);
}
.fx-hero-3-slider-btn .fx-slider-btn-1-item:hover {
    background: var(--fx-clr-sd-2);
}
.fx-hero-3-slider-btn .fx-slider-btn-1-item:hover i {
    color: #000;
}

.fx-hero-2-slider:is(.has-hero-3)
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-3-slider-item-img
    .illu-icon {
    top: 20%;
    opacity: 1;
    transition-delay: 0.3s;
}
.fx-hero-2-slider:is(.has-hero-3)
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-3-slider-item-img
    .illu-icon
    svg
    .giare {
    transform: rotate(0deg);
    transition-delay: 0.5s;
}
.fx-hero-2-slider:is(.has-hero-3)
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-3-slider-item-img
    .illu-icon-2 {
    top: 40%;
    opacity: 1;
    transition-delay: 0.3s;
}
.fx-hero-2-slider:is(.has-hero-3)
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-3-slider-item-img
    .bg-shape {
    top: 0;
    opacity: 1;
    transition-delay: 0.2s;
}
.fx-hero-2-slider:is(.has-hero-3)
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-3-slider-item-img
    .main-img
    img {
    transform: translateY(0);
    transition-delay: 0.5s;
}

/* 
    hero-3-end
*/
/* 
    hero-4-start
*/
.fx-hero-4-area {
    padding-right: 60px;
}
@media (max-width: 767px) {
    .fx-hero-4-area {
        padding-right: 0px;
    }
}
.fx-hero-4-slider {
    clip-path: polygon(0 0, 100% 0, 100% 87%, 94.7% 100%, 0 100%);
}
.fx-hero-4-slider-item {
    padding-top: 242px;
    padding-bottom: 142px;
}
@media (max-width: 767px) {
    .fx-hero-4-slider-item {
        padding-top: 160px;
        padding-bottom: 100px;
    }
}
.fx-hero-4-slider-item::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 212, 255, 0) 100%
    );
    z-index: -1;
}
.fx-hero-4-slider-item-content {
    max-width: 530px;
    margin-left: 48px;
}
@media (max-width: 767px) {
    .fx-hero-4-slider-item-content {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-4-slider-item-content {
        margin-left: 48px;
    }
}
.fx-hero-4-slider-item-bg-img {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fx-hero-4-slider-item-bg-img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.fx-hero-4-slider-item-bg-img-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transform-origin: center center;
    transform: rotate(45deg) scale(4);
}
.fx-hero-4-slider-item-bg-img-shape span {
    display: block;
    width: 100%;
    background: var(--fx-clr-sd-3);
    transition: all 0.7s var(--cube-1);
    transition-delay: 0s;
}
.fx-hero-4-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-2-slider-item-title
    .split-line
    > div {
    transform: translateY(0);
    transition-delay: 0.7s;
}
.fx-hero-4-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-2-slider-item-pera
    span {
    transform: translateY(0);
    transition-delay: 0.9s;
}
.fx-hero-4-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-2-slider-item-btn
    span {
    transform: translateY(0);
    transition-delay: 1.1s;
}
.fx-hero-4-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-4-slider-item-bg-img-shape
    span {
    transform: scaleX(0);
    transition-delay: 0.4s;
}
.fx-hero-4-slider .swiper-container .swiper-notification {
    display: none;
}
.fx-hero-4-social {
    border-radius: 0;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
@media (max-width: 767px) {
    .fx-hero-4-social {
        display: none;
    }
}
.fx-hero-4-pagination {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
}
.fx-hero-4-pagination-posi {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 32px;
    z-index: 1;
}
@media (max-width: 767px) {
    .fx-hero-4-pagination-posi {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-4-pagination-posi {
        display: inline-block;
    }
}
.fx-hero-4-pagination span {
    background: #fff;
    opacity: 30%;
    width: 8px;
    height: 8px;
    transition: all 0.5s var(--cube-1);
    margin: 0 !important;
}
.fx-hero-4-pagination span:is(.swiper-pagination-bullet-active) {
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    opacity: 100%;
    background: transparent;
}

.fx-h-s-c-bg::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: calc(100% - 60px);
    height: 100%;
    background: #e5eae9;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 6.5% 100%, 0 94%);
}
@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) {
    .fx-h-s-c-bg::after {
        width: calc(100% - 15px);
    }
}
@media (max-width: 767px) {
    .fx-h-s-c-bg::after {
        width: calc(100% - 5px);
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-h-s-c-bg::after {
        width: calc(100% - 15px);
    }
}

/* 
    hero-4-end
*/
/* 
    hero-5-start
*/
.fx-hero-5-area {
    background-color: #070707;
    position: relative;
    z-index: 1;
    padding-top: 220px;
    padding-bottom: 20px;
    clip-path: polygon(
        1px 0px,
        1px 0px,
        0.837794745px 0.013087661px,
        0.68392256px 0.050978248px,
        0.540442315px 0.111613167px,
        0.40941288px 0.192933824px,
        0.292893125px 0.292881625px,
        0.19294192px 0.409397976px,
        0.111618135px 0.540424283px,
        0.05098064px 0.683901952px,
        0.013088305px 0.837772389px,
        0px 0.999977px,
        0px calc(50% + 278px),
        0px calc(50% + 278px),
        0.4188263px calc(50% + 283.190539px),
        1.6313824px calc(50% + 288.114432px),
        3.5717841px calc(50% + 292.705793px),
        6.1741472px calc(50% + 296.898736px),
        9.3725875px calc(50% + 300.627375px),
        13.1012208px calc(50% + 303.825824px),
        17.2941629px calc(50% + 306.428197px),
        21.8855296px calc(50% + 308.368608px),
        26.8094367px calc(50% + 309.581171px),
        32px calc(50% + 310px),
        60px calc(50% + 310px),
        60px calc(50% + 310px),
        65.1905633px calc(50% + 310.418829px),
        70.1144704px calc(50% + 311.631392px),
        74.7058371px calc(50% + 313.571803px),
        78.8987792px calc(50% + 316.174176px),
        82.6274125px calc(50% + 319.372625px),
        85.8258528px calc(50% + 323.101264px),
        88.4282159px calc(50% + 327.294207px),
        90.3686176px calc(50% + 331.885568px),
        91.5811737px calc(50% + 336.809461px),
        92px calc(50% + 342px),
        92px calc(50% + 495px),
        92px calc(50% + 495px),
        92.418829px calc(50% + 500.18981px),
        93.631392px calc(50% + 505.11328px),
        95.571803px calc(50% + 509.70447px),
        98.174176px calc(50% + 513.89744px),
        101.372625px calc(50% + 517.62625px),
        105.101264px calc(50% + 520.82496px),
        109.294207px calc(50% + 523.42763px),
        113.885568px calc(50% + 525.36832px),
        118.809461px calc(50% + 526.58109px),
        124px calc(50% + 527px),
        calc(100% - 124px) calc(100% - 0px),
        calc(100% - 124px) calc(100% - 0px),
        calc(100% - 118.81019px) calc(100% - 0.41891px),
        calc(100% - 113.88672px) calc(100% - 1.63168px),
        calc(100% - 109.29553px) calc(100% - 3.57237px),
        calc(100% - 105.10256px) calc(100% - 6.17504px),
        calc(100% - 101.37375px) calc(100% - 9.37375px),
        calc(100% - 98.17504px) calc(100% - 13.10256px),
        calc(100% - 95.57237px) calc(100% - 17.29553px),
        calc(100% - 93.63168px) calc(100% - 21.88672px),
        calc(100% - 92.41891px) calc(100% - 26.81019px),
        calc(100% - 92px) calc(100% - 32px),
        calc(100% - 92px) calc(50% + 342px),
        calc(100% - 92px) calc(50% + 342px),
        calc(100% - 91.58109px) calc(50% + 336.809461px),
        calc(100% - 90.36832px) calc(50% + 331.885568px),
        calc(100% - 88.42763px) calc(50% + 327.294207px),
        calc(100% - 85.82496px) calc(50% + 323.101264px),
        calc(100% - 82.62625px) calc(50% + 319.372625px),
        calc(100% - 78.89744px) calc(50% + 316.174176px),
        calc(100% - 74.70447px) calc(50% + 313.571803px),
        calc(100% - 70.11328px) calc(50% + 311.631392px),
        calc(100% - 65.18981px) calc(50% + 310.418829px),
        calc(100% - 60px) calc(50% + 310px),
        calc(100% - 32px) calc(50% + 310px),
        calc(100% - 32px) calc(50% + 310px),
        calc(100% - 26.81019px) calc(50% + 309.581171px),
        calc(100% - 21.88672px) calc(50% + 308.368608px),
        calc(100% - 17.29553px) calc(50% + 306.428197px),
        calc(100% - 13.10256px) calc(50% + 303.825824px),
        calc(100% - 9.37375px) calc(50% + 300.627375px),
        calc(100% - 6.17504px) calc(50% + 296.898736px),
        calc(100% - 3.57237px) calc(50% + 292.705793px),
        calc(100% - 1.63168px) calc(50% + 288.114432px),
        calc(100% - 0.41891px) calc(50% + 283.190539px),
        calc(100% - 0px) calc(50% + 278px),
        calc(100% - 0px) 2px,
        calc(100% - 0px) 2px,
        calc(100% - 0.0263px) 1.67558949px,
        calc(100% - 0.1024px) 1.36784512px,
        calc(100% - 0.2241px) 1.08088463px,
        calc(100% - 0.3872px) 0.81882576px,
        calc(100% - 0.5875px) 0.58578625px,
        calc(100% - 0.8208px) 0.38588384px,
        calc(100% - 1.0829px) 0.22323627px,
        calc(100% - 1.3696px) 0.10196128px,
        calc(100% - 1.6767px) 0.02617661px,
        calc(100% - 2px) 0px,
        1px 0px
    );
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-hero-5-area {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}
.fx-hero-5-slider-item {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-hero-5-slider-item {
        flex-wrap: wrap;
    }
}
.fx-hero-5-slider-item-pera {
    color: #fff;
    opacity: 80%;
    margin-bottom: 30px;
}
.fx-hero-5-slider-item-pera span {
    transform: translateY(100%);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
.fx-hero-5-slider-item .left {
    max-width: 624px;
    width: 100%;
}
.fx-hero-5-slider-item .right {
    max-width: 384px;
    width: 100%;
    padding-bottom: 10px;
}
.fx-hero-5-slider-item .fx-hero-2-slider-item-title {
    margin-bottom: 0;
}
.fx-hero-5-slider-item .fx-hero-2-slider-item-title .pr-clr {
    color: var(--fx-clr-pr-2);
}
.fx-hero-5-slider .swiper-container .swiper-wrapper {
    height: 260px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-hero-5-slider .swiper-container .swiper-wrapper {
        height: 400px !important;
    }
}
@media (max-width: 767px) {
    .fx-hero-5-slider .swiper-container .swiper-wrapper {
        height: 400px !important;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-5-slider .swiper-container .swiper-wrapper {
        height: 360px !important;
    }
}
.fx-hero-5-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-2-slider-item-title
    .split-line
    > div {
    transform: translateY(0);
    transition-delay: 0.5s;
}
.fx-hero-5-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-5-slider-item-pera
    span {
    transform: translateY(0);
    transition-delay: 0.8s;
}
.fx-hero-5-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-hero-2-slider-item-btn
    span {
    transform: translateY(0);
    transition-delay: 1s;
}
.fx-hero-5-slider .swiper-container .swiper-notification {
    display: none;
}
.fx-hero-5-pagination {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.2);
    width: 4px !important;
    border-radius: 8px;
    height: 240px;
    transform: unset !important;
}
.fx-hero-5-pagination-posi {
    position: absolute;
    left: 14vw;
    top: 228px;
    z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .fx-hero-5-pagination-posi {
        left: 7.5vw;
    }
}
@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) {
    .fx-hero-5-pagination-posi {
        left: 1vw;
    }
}
@media (max-width: 767px) {
    .fx-hero-5-pagination-posi {
        display: none;
    }
}
.fx-hero-5-pagination span {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #fff;
    margin: 0 !important;
    padding: 0;
    transition: all 1s var(--cube-1);
    opacity: 0;
}
.fx-hero-5-pagination span:is(.swiper-pagination-bullet-active) {
    opacity: 1;
}
.fx-hero-5-video {
    margin-left: 112px;
    margin-right: 112px;
    border-radius: 16px;
    overflow: hidden;
    height: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-hero-5-video {
        margin-left: 12px;
        margin-right: 12px;
        height: 270px;
    }
}
.fx-hero-5-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(1);
}
.fx-hero-5-video .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.fx-hero-5-video .fx-playbtn-2 {
    color: var(--fx-clr-pr-2);
}
.fx-hero-5-video .fx-playbtn-2:hover {
    color: #000;
}
.fx-hero-5-social {
    position: absolute;
    right: 37px;
    bottom: 278px;
    z-index: 1;
    background: var(--fx-clr-pr-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-hero-5-social {
        display: none;
    }
}
.fx-hero-5-social a:hover {
    color: #fff;
}

/* 
    hero-5-end
*/
/* 
    hero-6-start
*/
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-hero-6-content {
        margin-bottom: 40px;
    }
}
.fx-hero-6-content .fx-hero-2-slider-item-number {
    color: #000;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-hero-6-title {
        font-size: 80px;
        letter-spacing: -1px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-hero-6-title {
        font-size: 70px;
        letter-spacing: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-hero-6-title {
        font-size: 60px;
        letter-spacing: 0px;
    }
}
@media (max-width: 767px) {
    .fx-hero-6-title {
        font-size: 40px;
        letter-spacing: 0px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-6-title {
        font-size: 50px;
        letter-spacing: 0px;
    }
}
.fx-hero-6-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
@media (max-width: 767px) {
    .fx-hero-6-card {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-6-card {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-hero-6-action-card {
    border-radius: 12px;
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    height: 600px;
    justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-hero-6-action-card {
        height: 530px;
    }
}
@media (max-width: 767px) {
    .fx-hero-6-action-card {
        height: 530px;
        padding: 40px 20px;
    }
}
.fx-hero-6-action-card::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(
        0deg,
        rgb(0, 0, 0) 0%,
        rgba(9, 9, 121, 0) 50%,
        rgb(0, 0, 0) 100%
    );
    opacity: 0.9;
}
.fx-hero-6-action-card .card-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.fx-hero-6-action-card .card-title {
    font-size: 45px;
    line-height: 0.82;
}
@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) {
    .fx-hero-6-action-card .card-title {
        font-size: 35px;
    }
}
.fx-hero-6-action-card .fx-pr-btn-1 {
    width: 100%;
    text-align: center;
}
.fx-hero-6-blog {
    display: grid;
}
.fx-hero-6-blog .fx-blog-4-item:is(.fx-blog-5) {
    overflow: hidden;
    border-radius: 12px;
    background-color: #fff;
}
.fx-hero-6-blog .fx-blog-4-item:is(.fx-blog-5) .item-img {
    height: 300px;
    border-radius: 0;
}
.fx-hero-6-blog .fx-blog-4-item:is(.fx-blog-5) .item-content {
    padding: 32px 28px;
}
@media (max-width: 767px) {
    .fx-hero-6-blog .fx-blog-4-item:is(.fx-blog-5) .item-content {
        padding: 32px 28px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-hero-6-blog .fx-blog-4-item:is(.fx-blog-5) .item-content {
        padding: 32px 18px;
    }
}
.fx-hero-6-blog .fx-blog-4-item:is(.fx-blog-5) .item-title {
    margin-bottom: 61px;
}
@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) {
    .fx-hero-6-blog .fx-blog-4-item:is(.fx-blog-5) .item-title {
        font-size: 20px;
    }
}
.fx-hero-6-blog .fx-slider-btn-1 {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0 8px;
    position: absolute;
    top: 130px;
    left: 0;
    width: 100%;
    z-index: 1;
}
.fx-hero-6-blog .fx-slider-btn-1-item {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.4);
}
.fx-hero-6-blog .fx-slider-btn-1-item i {
    color: #000;
}
.fx-hero-6-blog .fx-slider-btn-1-item:hover {
    background: var(--fx-clr-pr-2);
}
.fx-hero-6-img {
    height: 700px;
    margin: 0 20px;
    border-radius: 32px;
    overflow: hidden;
    margin-top: -300px;
    pointer-events: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-hero-6-img {
        height: 400px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-hero-6-img {
        height: 350px;
        margin-top: 30px;
    }
}
.fx-hero-6-img-glow {
    width: 1540px;
    height: 1210px;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    bottom: -60px;
    left: -150px;
    border-radius: 0 50% 540px 0;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    transition: var(--cube-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-hero-6-img-glow {
        left: -410px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-hero-6-img-glow {
        height: 750px;
        left: -580px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-hero-6-img-glow {
        display: none;
    }
}
.fx-hero-6-img-glow-2 {
    width: 1540px;
    height: 1210px;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    bottom: -39px;
    left: -790px;
    border-radius: 0 50% 650px 0;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    transition: var(--cube-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-hero-6-img-glow-2 {
        height: 600px;
        left: -1060px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-hero-6-img-glow-2 {
        display: none;
    }
}
.fx-hero-6-bg-glow {
    position: absolute;
    top: 260px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 300px;
    background: var(--fx-clr-pr-2);
    filter: blur(120px);
    opacity: 72%;
    z-index: -1;
    transition: var(--cube-1);
    opacity: 0;
}

/* 
    hero-6-end
*/
/* 
    serve-1-start
*/
.fx-serve-1-area {
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 0 0 16px 16px;
}
.fx-serve-1-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.fx-serve-1-scn-title {
    max-width: 710px;
}
.fx-serve-1-slider {
    transform: translateX(312px);
    margin-right: -420px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
    only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-serve-1-slider {
        margin-right: 0px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-serve-1-slider {
        transform: translateX(170px);
        margin-right: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-serve-1-slider {
        transform: translateX(0px);
        margin-right: 0px;
    }
}
.fx-serve-1-slider::after {
    content: "";
    width: 384px;
    height: 283px;
    border-radius: 8px;
    box-shadow: -20px 20px 80px 0 rgba(0, 0, 0, 0.12);
    position: absolute;
    bottom: -24px;
    left: -40px;
    z-index: -1;
    background: #fff;
}
.fx-serve-1-slider-shpae {
    position: absolute;
    bottom: -22px;
    left: 342px;
    z-index: -1;
}
.fx-serve-1-slider-item .item-img {
    height: 256px;
    border-radius: 8px;
    margin-bottom: 24px;
}
.fx-serve-1-slider-item .item-img img {
    filter: grayscale(1);
    transition: 0.3s;
}
.fx-serve-1-slider-item .item-title {
    font-size: 23px;
    line-height: 27px;
    max-width: 230px;
    transition: all 0.4s var(--cube-1);
    opacity: 0;
    transform: translateY(-100px);
    font-weight: 500;
}
@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) {
    .fx-serve-1-slider-item .item-title {
        font-size: 20px;
    }
}
.fx-serve-1-slider-item .item-title:hover {
    color: var(--fx-clr-pr-1);
}
.fx-serve-1-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-serve-1-slider-item
    .item-title {
    opacity: 1;
    transform: translateY(0);
}
.fx-serve-1-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-serve-1-slider-item
    .item-img
    img {
    filter: grayscale(0);
}
.fx-serve-1-slider .swiper-notification {
    display: none;
}
.fx-serve-1-slider-btn {
    display: flex;
    gap: 16px;
    position: absolute;
    left: 259px;
    bottom: 13px;
    z-index: 2;
}
@media (max-width: 767px) {
    .fx-serve-1-slider-btn {
        left: 221px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-serve-1-slider-btn {
        left: 259px;
    }
}
.fx-serve-1-slider-btn .slider-btn {
    flex: 0 0 auto;
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 20px;
    transition: all 0.3s var(--cube-1);
    cursor: pointer;
}
.fx-serve-1-slider-btn .slider-btn:hover {
    color: #fff;
    background: var(--fx-clr-pr-1);
}
.fx-serve-1-content {
    max-width: 540px;
}
.fx-serve-1-content .fx-play-btn-1 {
    margin-bottom: 16px;
}
.fx-serve-1-content .disc {
    margin-bottom: 33px;
}

/* 
    serve-1-end
*/
/* 
    about-1-start
*/
.fx-about-1-area {
    background: #eeeeee;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
}
.fx-about-1-scn-title {
    max-width: 905px;
}
.fx-about-1-bg-img {
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: -1;
    border-radius: 0 0 0 16px;
    width: 42%;
    opacity: 30%;
}
.fx-about-1-line {
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
}
.fx-about-1-left {
    padding-top: 190px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-1-left {
        padding-top: 0px;
        margin-bottom: 50px;
    }
}
.fx-about-1-card {
    max-width: 280px;
}
.fx-about-1-card .card-img {
    border-radius: 8px;
}
.fx-about-1-card .card-img img {
    transition: all 0.5s var(--cube-1);
}
.fx-about-1-card .card-tags {
    display: flex;
    gap: 8px;
}
.fx-about-1-card .card-tags li {
    font-family: var(--fx-font-pr-1);
    font-size: 14px;
    text-transform: capitalize;
    border: 1px solid var(--fx-clr-pr-1);
    border-radius: 6px;
    display: inline-block;
    flex: 0 0 auto;
    line-height: 1;
    padding: 5px 7px;
    color: var(--fx-clr-pr-1);
}
.fx-about-1-card .card-title {
    font-size: 23px;
    line-height: 1.17;
    margin-bottom: 7px;
    transition: all 0.3s var(--cube-1);
}
.fx-about-1-card .card-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-about-1-card .card-disc {
    font-size: 16px;
    line-height: 24px;
}
.fx-about-1-card:hover .card-img img {
    transform: scale(105%);
}
.fx-about-1-content .disc {
    margin-bottom: 50px;
}
.fx-about-1-content .content-img {
    border-radius: 12px;
}

.fx-counter-1 {
    display: flex;
    gap: 20px 64px;
    flex-wrap: wrap;
}
.fx-counter-1-item-number {
    font-size: 64px;
    line-height: 1;
    display: flex;
    gap: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-counter-1-item-number {
        font-size: 55px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-counter-1-item-number {
        font-size: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-counter-1-item-number {
        font-size: 45px;
    }
}
@media (max-width: 767px) {
    .fx-counter-1-item-number {
        font-size: 35px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-counter-1-item-number {
        font-size: 40px;
    }
}
.fx-counter-1-item-number .text {
    display: inline-block;
    font-size: 32px;
    color: var(--fx-clr-pr-1);
    margin-top: 4px;
}
.fx-counter-1-item-disc {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 56%;
}

/* 
    about-1-end
*/
/* 
    about-2-start
*/
.fx-about-2-scn-title {
    max-width: 800px;
}
.fx-about-2-slider-item {
    padding-top: 115px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-2-slider-item {
        padding-top: 50px;
    }
}
.fx-about-2-slider-item-gellary {
    position: relative;
    z-index: 1;
    -webkit-mask-image: url("../img/about/a2-mask-1.html");
    mask-image: url("../img/about/a2-mask-1.html");
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 500px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-about-2-slider-item-gellary {
        border-radius: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-about-2-slider-item-gellary {
        border-radius: 30px;
        -webkit-mask-position: unset;
        mask-position: unset;
        -webkit-mask-size: cover;
        mask-size: cover;
        height: 320px;
    }
}
@media (max-width: 767px) {
    .fx-about-2-slider-item-gellary {
        border-radius: 30px;
        -webkit-mask-image: none;
        mask-image: none;
        height: 320px;
    }
}
.fx-about-2-slider-item-play-btn {
    position: absolute;
    top: 59%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    overflow: hidden;
}
@media (max-width: 767px) {
    .fx-about-2-slider-item-play-btn {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-about-2-slider-item-play-btn {
        display: inline-block;
    }
}
.fx-about-2-slider-item-play-btn .fx-play-btn-1 {
    position: relative;
    z-index: 1;
    padding: 20px 28px;
    font-weight: 400;
    color: #fff;
    transform: translateY(100%);
    transition: 0s;
    transition: all 1s var(--cube-1);
}
.fx-about-2-slider-item-play-btn .fx-play-btn-1::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.16);
    z-index: -1;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 12px;
    transition: all 0.3s var(--cube-1);
}
.fx-about-2-slider-item-play-btn .fx-play-btn-1:hover:hover::after {
    background: #fc5220;
}
.fx-about-2-slider-item-img {
    position: absolute;
    bottom: 0;
    right: 100px;
    z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-about-2-slider-item-img {
        width: 30%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-2-slider-item-img {
        width: 30%;
        display: none;
    }
}
.fx-about-2-slider-item-img img {
    transform: translateY(100%);
    transition: all 0.7s var(--cube-1);
    transition-delay: 0s;
}
.fx-about-2-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-about-2-slider-item-img
    img {
    transform: translateY(0);
    transition-delay: 0.3s;
}
.fx-about-2-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-about-2-slider-item-play-btn
    .fx-play-btn-1 {
    transform: translateY(0);
    transition-delay: 0.5s;
}
.fx-about-2-slider .swiper-container .swiper-notification {
    display: none;
}
.fx-about-2-slider-btn-left {
    position: absolute;
    top: 64%;
    left: 24px;
    transform: translateY(-50%);
    z-index: 1;
}
.fx-about-2-slider-btn-right {
    position: absolute;
    top: 64%;
    right: 24px;
    transform: translateY(-50%);
    z-index: 1;
}
.fx-about-2-content {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 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) {
    .fx-about-2-content {
        gap: 25px 50px;
    }
}
.fx-about-2-content .disc {
    max-width: 592px;
}
.fx-about-2-counter:is(.fx-counter-1) .fx-counter-1-item-number {
    font-size: 128px;
    line-height: 1;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: -20px;
    align-items: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-2-counter:is(.fx-counter-1) .fx-counter-1-item-number {
        font-size: 80px;
    }
}
.fx-about-2-counter:is(.fx-counter-1) .fx-counter-1-item-number .text {
    font-size: 64px;
    margin-top: 0;
    margin-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-2-counter:is(.fx-counter-1) .fx-counter-1-item-number .text {
        font-size: 30px;
    }
}
.fx-about-2-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 384px;
    width: 100%;
    position: absolute;
    top: 115px;
    left: 0;
    z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-about-2-tags {
        top: 55px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-2-tags {
        position: unset;
        padding-top: 50px;
    }
}
.fx-about-2-tags .tags {
    background: #feede8;
    border: 2px solid #fecbbc;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    padding: 8px 10px;
    flex: 0 0 auto;
    transition: all 0.4s var(--cube-1);
}
.fx-about-2-tags .tags:hover {
    background: var(--fx-clr-pr-1);
    color: #fff;
    border-color: transparent;
}

/* 
    about-2-end
*/
/* 
    about-3-start
*/
.fx-about-3-area {
    position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-3-area {
        padding-top: 100px;
    }
}
.fx-about-3-bg {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
}
.fx-about-3-scn-title {
    display: grid;
    grid-template-columns: 1.3fr 1fr 0.7fr;
    gap: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-about-3-scn-title {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-about-3-scn-title {
        grid-template-columns: 1fr;
    }
}
.fx-about-3-scn-title .left {
    padding-top: 135px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-3-scn-title .left {
        padding-top: 0px;
    }
}
.fx-about-3-scn-title .meddle {
    padding-top: 190px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-3-scn-title .meddle {
        padding-top: 0px;
    }
}
.fx-about-3-scn-title .scn-disc {
    margin-bottom: 24px;
}
.fx-about-3-quality-height {
    height: 605px;
    position: relative;
    z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-3-quality-height {
        height: 235px;
    }
}
.fx-about-3-quality {
    width: 170px;
    height: 100%;
    background: var(--fx-clr-sd-2);
    border-radius: 16px 16px 100px 100px;
    display: flex;
    align-items: end;
}
.fx-about-3-quality .icon {
    animation: fx-rotated 10s linear infinite;
}

/* 
    about-3-end
*/
/* 
    about-4-start
*/
.fx-about-4-illus-2 {
    width: 30%;
    position: absolute;
    right: 0;
    bottom: -90px;
    z-index: -1;
}
.fx-about-4-illus-1 {
    width: 31%;
    position: absolute;
    top: -80px;
    left: 5%;
    z-index: -1;
}
.fx-about-4-scn-title {
    max-width: 800px;
}
.fx-about-4-video {
    height: 1770px;
    -webkit-mask-image: url("../img/about/a4-mask-1.html");
    mask-image: url("../img/about/a4-mask-1.html");
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    padding-right: 60px;
    margin-top: -272px;
}
@media only screen and (min-width: 2800px) and (max-width: 2999px) {
    .fx-about-4-video {
        height: 2500px;
    }
}
@media only screen and (min-width: 2600px) and (max-width: 2799px) {
    .fx-about-4-video {
        height: 2300px;
    }
}
@media only screen and (min-width: 2400px) and (max-width: 2599px) {
    .fx-about-4-video {
        height: 2150px;
    }
}
@media only screen and (min-width: 2199px) and (max-width: 2399px) {
    .fx-about-4-video {
        height: 2150px;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .fx-about-4-video {
        height: 1480px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-about-4-video {
        height: 1290px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-about-4-video {
        height: 1100px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-about-4-video {
        height: 940px;
        padding-right: 0px;
        margin-top: -175px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-about-4-video {
        height: 730px;
        padding-right: 0px;
        margin-top: -70px;
    }
}
@media (max-width: 767px) {
    .fx-about-4-video {
        height: 330px;
        padding-right: 0px;
        margin-top: 0px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-about-4-video {
        height: 550px;
        padding-right: 0px;
        margin-top: 0px;
    }
}
.fx-about-4-video .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.fx-about-4-content {
    max-width: 696px;
    margin-left: 208px;
    margin-top: -150px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .fx-about-4-content {
        margin-top: -80px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-about-4-content {
        margin-top: -100px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-about-4-content {
        margin-top: -50px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-about-4-content {
        margin-left: 0;
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .fx-about-4-content {
        margin-left: 0;
        margin-top: 50px;
    }
}
.fx-about-4-content .disc {
    margin-bottom: 25px;
}
.fx-about-4-counter {
    display: grid;
    gap: 50px 136px;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
    .fx-about-4-counter {
        gap: 50px;
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-about-4-counter {
        gap: 50px;
        grid-template-columns: 1fr 1fr;
    }
}
.fx-about-4-counter .fx-counter-1-item {
    border-top: 2px solid var(--fx-clr-pr-1);
    padding-top: 18px;
}
.fx-about-4-counter .fx-counter-1-item-number {
    font-size: 128px;
    align-items: end;
    margin-bottom: -15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-4-counter .fx-counter-1-item-number {
        font-size: 80px;
        margin-bottom: 0;
    }
}
.fx-about-4-counter .fx-counter-1-item-number .text {
    font-size: 64px;
    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) {
    .fx-about-4-counter .fx-counter-1-item-number .text {
        font-size: 50px;
    }
}
.fx-about-4-counter .fx-counter-1-item-disc {
    line-height: 22px;
}

/* 
    about-4-end
*/
/* 
    about-5-start
*/
.fx-about-5-area {
    position: relative;
    background: #e5eae9;
    margin-top: -55px;
    z-index: 5;
}
.fx-about-5-scn-title {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-5-scn-title {
        flex-wrap: wrap;
    }
}
.fx-about-5-scn-title .left {
    max-width: 800px;
    width: 100%;
}
.fx-about-5-scn-title .right {
    max-width: 384px;
    width: 100%;
    padding-bottom: 15px;
}
.fx-about-5-scn-title .scn-disc {
    margin-bottom: 25px;
}
.fx-about-5-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: self-start;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-5-wrap {
        grid-template-columns: 1fr;
    }
}
.fx-about-5-left {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
}
@media (max-width: 767px) {
    .fx-about-5-left {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-about-5-left {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-about-5-left-col {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.fx-about-5-left-col:last-child {
    grid-column-start: 1;
    grid-column-end: -1;
}
.fx-about-5-counter-item {
    background: #fff;
    padding: 28px 32px;
    padding-top: 119px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-5-counter-item {
        padding: 28px 20px;
        padding-top: 119px;
    }
}
.fx-about-5-counter-item .box-icon {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: -1;
}
.fx-about-5-counter-item .fx-counter-1-item-number {
    font-size: 90px;
    align-items: end;
    margin-bottom: -4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-5-counter-item .fx-counter-1-item-number {
        font-size: 70px;
    }
}
.fx-about-5-counter-item .fx-counter-1-item-number .text {
    font-size: 45px;
    margin-top: 0;
    color: var(--fx-clr-pr-2);
    margin-bottom: 13px;
}
.fx-about-5-counter-item .fx-counter-1-item-disc {
    line-height: 22px;
}
.fx-about-5-counter-item:hover .box-icon {
    animation: fd-bounce-2 1s 2;
}
.fx-about-5-content {
    padding: 44px 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-5-content {
        padding: 44px 25px;
    }
}
.fx-about-5-content .title {
    font-size: 45px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 19px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-5-content .title {
        font-size: 30px;
    }
}
.fx-about-5-content .box-icon {
    position: absolute;
    right: 0;
    bottom: -5px;
    z-index: -1;
}
.fx-about-5-content .content-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border: 2.5px solid #000;
    border-radius: 50%;
    font-size: 20px;
    transition: all 0.3s var(--cube-1);
    color: #000;
}
.fx-about-5-content .content-btn i {
    transition: all 0.5s var(--cube-1);
}
.fx-about-5-content .content-btn:hover {
    border-color: #fff;
    color: #fff;
}
.fx-about-5-content .content-btn:hover i {
    transform: rotate(360deg);
}
.fx-about-5-content:hover .box-icon {
    animation: fd-bounce-2 1s 2;
}
.fx-about-5-right {
    margin-top: -30px;
}
.fx-about-5-img {
    width: 100%;
    text-align: center;
    height: 630px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-about-5-img {
        height: 590px;
    }
}
@media (max-width: 767px) {
    .fx-about-5-img {
        height: 380px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-about-5-img {
        height: 590px;
    }
}
.fx-about-5-img-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 35px);
    z-index: -1;
    border-radius: 16px;
}
.fx-about-5-chat-box {
    background: #fff;
    border-radius: 12px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: flex;
    align-items: center;
    gap: 52px;
    z-index: 1;
    padding: 28px;
}
@media (max-width: 767px) {
    .fx-about-5-chat-box {
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-about-5-chat-box {
        flex-wrap: nowrap;
    }
}
.fx-about-5-chat-content .subtitle {
    font-size: 15px;
    line-height: 1;
    opacity: 56%;
    display: inline-block;
    margin-bottom: 6px;
}
.fx-about-5-chat-content .title {
    font-size: 26px;
    line-height: 1;
}
.fx-about-5-chat-progress {
    display: flex;
    gap: 12px;
}
.fx-about-5-chat-progress .line {
    flex: 0 0 auto;
    width: 5px;
    height: 56px;
    background: #e7e7e7;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
.fx-about-5-chat-progress .line .line-percent {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--fx-clr-pr-2);
    border-radius: 4px;
}

/* 
    about-5-end
*/
/* 
    about-6-start
*/
.fx-about-6-area {
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 32px;
    background: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-6-area {
        padding-bottom: 100px;
    }
}
.fx-about-6-scn-title {
    max-width: 802px;
}
.fx-about-6-scn-title-big {
    font-size: 181px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -5px;
    line-height: 0.751;
    font-family: var(--fx-font-pr-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-about-6-scn-title-big {
        font-size: 150px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-about-6-scn-title-big {
        font-size: 120px;
        letter-spacing: -2px;
        line-height: 0.9;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-about-6-scn-title-big {
        font-size: 101px;
        letter-spacing: -1px;
        line-height: 0.9;
    }
}
@media (max-width: 767px) {
    .fx-about-6-scn-title-big {
        font-size: 50px;
        letter-spacing: 0;
        line-height: 1;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-about-6-scn-title-big {
        font-size: 80px;
        letter-spacing: 0;
        line-height: 1;
    }
}
.fx-about-6-scn-title-big .pr-clr {
    color: var(--fx-clr-pr-2);
}
.fx-about-6-pop-img {
    width: 280px;
    height: 400px;
    border-radius: 12px;
    position: absolute;
    right: 20%;
    top: 20%;
    z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-6-pop-img {
        display: none;
    }
}
.fx-about-6-content {
    padding-left: 100px;
    display: flex;
    align-items: center;
    gap: 50px;
    justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-6-content {
        flex-wrap: wrap;
        padding-left: 0;
    }
}
.fx-about-6-content .disc {
    line-height: 26px;
    color: #fff;
    opacity: 80%;
}
.fx-about-6-content-img {
    flex: 0 0 auto;
    max-width: 400px;
    height: 500px;
    border-radius: 12px;
    width: 100%;
}
@media (max-width: 767px) {
    .fx-about-6-content-img {
        height: 300px;
    }
}
.fx-about-6-content-right {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 480px;
}
.fx-about-6-content-2 {
    display: grid;
    grid-template-columns: 1.1fr 2fr;
    gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-6-content-2 {
        grid-template-columns: 1fr;
    }
}
.fx-about-6-content-2 .fx-scn-title-2 {
    margin-bottom: 200px;
}
.fx-about-6-content-2-img {
    margin-right: -37px;
    height: 600px;
    border-radius: 32px;
}
@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) {
    .fx-about-6-content-2-img {
        margin-right: 0px;
    }
}
@media (max-width: 767px) {
    .fx-about-6-content-2-img {
        margin-right: 0px;
        height: 300px;
    }
}
.fx-about-6-content-2 .disc {
    line-height: 26px;
    opacity: 80%;
    margin-bottom: 35px;
}
.fx-about-6-content-2 .btn-icon {
    font-family: var(--fx-font-pr-1);
    color: var(--fx-clr-pr-2);
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    transition: all 0.4s var(--cube-1);
}
.fx-about-6-content-2 .btn-icon .icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--fx-clr-pr-2);
    border-radius: 50%;
    flex: 0 0 auto;
    transition: all 0.4s var(--cube-1);
}
.fx-about-6-content-2 .btn-icon:hover {
    color: #fff;
}
.fx-about-6-content-2 .btn-icon:hover .icon {
    transform: rotate(360deg);
    background: var(--fx-clr-pr-2);
    color: #000;
}
.fx-about-6-experi {
    padding-top: 300px;
    height: 180vh;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-6-experi {
        padding-top: 150px;
        height: auto;
    }
}
.fx-about-6-experi-title {
    text-align: center;
    color: #dfe1e5;
    font-size: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-about-6-experi-title {
        text-align: left;
        margin-bottom: 20px;
    }
}
.fx-about-6-experi-year {
    position: relative;
    z-index: 1;
}
.fx-about-6-experi-year-title {
    color: #dfe1e5;
    font-size: 1000px;
    font-weight: 400;
    text-align: center;
    letter-spacing: -200px;
    line-height: 0.9;
    margin-left: -200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-about-6-experi-year-title {
        font-size: 200px;
        line-height: 0.9;
        letter-spacing: -20px;
        margin-left: 0;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .fx-about-6-experi-year-title {
        font-size: 150px;
        line-height: 0.9;
        letter-spacing: 0;
        text-align: left;
        margin-left: 0;
    }
}
.fx-about-6-experi-year-text {
    color: #dfe1e5;
    font-size: 64px;
    line-height: 0.8;
    width: 220px;
    letter-spacing: -1px;
    position: absolute;
    top: 46%;
    left: 56%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-about-6-experi-year-text {
        font-size: 34px;
        letter-spacing: 0;
        top: 36%;
        left: 33%;
    }
}
@media (max-width: 767px) {
    .fx-about-6-experi-year-text {
        font-size: 34px;
        letter-spacing: 0;
        top: 36%;
        left: 36%;
        position: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-about-6-experi-year-text {
        font-size: 34px;
        letter-spacing: 0;
        top: 36%;
        left: 36%;
        position: absolute;
    }
}

/* 
    about-6-end
*/
/* 
    about-page-start
*/
.fx-about-page-scn-title {
    max-width: 702px;
}

/* 
    about-page-end
*/
/* 
    services-1-start
*/
.fx-services-1-area {
    padding-top: 370px;
    padding-bottom: 52px;
    margin-left: 12px;
    margin-right: 12px;
    background: #021f45;
    border-radius: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-1-area {
        padding-top: 120px;
    }
}
.fx-services-1-bg-img-slider {
    position: absolute;
    right: 12px;
    top: 12px;
    height: calc(100% - 24px);
    width: 49%;
    border-radius: 12px;
    z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-services-1-bg-img-slider {
        width: 44%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-1-bg-img-slider {
        display: none;
    }
}
.fx-services-1-bg-img-slider .swiper-container {
    height: 100%;
    width: 100%;
}
.fx-services-1-bg-img-slider .swiper-container .swiper-wrapper {
    height: 100%;
    width: 100%;
}
.fx-services-1-bg-img-slider .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    width: 100%;
}
.fx-services-1-bg-img-slider .fx-services-1-bg-img {
    height: 100%;
}
.fx-services-1-wrap {
    max-width: 950px;
    width: 100%;
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 50px 80px;
    align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-1-wrap {
        grid-template-columns: 1fr;
    }
}
.fx-services-1-content-btn {
    gap: 32px;
}
.fx-services-1-slider {
    background: var(--fx-clr-pr-1);
    border-radius: 8px;
    padding: 40px;
    padding-top: 131px;
    max-width: 384px;
    width: 100%;
    display: grid;
}
.fx-services-1-slider-item .item-title {
    font-size: 24px;
    line-height: 1.17;
    margin-bottom: 14px;
    transition: all 0.3s var(--cube-1);
}
.fx-services-1-slider-item .item-title:hover {
    transform: translateX(3px);
    color: var(--fx-clr-sd-1);
}
.fx-services-1-slider-item .item-disc {
    font-size: 16px;
    line-height: 24px;
}
.fx-services-1-slider-btn {
    display: flex;
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 1;
}
.fx-services-1-slider-btn .slider-btn {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 6px 0 0 6px;
    font-size: 20px;
    cursor: pointer;
    opacity: 32%;
    transition: 0.3s;
}
.fx-services-1-slider-btn .slider-btn:nth-child(2) {
    border-radius: 0 6px 6px 0;
    margin-left: -2px;
}
.fx-services-1-slider-btn .slider-btn:hover {
    opacity: 100%;
}
.fx-services-1-slider-pagination {
    display: inline-flex;
    align-items: self-start;
    z-index: 1;
    gap: 8px;
    font-family: var(--fx-font-pr-1);
    color: rgba(255, 255, 255, 0.64);
    line-height: 1;
    position: absolute;
    top: 40px;
    left: 40px;
    height: 7%;
    width: auto;
}
.fx-services-1-slider-pagination .swiper-pagination-current {
    color: #fff;
}
.fx-services-1-slider .swiper-notification {
    display: none;
}

/* 
    services-1-end
*/
/* 
    services-2-start
*/
.fx-services-2-area {
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
}
.fx-services-2-bg-img {
    width: 15%;
    position: absolute;
    right: -12px;
    bottom: 0;
    z-index: 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) {
    .fx-services-2-bg-img {
        width: 12%;
    }
}
@media (max-width: 767px) {
    .fx-services-2-bg-img {
        width: 22%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-services-2-bg-img {
        width: 12%;
    }
}
.fx-services-2-scn-title {
    max-width: 800px;
}
.fx-services-2-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #002f6c;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-services-2-wrap {
        grid-template-columns: 1fr 1fr 1fr;
        border: none;
        border-radius: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-services-2-wrap {
        grid-template-columns: 1fr 1fr;
        border: none;
        border-radius: 0px;
    }
}
@media (max-width: 767px) {
    .fx-services-2-wrap {
        grid-template-columns: 1fr;
        border: none;
        border-radius: 0px;
    }
}
.fx-services-2-card {
    position: relative;
    z-index: 1;
    padding: 40px;
    background: #021f45;
    transition: all 0.4s var(--cube-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-services-2-card {
        padding: 40px 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) {
    .fx-services-2-card {
        padding: 40px 20px;
        border: 1px solid #002f6c;
    }
}
.fx-services-2-card .card-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    transition: all 0.4s var(--cube-1);
    transform: translateY(-100%);
}
.fx-services-2-card .card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    transition: all 0.4s var(--cube-1);
    opacity: 0;
}
.fx-services-2-card .card-illus {
    text-align: center;
    max-width: 140px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 56px;
    transition: all 0.4s var(--cube-1);
}
.fx-services-2-card .card-illus img {
    transition: all 0.4s var(--cube-1);
}
.fx-services-2-card .card-title {
    font-size: 32px;
    line-height: 0.93;
    opacity: 80%;
    margin-bottom: 20px;
    transition: all 0.4s var(--cube-1);
}
.fx-services-2-card .card-title:hover {
    color: var(--fx-clr-pr-1);
    opacity: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-2-card .card-title {
        font-size: 28px;
    }
}
.fx-services-2-card .card-disc {
    margin-bottom: 33px;
    transition: all 0.4s var(--cube-1);
    line-height: 26px;
}
.fx-services-2-card .fx-pr-btn-1 {
    border: 2px solid rgba(255, 255, 255, 0.17);
    background: transparent;
    padding: 12px 19px;
}
.fx-services-2-card .fx-pr-btn-1:hover {
    border-color: transparent;
    background: var(--fx-clr-pr-1);
}
.fx-services-2-card:hover .card-bg {
    opacity: 100%;
}
.fx-services-2-card:hover .card-illus {
    animation: fd-bounce 1s;
}
.fx-services-2-card:hover .card-illus img {
    filter: drop-shadow(-20px 20px 40px rgba(0, 0, 0, 0.25));
}
.fx-services-2-card:hover .card-disc {
    opacity: 100%;
}
.fx-services-2-card:hover .card-shape {
    transform: translateY(0%);
    transition-delay: 0.1s;
}
.fx-services-2-card:not(:last-child) {
    border-right: 1px solid #002f6c;
}
.fx-services-2-para {
    opacity: 88%;
    margin-bottom: 8px;
}
.fx-services-2-btn {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    color: var(--fx-clr-pr-1);
    transition: all 0.3s var(--cube-1);
    position: relative;
    z-index: 1;
}
.fx-services-2-btn::after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--fx-clr-pr-1);
    position: absolute;
    bottom: 5px;
    left: 0;
}
.fx-services-2-btn:hover {
    color: var(--fx-clr-pr-1);
    transform: translateY(3px);
}

/* 
    services-2-end
*/
/* 
    core-1-start
*/
.fx-core-1-bg {
    position: absolute;
    bottom: 0;
    height: 450px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.fx-core-1-slider-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1.4fr;
    gap: 48px;
    align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-core-1-slider-item {
        grid-template-columns: 1fr;
    }
}
.fx-core-1-slider-item-content {
    position: relative;
    z-index: 1;
    align-self: self-end;
}
.fx-core-1-slider-item-content .subtitle-flex {
    display: flex;
    gap: 32px;
    margin-bottom: 20px;
}
.fx-core-1-slider-item-content .subtitle-flex .fx-hero-2-slider-item-number {
    color: #000;
    margin-bottom: 0;
}
.fx-core-1-slider-item-content .subtitle-flex .fx-subtitle-1 {
    margin-bottom: 0;
}
.fx-core-1-slider-item-content .title-wrap {
    margin-bottom: 230px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-core-1-slider-item-content .title-wrap {
        margin-bottom: 50px;
    }
}
.fx-core-1-slider-item-content .title-wrap .fx-scn-title-2 {
    background: #fff;
    border-radius: 0 8px 8px 0;
    padding-top: 14px;
    display: inline-block;
    padding-right: 14px;
    font-size: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-core-1-slider-item-content .title-wrap .fx-scn-title-2 {
        font-size: 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-core-1-slider-item-content .title-wrap .fx-scn-title-2 {
        font-size: 70px;
    }
}
@media (max-width: 767px) {
    .fx-core-1-slider-item-content .title-wrap .fx-scn-title-2 {
        font-size: 50px;
    }
}
.fx-core-1-slider-item-content .title-wrap .fx-scn-title-2:not(:last-child) {
    margin-bottom: 8px;
}
.fx-core-1-slider-item-content .disc {
    line-height: 26px;
    margin-bottom: 34px;
    max-width: 235px;
    width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-core-1-slider-item-content .disc {
        max-width: 100%;
    }
}
.fx-core-1-slider-item-img {
    border-radius: 16px;
    margin-left: -228px;
    height: 800px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-core-1-slider-item-img {
        margin-left: -128px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-core-1-slider-item-img {
        margin-left: 0;
        height: 500px;
    }
}
.fx-core-1-slider-item-img img {
    filter: blur(4px);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
    border-radius: 16px;
    transform: translateX(20%);
    opacity: 0.5;
}
.fx-core-1-slider-item-feature-single:not(:last-child) {
    margin-bottom: 60px;
}
.fx-core-1-slider-item-feature-single .item-title {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-core-1-slider-item-feature-single .item-title {
        font-size: 26px;
    }
}
.fx-core-1-slider-item-feature-single .item-disc {
    font-size: 16px;
    line-height: 24px;
}
.fx-core-1-slider-item .fx-core-1-slideinup {
    transform: translateY(100%);
    transition: all 0.5s var(--cube-1);
}
.fx-core-1-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-core-1-slideinup {
    transform: translateY(0%);
    transition-delay: 0.4s;
}
.fx-core-1-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-core-1-slider-item-img
    img {
    transform: translateX(0%);
    opacity: 1;
    filter: blur(0);
    transition-delay: 0.2s;
}
.fx-core-1-slider .swiper-container .swiper-notification {
    display: none;
}
.fx-core-1-slider-btn {
    position: absolute;
    top: 50%;
    left: 44%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    max-width: 450px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-core-1-slider-btn {
        left: 48%;
        max-width: 310px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-core-1-slider-btn {
        left: 15px;
        max-width: 96%;
        transform: unset;
    }
}
@media (max-width: 767px) {
    .fx-core-1-slider-btn {
        left: 15px;
        max-width: 94%;
        transform: unset;
    }
}
.fx-core-1-slider-btn .fx-slider-btn-1 {
    display: flex;
    justify-content: space-between;
}
.fx-core-1-slider-btn .fx-slider-btn-1-item {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.fx-core-1-slider-btn .fx-slider-btn-1-item i {
    color: #000;
}
.fx-core-1-slider-pagination .fx-slider-pagi-1 {
    display: inline-flex;
    margin-left: -160px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-core-1-slider-pagination .fx-slider-pagi-1 {
        margin-left: 0px;
    }
}

/* 
    core-1-end
*/
/* 
    services-3-start
*/
.fx-services-3-bg {
    height: 700px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: -1;
}
.fx-services-3-scn-title {
    display: flex;
    align-items: end;
    gap: 15px;
    justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-3-scn-title {
        flex-wrap: wrap;
    }
}
.fx-services-3-scn-title .scn-disc {
    max-width: 384px;
}
.fx-services-3-slider {
    margin-left: -150px;
    margin-right: -150px;
    margin-bottom: 38px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-services-3-slider {
        margin-left: -200px;
        margin-right: -200px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-3-slider {
        margin-left: 0px;
        margin-right: 0px;
    }
}
.fx-services-3-slider-item {
    height: 320px;
    border-radius: 16px;
}
.fx-services-3-slider-item .item-title {
    position: absolute;
    bottom: 12px;
    text-align: center;
    left: 0;
    width: 100%;
    font-size: 32px;
    color: var(--fx-clr-sd-2);
    transition: all 0.4s var(--cube-1);
    padding: 0 10px;
    z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-3-slider-item .item-title {
        font-size: 26px;
    }
}
.fx-services-3-slider-item .item-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-services-3-slider-item::after {
    content: "";
    width: 100%;
    height: 160px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(
        0deg,
        rgb(0, 0, 0) 0%,
        rgba(0, 212, 255, 0) 100%
    );
}
.fx-services-3-slider .swiper-container .swiper-notification {
    display: none;
}

/* 
    services-3-end
*/
/* 
    services-4-start
*/
.fx-services-4-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 60px);
    height: 100%;
    z-index: -1;
    clip-path: polygon(4.5% 0, 100% 0, 100% 94%, 95.5% 100%, 0 100%, 0 6%);
}
@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) {
    .fx-services-4-bg {
        width: calc(100% - 10px);
    }
}
@media (max-width: 767px) {
    .fx-services-4-bg {
        width: calc(100% - 5px);
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-services-4-bg {
        width: calc(100% - 10px);
    }
}
.fx-services-4-scn-title {
    max-width: 800px;
}
.fx-services-4-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-services-4-wrap {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-services-4-wrap {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-services-4-wrap {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-services-4-card {
    padding-bottom: 34px;
    position: relative;
    z-index: 1;
}
.fx-services-4-card .card-title {
    font-size: 32px;
    line-height: 0.94;
    color: #fff;
    opacity: 64%;
    max-width: 312px;
    transition: all 0.4s var(--cube-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-services-4-card .card-title {
        font-size: 28px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-4-card .card-title {
        font-size: 24px;
    }
}
.fx-services-4-card .card-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
    opacity: 100%;
}
.fx-services-4-card .card-img {
    height: 384px;
    clip-path: polygon(100% 0, 100% 83%, 83% 100%, 0 100%, 0 0);
    margin-bottom: 30px;
    filter: grayscale(1);
    transition: all 0.4s var(--cube-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-services-4-card .card-img {
        height: 315px;
    }
}
@media (max-width: 767px) {
    .fx-services-4-card .card-img {
        height: 300px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-services-4-card .card-img {
        height: 234px;
    }
}
.fx-services-4-card .shape {
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 100%;
    left: 0;
}
.fx-services-4-card .shape svg * {
    transition: all 0.4s var(--cube-1);
}
.fx-services-4-card:hover .card-img {
    filter: grayscale(0);
}
.fx-services-4-card:hover .shape svg * {
    fill: var(--fx-clr-pr-1);
    opacity: 100%;
}

/* 
    services-4-end
*/
/* 
    services-5-start
*/
.fx-services-5-area {
    background: #fff;
    position: relative;
    z-index: 6;
}
.fx-services-5-scn-title {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.fx-services-5-wrap {
    position: relative;
    display: block;
}
.fx-services-5-card-posi {
    position: sticky;
    top: 100px;
    z-index: 1;
    margin-bottom: 64px;
    background: #fff;
    border-radius: 16px;
}
@media (max-width: 767px) {
    .fx-services-5-card-posi {
        position: relative;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-services-5-card-posi {
        position: sticky;
    }
}
.fx-services-5-card-posi .card-number {
    position: absolute;
    bottom: 20px;
    left: 0;
    writing-mode: vertical-lr;
    margin: 0;
    padding: 0;
    font-size: 18px;
    display: flex;
    gap: 16px;
}
.fx-services-5-card-posi .card-number span:nth-child(1) {
    opacity: 32%;
}
.fx-services-5-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 16px;
    background: #f6f6f6;
    padding: 20px;
    align-items: center;
    gap: 20px;
    clip-path: polygon(
        40px 0px,
        16px 0px,
        16px 0px,
        13.40471592px 0.20941315px,
        10.94276096px 0.8156912px,
        8.64707704px 1.78589205px,
        6.55060608px 3.0870736px,
        4.68629px 4.68629375px,
        3.08707072px 6.5506104px,
        1.78589016px 8.64708145px,
        0.81569024px 10.9427648px,
        0.20941288px 13.40471835px,
        0px 16px,
        0px calc(50% - 137px),
        0px calc(50% - 137px),
        0.20941288px calc(50% - 134.4047062px),
        0.81569024px calc(50% - 131.9427456px),
        1.78589016px calc(50% - 129.6470594px),
        3.08707072px calc(50% - 127.5505888px),
        4.68629px calc(50% - 125.686275px),
        6.55060608px calc(50% - 124.0870592px),
        8.64707704px calc(50% - 122.7858826px),
        10.94276096px calc(50% - 121.8156864px),
        13.40471592px calc(50% - 121.2094118px),
        16px calc(50% - 121px),
        24px calc(50% - 121px),
        24px calc(50% - 121px),
        26.5952938px calc(50% - 120.790599px),
        29.0572544px calc(50% - 120.184352px),
        31.3529406px calc(50% - 119.214193px),
        33.4494112px calc(50% - 117.913056px),
        35.313725px calc(50% - 116.313875px),
        36.9129408px calc(50% - 114.449584px),
        38.2141174px calc(50% - 112.353117px),
        39.1843136px calc(50% - 110.057408px),
        39.7905882px calc(50% - 107.595391px),
        40px calc(50% - 105px),
        40px calc(100% - 16px),
        40px calc(100% - 16px),
        40.2094118px calc(100% - 13.404609px),
        40.8156864px calc(100% - 10.942592px),
        41.7858826px calc(100% - 8.646883px),
        43.0870592px calc(100% - 6.550416px),
        44.686275px calc(100% - 4.686125px),
        46.5505888px calc(100% - 3.086944px),
        48.6470594px calc(100% - 1.785807px),
        50.9427456px calc(100% - 0.815648px),
        53.4047062px calc(100% - 0.209401px),
        56px calc(100% - 0px),
        calc(100% - 16px) calc(100% - 0px),
        calc(100% - 16px) calc(100% - 0px),
        calc(100% - 13.40388px) calc(100% - 0.209401px),
        calc(100% - 10.94144px) calc(100% - 0.815648px),
        calc(100% - 8.64556px) calc(100% - 1.785807px),
        calc(100% - 6.54912px) calc(100% - 3.086944px),
        calc(100% - 4.685px) calc(100% - 4.686125px),
        calc(100% - 3.08608px) calc(100% - 6.550416px),
        calc(100% - 1.78524px) calc(100% - 8.646883px),
        calc(100% - 0.81536px) calc(100% - 10.942592px),
        calc(100% - 0.20932px) calc(100% - 13.404609px),
        calc(100% - 0px) calc(100% - 16px),
        calc(100% - 0px) 16px,
        calc(100% - 0px) 16px,
        calc(100% - 0.20932px) 13.40471592px,
        calc(100% - 0.81536px) 10.94276096px,
        calc(100% - 1.78524px) 8.64707704px,
        calc(100% - 3.08608px) 6.55060608px,
        calc(100% - 4.685px) 4.68629px,
        calc(100% - 6.54912px) 3.08707072px,
        calc(100% - 8.64556px) 1.78589016px,
        calc(100% - 10.94144px) 0.81569024px,
        calc(100% - 13.40388px) 0.20941288px,
        calc(100% - 16px) 0px,
        40px 0px
    );
}
@media (max-width: 767px) {
    .fx-services-5-card {
        grid-template-columns: 1fr;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}
.fx-services-5-card-img {
    height: 402px;
    clip-path: polygon(
        40px 0px,
        12px 0px,
        12px 0px,
        10.05353694px 0.15705966px,
        8.20707072px 0.61176768px,
        6.48530778px 1.33941762px,
        4.91295456px 2.31530304px,
        3.5147175px 3.5147175px,
        2.31530304px 4.91295456px,
        1.33941762px 6.48530778px,
        0.61176768px 8.20707072px,
        0.15705966px 10.05353694px,
        0px 12px,
        0px calc(50% - 153px),
        0px calc(50% - 153px),
        0.15705966px calc(50% - 151.0535418px),
        0.61176768px calc(50% - 149.2070784px),
        1.33941762px calc(50% - 147.4853166px),
        2.31530304px calc(50% - 145.9129632px),
        3.5147175px calc(50% - 144.514725px),
        4.91295456px calc(50% - 143.3153088px),
        6.48530778px calc(50% - 142.3394214px),
        8.20707072px calc(50% - 141.6117696px),
        10.05353694px calc(50% - 141.1570602px),
        12px calc(50% - 141px),
        28px calc(50% - 141px),
        28px calc(50% - 141px),
        29.9464582px calc(50% - 140.8429398px),
        31.7929216px calc(50% - 140.3882304px),
        33.5146834px calc(50% - 139.6605786px),
        35.0870368px calc(50% - 138.6846912px),
        36.485275px calc(50% - 137.485275px),
        37.6846912px calc(50% - 136.0870368px),
        38.6605786px calc(50% - 134.5146834px),
        39.3882304px calc(50% - 132.7929216px),
        39.8429398px calc(50% - 130.9464582px),
        40px calc(50% - 129px),
        40px calc(100% - 12px),
        40px calc(100% - 12px),
        40.1570602px calc(100% - 10.053639px),
        40.6117696px calc(100% - 8.207232px),
        41.3394214px calc(100% - 6.485493px),
        42.3153088px calc(100% - 4.913136px),
        43.514725px calc(100% - 3.514875px),
        44.9129632px calc(100% - 2.315424px),
        46.4853166px calc(100% - 1.339497px),
        48.2070784px calc(100% - 0.611808px),
        50.0535418px calc(100% - 0.157071px),
        52px calc(100% - 0px),
        calc(100% - 12px) calc(100% - 0px),
        calc(100% - 12px) calc(100% - 0px),
        calc(100% - 10.053639px) calc(100% - 0.157071px),
        calc(100% - 8.207232px) calc(100% - 0.611808px),
        calc(100% - 6.485493px) calc(100% - 1.339497px),
        calc(100% - 4.913136px) calc(100% - 2.315424px),
        calc(100% - 3.514875px) calc(100% - 3.514875px),
        calc(100% - 2.315424px) calc(100% - 4.913136px),
        calc(100% - 1.339497px) calc(100% - 6.485493px),
        calc(100% - 0.611808px) calc(100% - 8.207232px),
        calc(100% - 0.157071px) calc(100% - 10.053639px),
        calc(100% - 0px) calc(100% - 12px),
        calc(100% - 0px) 12px,
        calc(100% - 0px) 12px,
        calc(100% - 0.157071px) 10.05353694px,
        calc(100% - 0.611808px) 8.20707072px,
        calc(100% - 1.339497px) 6.48530778px,
        calc(100% - 2.315424px) 4.91295456px,
        calc(100% - 3.514875px) 3.5147175px,
        calc(100% - 4.913136px) 2.31530304px,
        calc(100% - 6.485493px) 1.33941762px,
        calc(100% - 8.207232px) 0.61176768px,
        calc(100% - 10.053639px) 0.15705966px,
        calc(100% - 12px) 0px,
        40px 0px
    );
}
.fx-services-5-card-content {
    padding: 0 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-5-card-content {
        padding: 0;
    }
}
.fx-services-5-card-content .card-title {
    font-size: 45px;
    transition: all 0.3s var(--cube-1);
    margin-bottom: 12px;
    line-height: 0.88;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-services-5-card-content .card-title {
        font-size: 38px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-services-5-card-content .card-title {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .fx-services-5-card-content .card-title {
        font-size: 26px;
    }
}
.fx-services-5-card-content .card-title span {
    display: inline-block;
    color: var(--fx-clr-pr-2);
}
.fx-services-5-card-content .card-title:hover {
    color: var(--fx-clr-pr-2);
    transform: translateX(3px);
}
.fx-services-5-card-content .card-disc {
    line-height: 26px;
    margin-bottom: 21px;
}

/* 
    services-5-end
*/
/* 
    services-6-start
*/
.fx-services-6-title {
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 30px;
}
.fx-services-6-slider-item {
    padding: 4px;
    padding-right: 24px;
    border: 1px solid #dfe1e5;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.3s var(--cube-1);
    flex: 0 0 auto;
    justify-content: space-between;
}
.fx-services-6-slider-item .item-img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    flex: 0 0 auto;
}
.fx-services-6-slider-item .item-title {
    font-size: 18px;
    line-height: 22px;
    line-break: auto;
}
.fx-services-6-slider-item .item-btn {
    display: flex;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--fx-clr-pr-2);
    border-radius: 50%;
    font-size: 16px;
    color: #000;
    background: transparent;
    transition: all 0.4s var(--cube-1);
}
.fx-services-6-slider-item:hover {
    background: var(--fx-clr-pr-2);
    border-color: transparent;
    box-shadow: -8px 8px 24px rgba(252, 168, 4, 0.4);
}
.fx-services-6-slider-item:hover .item-btn {
    background: #fff;
    transform: rotate(360deg);
}
.fx-services-6-slider .swiper-container {
    padding-bottom: 40px;
}
.fx-services-6-slider .swiper-container .swiper-wrapper .swiper-slide {
    flex: 0 0 auto;
}
.fx-services-6-slider
    .fx-slider-pagi-1
    span:is(.swiper-pagination-bullet-active) {
    background: var(--fx-clr-pr-2);
}
.fx-services-6-slider
    .fx-slider-pagi-1
    span:is(.swiper-pagination-bullet-active)::after {
    border-color: var(--fx-clr-pr-2);
}

/* 
    services-6-end
*/
/* 
    services-7-start
*/
.fx-services-7-card {
    height: 420px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.fx-services-7-card-content {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    width: calc(100% - 20px);
    border-radius: 4px 0 0 0;
    display: flex;
    justify-content: space-between;
}
.fx-services-7-card-content .content {
    padding: 5px 16px;
}
.fx-services-7-card-content .card-subtitle {
    font-size: 12px;
    background: #08449c;
    display: inline-block;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    font-weight: 400;
    padding: 5px 10px;
    margin-bottom: 8px;
}
.fx-services-7-card-content .card-title {
    font-size: 22px;
    margin-bottom: 0;
    text-transform: capitalize;
    transition: all 0.3s var(--cube-1);
}
.fx-services-7-card-content .card-title:hover {
    color: var(--fx-clr-pr-1);
}
.fx-services-7-card-content .card-btn {
    display: flex;
    flex: 0 0 auto;
    width: 56px;
    justify-content: center;
    align-items: center;
    background: #eeeeee;
    font-size: 22px;
    color: var(--fx-clr-pr-1);
    transition: all 0.3s var(--cube-1);
}
.fx-services-7-card-content .card-btn:hover {
    background-color: var(--fx-clr-pr-1);
    color: #fff;
}

/* 
    services-7-end
*/
/* 
    about-page-start
*/
.has-about-page:is(.fx-core-1-slider-item) {
    grid-template-columns: 1.5fr 0.5fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .has-about-page:is(.fx-core-1-slider-item) {
        grid-template-columns: 1fr;
    }
}
.has-about-page:is(.fx-core-1-slider-item) .fx-core-1-slider-item-content {
    margin-top: 115px;
    align-self: self-start;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .has-about-page:is(.fx-core-1-slider-item) .fx-core-1-slider-item-content {
        margin-top: 0px;
    }
}
.has-about-page:is(.fx-core-1-slider-item)
    .fx-core-1-slider-item-content
    .title-wrap {
    margin-bottom: 0;
}
.has-about-page:is(.fx-core-1-slider-item)
    .fx-core-1-slider-item-content
    .item-title {
    display: inline-block;
    font-size: 72px;
    background: #fff;
    line-height: 1.05;
    padding: 0 9px;
    letter-spacing: -2px;
    border-radius: 8px;
    padding-left: 0;
}
.has-about-page:is(.fx-core-1-slider-item)
    .fx-core-1-slider-item-content
    .item-title:not(:last-child) {
    margin-bottom: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .has-about-page:is(.fx-core-1-slider-item)
        .fx-core-1-slider-item-content
        .item-title {
        font-size: 70px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .has-about-page:is(.fx-core-1-slider-item)
        .fx-core-1-slider-item-content
        .item-title {
        font-size: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .has-about-page:is(.fx-core-1-slider-item)
        .fx-core-1-slider-item-content
        .item-title {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    .has-about-page:is(.fx-core-1-slider-item)
        .fx-core-1-slider-item-content
        .item-title {
        font-size: 40px;
    }
}
.has-about-page:is(.fx-core-1-slider-item)
    .fx-core-1-slider-item-feature-single
    .item-title {
    font-size: 28px;
    margin-bottom: 7px;
}
@media (max-width: 767px) {
    .has-about-page:is(.fx-core-1-slider-item)
        .fx-core-1-slider-item-feature-single
        .item-title {
        font-size: 22px;
    }
}
.has-about-page:is(.fx-core-1-slider-item) .fx-core-1-slider-item-img {
    margin-left: -326px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .has-about-page:is(.fx-core-1-slider-item) .fx-core-1-slider-item-img {
        margin-left: -245px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .has-about-page:is(.fx-core-1-slider-item) .fx-core-1-slider-item-img {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .has-about-page:is(.fx-core-1-slider-btn) {
        top: 30%;
    }
}
@media (max-width: 767px) {
    .has-about-page:is(.fx-core-1-slider-btn) {
        top: 30%;
    }
}

/* 
    about-page-end
*/
/* 
    services-page-start
*/
.fx-services-page-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-services-page-item {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-services-page-item {
        grid-template-columns: 1fr;
    }
}
.fx-services-page-item .fx-serve-1-slider-item {
    box-shadow: -20px 20px 80px 0 rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}
.fx-services-page-item .fx-serve-1-slider-item .item-img {
    margin-bottom: 0;
    height: 400px;
}
@media (max-width: 767px) {
    .fx-services-page-item .fx-serve-1-slider-item .item-img {
        height: 350px;
    }
}
.fx-services-page-item .fx-serve-1-slider-item .item-title {
    opacity: 1;
    transform: unset;
}
.fx-services-page-item .fx-serve-1-slider-item .content {
    padding: 24px 32px;
    display: flex;
    gap: 15px;
    align-items: center;
    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) {
    .fx-services-page-item .fx-serve-1-slider-item .content {
        padding: 24px 20px;
    }
}
.fx-services-page-item .fx-serve-1-slider-item .item-btn {
    transition: all 0.3s var(--cube-1);
    opacity: 0;
}
.fx-services-page-item .fx-serve-1-slider-item .item-btn svg * {
    transition: all 0.5s var(--cube-1);
}
.fx-services-page-item .fx-serve-1-slider-item .item-btn:hover svg path {
    d: path(
        "M37.5 20C37.5 10.3503 29.6497 2.5 20 2.5C10.3503 2.5 2.5 11.74 2.5 20C2.5 29.6497 10.3503 37.5 20 37.5C29.6497 37.5 37.5 29.6497 37.5 20ZM2.5 20C2.5 11.74 10.3503 2.5 20 2.5C29.6497 2.5 37.5 10.3503 37.5 20C37.5 29.6497 29.6497 37.5 20 37.5C10.3503 37.5 2.5 29.6497 2.5 20ZM22.1337 27.1338C21.6453 27.6222 20.8544 27.6222 20.3663 27.1338C20.1222 26.8897 20 26.5697 20 26.25C20 25.9303 20.1222 25.6103 20.3663 25.3663L24.4825 21.25L8 21.25C7.30907 21.25 7 20.6903 7 20C7 19.3097 7.30907 18.75 8 18.75L24.4825 18.75L20.3663 14.6337C19.8778 14.1453 19.8778 13.3544 20.3663 12.8662C20.8547 12.3781 21.6456 12.3778 22.1338 12.8662L34.3602 19.3041C34.8487 19.7925 34.8487 20.0981 34.3602 20.5862L22.1337 27.1338Z"
    );
}
.fx-services-page-item .fx-serve-1-slider-item:hover .item-img img {
    filter: grayscale(0);
}
.fx-services-page-item .fx-serve-1-slider-item:hover .item-btn {
    opacity: 1;
}

/* 
    services-page-end
*/
/* 
    solution-4-start
*/
.fx-solution-4-illus-2 {
    text-align: center;
    width: 70%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2;
}
.fx-solution-4-scn-title {
    max-width: 800px;
}
.fx-solution-4-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-solution-4-wrap {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-solution-4-wrap {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-solution-4-wrap {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-solution-4-card {
    padding: 44px 48px;
    background: rgba(255, 255, 255, 0.8);
    clip-path: polygon(0 0, 100% 0, 100% 87.5%, 88% 100%, 0 100%);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}
@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) {
    .fx-solution-4-card {
        padding: 44px 25px;
    }
}
.fx-solution-4-card .icon {
    width: 85px;
    height: 85px;
    margin-bottom: 40px;
}
.fx-solution-4-card .title {
    font-size: 32px;
    line-height: 0.94;
    margin-bottom: 10px;
    transition: all 0.4s 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) {
    .fx-solution-4-card .title {
        font-size: 26px;
    }
}
.fx-solution-4-card .title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(2px);
}
.fx-solution-4-card .disc {
    line-height: 26px;
    opacity: 72%;
}
.fx-solution-4-card:hover .icon {
    animation: fd-bounce-2 1s;
}
.fx-solution-4-illus {
    width: 47%;
    position: absolute;
    right: -10%;
    top: 10%;
    z-index: -1;
}

/* 
    solution-4-end
*/
/* 
    project-1-start
*/
.fx-project-1-scn-title {
    max-width: 900px;
}
.fx-project-1-item-single {
    display: flex;
    align-items: center;
    gap: 48px;
    position: relative;
    z-index: 1;
    padding: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.24);
    overflow: hidden;
    transition: all 0.3s var(--cube-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-project-1-item-single {
        gap: 30px;
    }
}
@media (max-width: 767px) {
    .fx-project-1-item-single {
        gap: 30px;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-project-1-item-single {
        gap: 30px;
        flex-wrap: nowrap;
    }
}
.fx-project-1-item-single .item-number {
    font-size: 16px;
    opacity: 64%;
}
.fx-project-1-item-single .item-title {
    font-size: 32px;
    opacity: 64%;
    transition: all 0.3s var(--cube-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-project-1-item-single .item-title {
        font-size: 28px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-project-1-item-single .item-title {
        font-size: 26px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-project-1-item-single .item-title {
        font-size: 22px;
    }
}
.fx-project-1-item-single .item-btn {
    flex: 0 0 auto;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border: 2px solid var(--fx-clr-pr-1);
    font-size: 20px;
    color: var(--fx-clr-pr-1);
    background: #fff;
    transition: all 0.5s var(--cube-1);
    transform: translateX(60px);
}
.fx-project-1-item-single .item-btn:hover {
    background: var(--fx-clr-pr-1);
    color: #fff;
}
.fx-project-1-item-single .item-bg {
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    opacity: 0;
    transition: all 0.5s var(--cube-1);
}
@media (max-width: 767px) {
    .fx-project-1-item-single .item-bg {
        display: none;
    }
}
.fx-project-1-item-single .item-icon svg {
    transition: all 0.3s var(--cube-1);
}
.fx-project-1-item-single .item-icon svg * {
    transition: all 0.3s var(--cube-1);
}
.fx-project-1-item-single:hover {
    border-color: #000;
}
.fx-project-1-item-single:hover .item-title {
    color: var(--fx-clr-pr-1);
    opacity: 100%;
}
.fx-project-1-item-single:hover .item-icon svg {
    animation: fx-project-1-icon 0.5s;
}
.fx-project-1-item-single:hover .item-icon svg * {
    fill: var(--fx-clr-pr-1);
}
.fx-project-1-item-single:hover .item-btn {
    transform: translateX(-5px);
}
.fx-project-1-item-single:hover .item-bg {
    right: 0px;
    opacity: 1;
}

@keyframes fx-project-1-icon {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
/* 
    project-1-end
*/
/* 
    project-2-start
*/
.fx-project-2-bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.fx-project-2-scn-title {
    max-width: 800px;
}
.fx-project-2-slider-item {
    padding-bottom: 60px;
}
.fx-project-2-slider-item-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: self-start;
}
.fx-project-2-slider-item-title .fx-scn-title-2 {
    background: #fff;
    padding-top: 12px;
    padding-left: 12px;
    display: inline-block;
    padding-right: 12px;
    font-size: 45px;
}
.fx-project-2-slider-item-title .fx-scn-title-2:first-child {
    border-radius: 8px 8px 0 0;
}
.fx-project-2-slider-item-title .fx-scn-title-2:last-child {
    border-radius: 0 0 8px 8px;
}
@media (max-width: 767px) {
    .fx-project-2-slider-item-title .fx-scn-title-2 {
        font-size: 40px;
    }
}
.fx-project-2-slider-item .item-img {
    height: 550px;
    border-radius: 16px;
    position: relative;
    z-index: 1;
}
.fx-project-2-slider-item .item-img img {
    filter: blur(3px);
    transition: all 0.5s var(--cube-1);
    transition-delay: 0s;
}
.fx-project-2-slider-item-box {
    max-width: 384px;
    border-radius: 16px;
    box-shadow: -20px 20px 48px rgba(0, 0, 0, 0.08);
    padding: 40px 40px;
    margin-left: auto;
    margin-right: 208px;
    margin-top: -145px;
    position: relative;
    z-index: 1;
    background: #fff;
    transform: translateX(35%);
    transition: all 0.7s var(--cube-1);
    transition-delay: 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-project-2-slider-item-box {
        margin-right: 10px;
    }
}
.fx-project-2-slider-item-box .disc {
    line-height: 26px;
    opacity: 80%;
    margin-bottom: 25px;
}
.fx-project-2-slider-item .fx-p2-slideup {
    transform: translateY(103%);
    transition: all 0.5s var(--cube-1);
    transition-delay: 0s;
}
.fx-project-2-slider .swiper-container .swiper-wrapper .swiper-slide {
    overflow: hidden;
}
.fx-project-2-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-p2-slideup {
    transform: translateY(0%);
    transition-delay: 0.4s;
}
.fx-project-2-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-project-2-slider-item-box {
    transform: translateX(0);
    transition-delay: 0.3s;
    opacity: 1;
}
.fx-project-2-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-project-2-slider-item
    .item-img
    img {
    filter: blur(0);
    transition-delay: 0.3s;
}
.fx-project-2-slider .swiper-container .swiper-notification {
    display: none;
}
.fx-project-2-slider-btn {
    position: absolute;
    bottom: 106px;
    left: 65px;
    z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-project-2-slider-btn {
        left: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-project-2-slider-btn {
        position: unset;
        left: 0px;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .fx-project-2-slider-btn .fx-p2-scrollbar {
        display: none;
    }
}
.fx-project-2-slider-next {
    width: 224px;
    height: 300px;
    border-radius: 16px;
    overflow: hidden;
    position: absolute;
    right: -110px;
    top: 38%;
    transform: translateY(-50%);
    z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-project-2-slider-next {
        right: -50px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-project-2-slider-next {
        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) {
    .fx-project-2-slider-next {
        display: none;
    }
}
.fx-project-2-slider-next-img {
    height: 100%;
    filter: blur(4px);
    transition: all 0.5s var(--cube-1);
    transition-delay: 0s;
}
.fx-project-2-slider-next .swiper-container {
    height: 100%;
}
.fx-project-2-slider-next .swiper-container .swiper-wrapper {
    height: 100%;
}
.fx-project-2-slider-next .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
}
.fx-project-2-slider-next
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-project-2-slider-next-img {
    filter: blur(0);
}
.fx-project-2-slider-next-btn {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
    width: 100%;
    padding: 0 8px;
}
.fx-project-2-slider-next-btn .fx-slider-btn-1 {
    display: flex;
    justify-content: space-between;
}
.fx-project-2-slider-next-btn .fx-slider-btn-1 i {
    color: #000;
}

/* 
    project-2-end
*/
/* 
    project-3-start
*/
.fx-project-2-slider:is(.has-project-3) .fx-project-2-slider-btn {
    left: unset;
    right: 118px;
}
@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) {
    .fx-project-2-slider:is(.has-project-3) .fx-project-2-slider-btn {
        right: 0px;
    }
}

.fx-project-2-slider-item:is(.has-project-3) .fx-project-2-slider-item-box {
    margin-left: 104px;
    margin-right: auto;
    margin-top: -245px;
    transform: translateX(-35%);
    opacity: 0;
}
.fx-project-2-slider-item:is(.has-project-3)
    .fx-project-2-slider-item-box
    .title {
    font-size: 45px;
    line-height: 0.85;
    max-width: 277px;
    margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-project-2-slider-item:is(.has-project-3)
        .fx-project-2-slider-item-box
        .title {
        font-size: 35px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-project-2-slider-item:is(.has-project-3) .fx-project-2-slider-item-box {
        margin-left: 20px;
    }
}
@media (max-width: 767px) {
    .fx-project-2-slider-item:is(.has-project-3) .fx-project-2-slider-item-box {
        margin-left: 20px;
        padding: 40px 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-project-2-slider-item:is(.has-project-3) .fx-project-2-slider-item-box {
        padding: 40px 40px;
    }
}

/* 
    project-3-end
*/
/* 
    project-6-start
*/
.fx-project-6-area {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-project-6-area {
        padding-top: 60px;
    }
}
.fx-project-6-scn-title {
    max-width: 800px;
}
.fx-project-6-item {
    border-radius: 32px;
    padding: 20px;
    margin-bottom: 64px;
    position: sticky;
    top: 110px;
}
@media (max-width: 767px) {
    .fx-project-6-item {
        position: unset;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-project-6-item {
        position: sticky;
    }
}
.fx-project-6-item-content {
    background: rgba(255, 255, 255, 0.88);
    border-radius: 20px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 40px 40px;
    max-width: 382px;
    width: 100%;
    margin-left: auto;
}
@media (max-width: 767px) {
    .fx-project-6-item-content {
        padding: 40px 20px;
    }
}
.fx-project-6-item-content .item-count {
    display: flex;
    gap: 6px;
    line-height: 1;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 135px;
}
@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) {
    .fx-project-6-item-content .item-count {
        margin-bottom: 90px;
    }
}
.fx-project-6-item-content .item-title {
    font-size: 45px;
    line-height: 0.89;
    margin-bottom: 19px;
    transition: all 0.4s 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) {
    .fx-project-6-item-content .item-title {
        font-size: 35px;
    }
}
@media (max-width: 767px) {
    .fx-project-6-item-content .item-title {
        font-size: 30px;
    }
}
.fx-project-6-item-content .item-title:hover {
    color: var(--fx-clr-pr-2);
    transform: translateX(3px);
}
.fx-project-6-item-content .item-disc {
    line-height: 26px;
    opacity: 72%;
    margin-bottom: 25px;
}

/* 
    project-6-end
*/
/* 
    project-7-start
*/
.fx-projects-7-nav {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    align-items: self-start;
}
@media (max-width: 767px) {
    .fx-projects-7-nav {
        flex-wrap: wrap;
    }
}
.fx-projects-7-filter-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.fx-projects-7-filter-btn button {
    flex: 0 0 auto;
    border: none;
    outline: none;
    text-transform: capitalize;
    font-family: var(--fx-font-pr-1);
    color: rgba(0, 0, 0, 0.7);
    font-size: 18px;
    font-weight: 400;
    padding: 17px 28px;
    line-height: 1;
    border-radius: 4px;
    transition: all 0.3s var(--cube-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-7-filter-btn button {
        padding: 12px 15px;
    }
}
.fx-projects-7-filter-btn button:hover {
    background: var(--fx-clr-pr-1);
    color: #fff;
}
.fx-projects-7-filter-btn button:is(.is-checked) {
    background: var(--fx-clr-pr-1);
    color: #fff;
}
.fx-projects-7-filter-item {
    margin-left: -20px;
    margin-right: -20px;
}
@media (max-width: 767px) {
    .fx-projects-7-filter-item {
        margin-left: 0px;
        margin-right: 0px;
    }
}
.fx-projects-7-filter-item .grid-sizer {
    width: 50%;
}
.fx-projects-7-filter-item .grid-item {
    width: 50%;
    padding: 20px;
}
@media (max-width: 767px) {
    .fx-projects-7-filter-item .grid-item {
        width: 100%;
    }
}
.fx-projects-7-filter-item-single {
    height: 560px;
    border-radius: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-7-filter-item-single {
        height: 400px;
    }
}
.fx-projects-7-filter-item-single img {
    filter: grayscale(1);
    transition: all 0.4s var(--cube-1);
}
.fx-projects-7-filter-item-single .content {
    position: absolute;
    bottom: -50%;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
    padding: 32px 32px;
    justify-content: space-between;
    transition: all 0.5s var(--cube-1);
    opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-7-filter-item-single .content {
        padding: 32px 20px;
    }
}
.fx-projects-7-filter-item-single .item-subtitle {
    background: #08449c;
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    padding: 9px 17px;
    margin-bottom: 10px;
}
.fx-projects-7-filter-item-single .item-title {
    font-size: 28px;
    transition: all 0.4s 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) {
    .fx-projects-7-filter-item-single .item-title {
        font-size: 22px;
    }
}
.fx-projects-7-filter-item-single .item-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-projects-7-filter-item-single .item-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    background: #fff;
    transition: all 0.4s var(--cube-1);
}
.fx-projects-7-filter-item-single .item-btn svg * {
    transition: all 0.4s var(--cube-1);
}
.fx-projects-7-filter-item-single .item-btn:hover {
    background: var(--fx-clr-pr-1);
}
.fx-projects-7-filter-item-single .item-btn:hover svg * {
    fill: #fff;
}
.fx-projects-7-filter-item-single:hover img {
    filter: grayscale(0);
    transform: scale(104%);
}
.fx-projects-7-filter-item-single:hover .content {
    bottom: 0%;
    opacity: 1;
}
.fx-projects-7-search {
    width: 100%;
    max-width: 176px;
    border-bottom: 1px solid #dfe1e5;
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
}
.fx-projects-7-search-input {
    border: none;
    outline: none;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.4);
    padding: 0;
    padding-left: 26px;
    font-weight: 500;
}
.fx-projects-7-search-icon {
    font-size: 16px;
    position: absolute;
    top: 3px;
    left: 0;
}

/* 
    project-7-end
*/
/* 
    project-8-start
*/
.fx-projects-7-filter-item:is(.has-projects-8) {
    margin-left: -16px;
    margin-right: -16px;
}
@media (max-width: 767px) {
    .fx-projects-7-filter-item:is(.has-projects-8) {
        margin-left: 0px;
        margin-right: 0px;
    }
}
.fx-projects-7-filter-item:is(.has-projects-8) .grid-sizer {
    width: 33.33%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-projects-7-filter-item:is(.has-projects-8) .grid-sizer {
        width: 50%;
    }
}
.fx-projects-7-filter-item:is(.has-projects-8) .grid-item {
    width: 33.33%;
    padding: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-projects-7-filter-item:is(.has-projects-8) .grid-item {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .fx-projects-7-filter-item:is(.has-projects-8) .grid-item {
        width: 100%;
    }
}
.fx-projects-7-filter-item:is(.has-projects-8)
    .fx-projects-7-filter-item-single {
    height: 365px;
}
.fx-projects-7-filter-item:is(.has-projects-8)
    .fx-projects-7-filter-item-single
    .content {
    padding: 28px 28px;
    gap: 20px;
}
@media (max-width: 767px) {
    .fx-projects-7-filter-item:is(.has-projects-8)
        .fx-projects-7-filter-item-single
        .content {
        padding: 28px 20px;
    }
}
.fx-projects-7-filter-item:is(.has-projects-8)
    .fx-projects-7-filter-item-single
    .item-title {
    font-size: 24px;
}
@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) {
    .fx-projects-7-filter-item:is(.has-projects-8)
        .fx-projects-7-filter-item-single
        .item-title {
        font-size: 20px;
    }
}
.fx-projects-7-filter-item:is(.has-projects-8)
    .fx-projects-7-filter-item-single
    .item-btn {
    width: 44px;
    height: 44px;
}

/* 
    project-8-end
*/
/* 
    project-9-start
*/
.fx-projects-7-filter-item:is(.has-projects-9) {
    margin-left: -12px;
    margin-right: -12px;
}
@media (max-width: 767px) {
    .fx-projects-7-filter-item:is(.has-projects-9) {
        margin-left: 0px;
        margin-right: 0px;
    }
}
.fx-projects-7-filter-item:is(.has-projects-9) .grid-sizer {
    width: 25%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-projects-7-filter-item:is(.has-projects-9) .grid-sizer {
        width: 33.33%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-projects-7-filter-item:is(.has-projects-9) .grid-sizer {
        width: 50%;
    }
}
.fx-projects-7-filter-item:is(.has-projects-9) .grid-item {
    width: 25%;
    padding: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-projects-7-filter-item:is(.has-projects-9) .grid-item {
        width: 33.33%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-projects-7-filter-item:is(.has-projects-9) .grid-item {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .fx-projects-7-filter-item:is(.has-projects-9) .grid-item {
        width: 100%;
    }
}
.fx-projects-7-filter-item:is(.has-projects-9)
    .fx-projects-7-filter-item-single {
    height: 272px;
}
.fx-projects-7-filter-item:is(.has-projects-9)
    .fx-projects-7-filter-item-single
    .content {
    padding: 16px;
    padding-right: 0;
    gap: 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) {
    .fx-projects-7-filter-item:is(.has-projects-9)
        .fx-projects-7-filter-item-single
        .content {
        padding: 16px;
    }
}
.fx-projects-7-filter-item:is(.has-projects-9)
    .fx-projects-7-filter-item-single
    .item-title {
    font-size: 20px;
}
.fx-projects-7-filter-item:is(.has-projects-9)
    .fx-projects-7-filter-item-single
    .item-btn {
    width: 36px;
    height: 36px;
}

/* 
    project-9-end
*/
/* 
    project-10-start
*/
.fx-projects-10-wrap {
    margin-left: -114px;
    margin-right: -114px;
}
@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) {
    .fx-projects-10-wrap {
        margin-left: 0px;
        margin-right: 0px;
    }
}
.fx-projects-10-wrap .grid-sizer {
    width: 33.33%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-10-wrap .grid-sizer {
        width: 50%;
    }
}
.fx-projects-10-wrap .grid-size-66-480 {
    width: 66.666%;
    height: 480px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-10-wrap .grid-size-66-480 {
        width: 50%;
        height: 450px;
    }
}
.fx-projects-10-wrap .grid-size-33-580 {
    width: 33%;
    height: 580px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-10-wrap .grid-size-33-580 {
        width: 50%;
        height: 450px;
    }
}
.fx-projects-10-wrap .grid-size-33-680 {
    width: 33%;
    height: 680px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-10-wrap .grid-size-33-680 {
        width: 50%;
        height: 450px;
    }
}
.fx-projects-10-wrap .grid-size-33-326 {
    width: 33%;
    height: 345px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-10-wrap .grid-size-33-326 {
        width: 50%;
        height: 450px;
    }
}
.fx-projects-10-wrap .grid-item {
    padding: 14px;
}
@media (max-width: 767px) {
    .fx-projects-10-wrap .grid-item {
        width: 100%;
    }
}
.fx-projects-10-item {
    border-radius: 8px;
    height: 100%;
}
.fx-projects-10-item::after {
    content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(
        180deg,
        rgba(2, 0, 36, 0) 0%,
        rgb(0, 0, 0) 100%
    );
    z-index: 1;
    transition: all 0.5s var(--cube-1);
    transform: translateY(100%);
    transition-delay: 0.2s;
}
.fx-projects-10-item .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 44px 44px;
    z-index: 2;
    transform: translateY(100%);
    transition: all 0.5s var(--cube-1);
    transition-delay: 0s;
}
@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) {
    .fx-projects-10-item .content {
        padding: 44px 15px;
    }
}
.fx-projects-10-item .item-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    position: absolute;
    right: 30px;
    top: 30px;
    background: var(--fx-clr-pr-1);
    border-radius: 50%;
    transform: translateY(-100%);
    transition: all 0.5s var(--cube-1);
    opacity: 0;
}
@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) {
    .fx-projects-10-item .item-btn {
        width: 50px;
        height: 50px;
    }
}
.fx-projects-10-item .item-btn svg * {
    transition: all 0.5s var(--cube-1);
}
.fx-projects-10-item .item-btn:hover {
    background: #fff;
}
.fx-projects-10-item .item-btn:hover svg * {
    fill: #000;
}
.fx-projects-10-item .item-subtitle {
    background: #08449c;
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px 4px 0 0;
    padding: 9px 17px;
}
.fx-projects-10-item .item-title {
    font-size: 28px;
    transition: all 0.4s 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) {
    .fx-projects-10-item .item-title {
        font-size: 22px;
    }
}
.fx-projects-10-item .item-title a {
    background-color: #fff;
    padding: 10px 16px;
    border-radius: 0 4px 4px 4px;
}
.fx-projects-10-item .item-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-projects-10-item:hover::after {
    transform: translateY(0);
    transition-delay: 0s;
}
.fx-projects-10-item:hover .content {
    transform: translateY(0);
    transition-delay: 0.2s;
}
.fx-projects-10-item:hover .item-btn {
    transform: translateY(0);
    opacity: 1;
}
.fx-projects-10-item:is(.has-height-480) {
    height: 480px;
}
.fx-projects-10-item:is(.has-height-580) {
    height: 580px;
}
.fx-projects-10-item:is(.has-height-680) {
    height: 680px;
}
/* 
    project-10-end
*/
/* 
    projects-details-start
*/
.fx-projects-details-area {
    padding-top: 250px;
}
.fx-projects-details-title {
    font-size: 64px;
    line-height: 0.906;
    letter-spacing: -3px;
    font-weight: 500;
    margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-projects-details-title {
        font-size: 55px;
        letter-spacing: -1px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-projects-details-title {
        font-size: 45px;
        letter-spacing: -1px;
        line-height: 1;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-projects-details-title {
        font-size: 40px;
        letter-spacing: 0px;
        line-height: 1;
    }
}
@media (max-width: 767px) {
    .fx-projects-details-title {
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 1;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-projects-details-title {
        font-size: 35px;
        letter-spacing: 0px;
        line-height: 1;
    }
}
.fx-projects-details-header {
    display: flex;
    gap: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-details-header {
        flex-wrap: wrap;
    }
}
.fx-projects-details-meta {
    flex: 0 0 auto;
    background: #eeeeee;
    border-radius: 12px;
    padding: 40px 32px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}
.fx-projects-details-meta li {
    font-family: var(--fx-font-pr-1);
    font-size: 18px;
    color: rgba(0, 0, 0, 0.72);
    line-height: 28px;
    font-weight: 400;
}
.fx-projects-details-meta li:not(:last-child) {
    margin-bottom: 15px;
}
.fx-projects-details-meta li b {
    color: #000;
    margin-right: 8px;
    font-weight: 500;
}
.fx-projects-details-img {
    height: 600px;
    border-radius: 16px;
    transform: translateX(-100px);
    margin-top: -70px;
}
@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) {
    .fx-projects-details-img {
        height: 400px;
        transform: translateX(0px);
    }
}
.fx-projects-details-content {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}
.fx-projects-details-content h1,
.fx-projects-details-content h2,
.fx-projects-details-content h3,
.fx-projects-details-content h4,
.fx-projects-details-content h5,
.fx-projects-details-content h6,
.fx-projects-details-content p,
.fx-projects-details-content span,
.fx-projects-details-content li {
    font-family: var(--fx-font-pr-1);
    color: #000;
}
.fx-projects-details-content h1 {
    font-size: 40px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-projects-details-content h1 {
        font-size: 36px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-projects-details-content h1 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .fx-projects-details-content h1 {
        font-size: 26px;
    }
}
.fx-projects-details-content > h2 {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-projects-details-content > h2 {
        font-size: 32px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-projects-details-content > h2 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .fx-projects-details-content > h2 {
        font-size: 24px;
    }
}
.fx-projects-details-content h3 {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-projects-details-content h3 {
        font-size: 28px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-projects-details-content h3 {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .fx-projects-details-content h3 {
        font-size: 22px;
    }
}
.fx-projects-details-content h4 {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-projects-details-content h4 {
        font-size: 22px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-details-content h4 {
        font-size: 20px;
    }
}
.fx-projects-details-content h5 {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-details-content h5 {
        font-size: 18px;
    }
}
.fx-projects-details-content h6 {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.fx-projects-details-content p {
    opacity: 72%;
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 18px;
}
.fx-projects-details-content ul {
    margin-bottom: 60px;
}
.fx-projects-details-content ul li {
    font-size: 18px;
    line-height: 28px;
    opacity: 72%;
    padding-left: 32px;
    position: relative;
    z-index: 1;
}
.fx-projects-details-content ul li:not(:last-child) {
    margin-bottom: 18px;
}
.fx-projects-details-content ul li::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    background-image: url("../img/bg/pin.html");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
.fx-projects-details-content-img {
    border-radius: 16px;
    height: 480px;
    margin-left: -140px;
    margin-right: -140px;
    margin-bottom: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-projects-details-content-img {
        height: 350px;
        margin-left: -100px;
        margin-right: -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),
    (max-width: 767px) {
    .fx-projects-details-content-img {
        height: 350px;
        margin-left: 0px;
        margin-right: 0px;
    }
}
.fx-projects-details-content .h-gap-32 {
    width: 100%;
    height: 32px;
}
.fx-projects-details-gallery {
    margin-left: -243px;
    margin-right: -243px;
    display: grid;
    gap: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-projects-details-gallery {
        margin-left: -100px;
        margin-right: -100px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-projects-details-gallery {
        margin-left: 0px;
        margin-right: 0px;
    }
}
.fx-projects-details-gallery .glry-row {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 32px;
}
@media (max-width: 767px) {
    .fx-projects-details-gallery .glry-row {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-projects-details-gallery .glry-row {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-projects-details-gallery .glry-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}
@media (max-width: 767px) {
    .fx-projects-details-gallery .glry-row-2 {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-projects-details-gallery .glry-row-2 {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-projects-details-gallery-img {
    height: 395px;
    border-radius: 12px;
}
@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) {
    .fx-projects-details-gallery-img {
        height: 300px;
    }
}

/* 
    projects-details-end
*/
/* 
    video-1-start
*/
.fx-video-1 {
    margin-right: 12px;
    margin-left: 12px;
    border-radius: 16px;
    height: 600px;
}
@media (max-width: 767px) {
    .fx-video-1 {
        height: 300px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-video-1 {
        height: 350px;
    }
}
.fx-video-1 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.fx-video-1::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #021f45;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 30%;
}
.fx-video-1-btn {
    padding: 20px 32px;
    z-index: 1;
}
@media (max-width: 767px) {
    .fx-video-1-btn {
        padding: 8px 6px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-video-1-btn {
        padding: 20px 32px;
    }
}
.fx-video-1-btn::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.72);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
    z-index: -1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#magnetic-area {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
#magnetic-area #magnetic-content {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* 
    video-1-end
*/
/* 
    video-3-start
*/
.fx-video-3 {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -90px;
    clip-path: polygon(
        72.16% 17.5%,
        72.16% 17.5%,
        72.972% 17.311%,
        73.747% 16.763%,
        74.477% 15.882%,
        75.153% 14.696%,
        75.767% 13.23%,
        76.31% 11.512%,
        76.774% 9.569%,
        77.15% 7.428%,
        77.431% 5.115%,
        77.606% 2.657%,
        77.606% 2.657%,
        77.636% 2.229%,
        77.683% 1.822%,
        77.746% 1.441%,
        77.822% 1.093%,
        77.913% 0.782%,
        78.015% 0.516%,
        78.127% 0.299%,
        78.249% 0.137%,
        78.38% 0.035%,
        78.517% 0%,
        99.153% 0%,
        99.153% 0%,
        99.29% 0.035%,
        99.42% 0.136%,
        99.542% 0.298%,
        99.653% 0.515%,
        99.752% 0.781%,
        99.837% 1.092%,
        99.905% 1.441%,
        99.957% 1.824%,
        99.989% 2.234%,
        100% 2.667%,
        100% 97.333%,
        100% 97.333%,
        99.989% 97.766%,
        99.957% 98.176%,
        99.905% 98.559%,
        99.837% 98.908%,
        99.752% 99.219%,
        99.653% 99.486%,
        99.542% 99.702%,
        99.42% 99.864%,
        99.29% 99.965%,
        99.153% 100%,
        0.847% 100%,
        0.847% 100%,
        0.71% 99.965%,
        0.58% 99.864%,
        0.458% 99.702%,
        0.347% 99.486%,
        0.248% 99.219%,
        0.164% 98.908%,
        0.095% 98.559%,
        0.043% 98.176%,
        0.011% 97.766%,
        0% 97.333%,
        0% 2.667%,
        0% 2.667%,
        0.011% 2.234%,
        0.043% 1.824%,
        0.095% 1.441%,
        0.164% 1.092%,
        0.248% 0.781%,
        0.347% 0.515%,
        0.458% 0.298%,
        0.58% 0.136%,
        0.71% 0.035%,
        0.847% 0%,
        65.805% 0%,
        65.805% 0%,
        65.942% 0.035%,
        66.072% 0.137%,
        66.194% 0.299%,
        66.307% 0.516%,
        66.409% 0.782%,
        66.499% 1.093%,
        66.576% 1.441%,
        66.638% 1.822%,
        66.685% 2.229%,
        66.715% 2.657%,
        66.715% 2.657%,
        66.891% 5.115%,
        67.171% 7.428%,
        67.548% 9.569%,
        68.012% 11.512%,
        68.555% 13.23%,
        69.168% 14.696%,
        69.844% 15.882%,
        70.574% 16.763%,
        71.349% 17.311%,
        72.16% 17.5%
    );
    -webkit-clip-path: polygon(
        72.16% 17.5%,
        72.16% 17.5%,
        72.972% 17.311%,
        73.747% 16.763%,
        74.477% 15.882%,
        75.153% 14.696%,
        75.767% 13.23%,
        76.31% 11.512%,
        76.774% 9.569%,
        77.15% 7.428%,
        77.431% 5.115%,
        77.606% 2.657%,
        77.606% 2.657%,
        77.636% 2.229%,
        77.683% 1.822%,
        77.746% 1.441%,
        77.822% 1.093%,
        77.913% 0.782%,
        78.015% 0.516%,
        78.127% 0.299%,
        78.249% 0.137%,
        78.38% 0.035%,
        78.517% 0%,
        99.153% 0%,
        99.153% 0%,
        99.29% 0.035%,
        99.42% 0.136%,
        99.542% 0.298%,
        99.653% 0.515%,
        99.752% 0.781%,
        99.837% 1.092%,
        99.905% 1.441%,
        99.957% 1.824%,
        99.989% 2.234%,
        100% 2.667%,
        100% 97.333%,
        100% 97.333%,
        99.989% 97.766%,
        99.957% 98.176%,
        99.905% 98.559%,
        99.837% 98.908%,
        99.752% 99.219%,
        99.653% 99.486%,
        99.542% 99.702%,
        99.42% 99.864%,
        99.29% 99.965%,
        99.153% 100%,
        0.847% 100%,
        0.847% 100%,
        0.71% 99.965%,
        0.58% 99.864%,
        0.458% 99.702%,
        0.347% 99.486%,
        0.248% 99.219%,
        0.164% 98.908%,
        0.095% 98.559%,
        0.043% 98.176%,
        0.011% 97.766%,
        0% 97.333%,
        0% 2.667%,
        0% 2.667%,
        0.011% 2.234%,
        0.043% 1.824%,
        0.095% 1.441%,
        0.164% 1.092%,
        0.248% 0.781%,
        0.347% 0.515%,
        0.458% 0.298%,
        0.58% 0.136%,
        0.71% 0.035%,
        0.847% 0%,
        65.805% 0%,
        65.805% 0%,
        65.942% 0.035%,
        66.072% 0.137%,
        66.194% 0.299%,
        66.307% 0.516%,
        66.409% 0.782%,
        66.499% 1.093%,
        66.576% 1.441%,
        66.638% 1.822%,
        66.685% 2.229%,
        66.715% 2.657%,
        66.715% 2.657%,
        66.891% 5.115%,
        67.171% 7.428%,
        67.548% 9.569%,
        68.012% 11.512%,
        68.555% 13.23%,
        69.168% 14.696%,
        69.844% 15.882%,
        70.574% 16.763%,
        71.349% 17.311%,
        72.16% 17.5%
    );
}
@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) {
    .fx-video-3 {
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    }
}

/* 
    video-3-end
*/
/* 
    testimonial-1-start
*/
.fx-testimonial-1-scn-title {
    max-width: 900px;
}
.fx-testimonial-1-wrap {
    display: grid;
    grid-template-columns: 1fr 3.7fr 1fr;
    gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-testimonial-1-wrap {
        grid-template-columns: 1fr;
    }
}
.fx-testimonial-1-slider-main {
    display: grid;
}
.fx-testimonial-1-slider-main-item {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    gap: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-testimonial-1-slider-main-item {
        gap: 30px;
    }
}
@media (max-width: 767px) {
    .fx-testimonial-1-slider-main-item {
        gap: 30px;
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-testimonial-1-slider-main-item {
        gap: 30px;
        grid-template-columns: 1fr 2.5fr;
    }
}
.fx-testimonial-1-slider-main-item .item-img {
    border-radius: 8px;
}
.fx-testimonial-1-slider-main-item .item-img img {
    filter: grayscale(1);
}
.fx-testimonial-1-slider-main-item i {
    position: absolute;
    right: 2px;
    top: -22px;
    color: #fc5220;
    font-size: 130px;
    line-height: 1;
    mix-blend-mode: plus-lighter;
    opacity: 0.8;
}
.fx-testimonial-1-slider-main-item .item-comment {
    font-size: 23px;
    line-height: 1.43;
    font-weight: 400;
    margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-testimonial-1-slider-main-item .item-comment {
        font-size: 20px;
    }
}
.fx-testimonial-1-slider-main-item .item-dot {
    display: inline-flex;
    gap: 10px;
    margin-bottom: 41px;
}
.fx-testimonial-1-slider-main-item .item-dot span {
    display: block;
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    background: var(--fx-clr-pr-1);
    border-radius: 50%;
    opacity: 0;
    transition: 1s;
}
.fx-testimonial-1-slider-main-item .item-dot span:nth-child(2) {
    transition-delay: 1s;
}
.fx-testimonial-1-slider-main-item .item-dot span:nth-child(3) {
    transition-delay: 2s;
}
.fx-testimonial-1-slider-main-item .author-name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 2px;
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.5s var(--cube-1);
    transition-delay: 0.5s;
}
.fx-testimonial-1-slider-main-item .author-bio {
    font-size: 15px;
    text-transform: capitalize;
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.5s var(--cube-1);
    transition-delay: 0.8s;
}
.fx-testimonial-1-slider-main
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-testimonial-1-slider-main-item
    .item-dot
    span {
    opacity: 1;
}
.fx-testimonial-1-slider-main
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-testimonial-1-slider-main-item
    .author-bio,
.fx-testimonial-1-slider-main
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-testimonial-1-slider-main-item
    .author-name {
    transform: translateY(0);
    opacity: 1;
}
.fx-testimonial-1-slider-main .swiper-notification {
    display: none;
}
.fx-testimonial-1-slider-preview {
    display: grid;
    border-radius: 8px;
    height: 300px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-testimonial-1-slider-preview {
        display: none;
    }
}
.fx-testimonial-1-slider-preview::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.64);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(10px);
    z-index: 1;
}
.fx-testimonial-1-slider-preview-item {
    height: 100%;
}
.fx-testimonial-1-slider-preview-item img {
    filter: grayscale(1);
}
.fx-testimonial-1-slider-preview .swiper-notification {
    display: none;
}
.fx-testimonial-1-slider-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #000;
    opacity: 48%;
    transition: all 0.3s var(--cube-1);
}
.fx-testimonial-1-slider-btn:hover {
    color: var(--fx-clr-pr-1);
    opacity: 1;
}
.fx-testimonial-1-slider-pagination {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.fx-testimonial-1-slider-pagination span {
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.32);
    opacity: 1;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0;
    position: relative;
}
.fx-testimonial-1-slider-pagination span::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--fx-clr-pr-1);
    background: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s var(--cube-1);
}
.fx-testimonial-1-slider-pagination span:is(.swiper-pagination-bullet-active) {
    background: var(--fx-clr-pr-1);
}
.fx-testimonial-1-slider-pagination
    span:is(.swiper-pagination-bullet-active)::after {
    opacity: 1;
}

/* 
    testimonial-1-end
*/
/* 
    testimonial-2-start
*/
.fx-testimonial-2-area {
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
    background: #021f45;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.fx-testimonial-2-scn-title {
    max-width: 800px;
}
.fx-testimonial-2-slider-wrap {
    margin-left: -12px;
    margin-right: -12px;
}
.fx-testimonial-2-slider {
    margin-left: -50px;
    margin-right: -50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-testimonial-2-slider {
        margin-left: 0px;
        margin-right: 0px;
    }
}
.fx-testimonial-2-slider-item {
    border-radius: 8px;
    padding: 40px 40px;
}
.fx-testimonial-2-slider-item .img-flex {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
.fx-testimonial-2-slider-item .item-img {
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    border-radius: 50%;
}
.fx-testimonial-2-slider-item .item-name {
    font-size: 18px;
}
.fx-testimonial-2-slider-item .item-disc {
    font-size: 15px;
    opacity: 64%;
}
.fx-testimonial-2-slider-item .item-rating {
    margin-bottom: 28px;
}
.fx-testimonial-2-slider-item .item-comment {
    line-height: 26px;
    opacity: 88%;
}
.fx-testimonial-2-slider-pagination .fx-slider-pagi-1 span {
    background: #7e8c9c;
}
.fx-testimonial-2-slider-pagination
    .fx-slider-pagi-1
    span:is(.swiper-pagination-bullet-active) {
    background: var(--fx-clr-pr-1);
}

/* 
    testimonial-2-end
*/
/* 
    testimonial-3-start
*/
.fx-testimonial-3-area {
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
}
.fx-testimonial-3-scn-title {
    max-width: 800px;
}
.fx-testimonial-3-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-testimonial-3-wrap {
        grid-template-columns: 1fr;
    }
}
.fx-testimonial-3-slider {
    display: grid;
}
.fx-testimonial-3-slider-item {
    max-width: 488px;
}
.fx-testimonial-3-slider-item .comment {
    font-size: 23px;
    line-height: 33px;
    margin-bottom: 15px;
}
.fx-testimonial-3-slider-item .item-author {
    display: flex;
    align-items: center;
    gap: 16px;
}
.fx-testimonial-3-slider-item .item-author .author-img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    flex: 0 0 auto;
}
.fx-testimonial-3-slider-item .item-author .author-name {
    font-size: 18px;
    margin-bottom: 0px;
}
.fx-testimonial-3-slider-item .item-author .author-disc {
    font-size: 15px;
    opacity: 80%;
}
.fx-testimonial-3-slider-item .item-dot {
    display: inline-flex;
    gap: 10px;
    margin-bottom: 32px;
}
.fx-testimonial-3-slider-item .item-dot span {
    display: block;
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
    transition: 1s;
}
.fx-testimonial-3-slider-item .item-dot span:nth-child(2) {
    transition-delay: 1s;
}
.fx-testimonial-3-slider-item .item-dot span:nth-child(3) {
    transition-delay: 2s;
}
.fx-testimonial-3-slider
    .swiper-container
    .swiper-wrapper
    .swiper-slide:is(.swiper-slide-active)
    .fx-testimonial-3-slider-item
    .item-dot
    span {
    opacity: 1;
}
.fx-testimonial-3-slider .swiper-notification {
    display: none;
}
.fx-testimonial-3-img {
    position: relative;
    z-index: 1;
    -webkit-mask-image: url("../img/testimonial/t3-mask-1.html");
    mask-image: url("../img/testimonial/t3-mask-1.html");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 406px;
}

/* 
    testimonial-3-end
*/
/* 
    testimonial-4-start
*/
.fx-testimonial-4-scn-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 60px);
    z-index: -1;
    height: 100%;
    clip-path: polygon(0 0, 95% 0, 100% 10%, 100% 100%, 0 100%);
}
@media (max-width: 767px) {
    .fx-testimonial-4-scn-bg {
        width: calc(100% - 10px);
    }
}

.fx-testimonial-2-slider:is(.has-testimonial-4) .fx-testimonial-2-slider-item {
    border-radius: 0;
}

/* 
    testimonial-4-end
*/
/* 
    testimonial-5-start
*/
.fx-testimonial-5-area {
    margin-top: -55px;
    position: relative;
    z-index: 4;
}
.fx-testimonial-5:is(.fx-testimonial-2-slider)
    .fx-testimonial-2-slider-item
    .fx-star-1 {
    color: var(--fx-clr-pr-2);
}
.fx-testimonial-5:is(.fx-testimonial-2-slider)
    .fx-testimonial-2-slider-pagination
    .fx-slider-pagi-1
    span:is(.swiper-pagination-bullet-active) {
    background: var(--fx-clr-pr-2);
}
.fx-testimonial-5:is(.fx-testimonial-2-slider)
    .fx-testimonial-2-slider-pagination
    .fx-slider-pagi-1
    span:is(.swiper-pagination-bullet-active)::after {
    border-color: var(--fx-clr-pr-2);
}

/* 
    testimonial-5-end
*/
/* 
    testimonial-6-start
*/
.fx-testimonial-6-item {
    display: flex;
    gap: 64px;
    align-items: center;
    max-width: 1095px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-testimonial-6-item {
        gap: 30px;
    }
}
@media (max-width: 767px) {
    .fx-testimonial-6-item {
        gap: 30px;
        flex-wrap: wrap;
    }
}
.fx-testimonial-6-item:not(:last-child) {
    margin-bottom: 50px;
}
.fx-testimonial-6-item .item-img {
    max-width: 320px;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 7px;
}
.fx-testimonial-6-item .item-img img {
    filter: grayscale(1);
    transition: all 0.4s var(--cube-1);
}
.fx-testimonial-6-item .item-comment {
    font-size: 24px;
    line-height: 1.41;
    margin-bottom: 31px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-testimonial-6-item .item-comment {
        font-size: 20px;
    }
}
.fx-testimonial-6-item .item-dot {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 34px;
}
.fx-testimonial-6-item .item-dot span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--fx-clr-pr-1);
    border-radius: 50%;
}
.fx-testimonial-6-item .author-name {
    font-size: 22px;
    margin-bottom: 3px;
}
.fx-testimonial-6-item .author-bio {
    opacity: 64%;
}
.fx-testimonial-6-item:hover .item-img img {
    transform: scale(103%);
    filter: grayscale(0);
}

/* 
    testimonial-6-end
*/
/* 
    about-page-start
*/
.fx-testimonial-page-scn-title {
    max-width: 900px;
}

/* 
    about-page-end
*/
/* 
    blog-1-start
*/
.fx-blog-1-area {
    background: #eeeeee;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
}
.fx-blog-1-scn-title {
    max-width: 800px;
}
.fx-blog-1-bg-shape-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: -1;
}
.fx-blog-1-bg-shape {
    position: absolute;
    bottom: 116px;
    z-index: -1;
    left: 0;
}
.fx-blog-1-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1px;
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-blog-1-item {
        grid-template-columns: 1fr 1fr;
        border-radius: 0px;
    }
}
@media (max-width: 767px) {
    .fx-blog-1-item {
        grid-template-columns: 1fr;
        border-radius: 0px;
    }
}
.fx-blog-1-item-single {
    background: #fff;
    padding: 40px 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) {
    .fx-blog-1-item-single {
        padding: 40px 20px;
    }
}
.fx-blog-1-item-single .item-img {
    border-radius: 8px;
    height: 241px;
}
.fx-blog-1-item-single .item-img img {
    transition: all 0.8s var(--cube-1);
}
.fx-blog-1-item-single .item-date {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 32px;
    line-height: 1;
    gap: 5px;
    padding: 12px 19px;
    border-radius: 8px;
}
.fx-blog-1-item-single .item-date span:nth-child(1) {
    letter-spacing: -1px;
}
.fx-blog-1-item-single .item-date span:nth-child(2) {
    letter-spacing: 4px;
    font-weight: 400;
    font-size: 14px;
}
.fx-blog-1-item-single .item-subtitle {
    font-size: 14px;
    display: inline-block;
    color: var(--fx-clr-pr-1);
    border: 2px solid var(--fx-clr-pr-1);
    border-radius: 6px;
    padding: 4px 7px;
    line-height: 1;
    margin-bottom: 20px;
}
.fx-blog-1-item-single .item-title {
    font-size: 23px;
    line-height: 1.17;
    transition: all 0.3s var(--cube-1);
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-blog-1-item-single .item-title {
        font-size: 20px;
    }
}
.fx-blog-1-item-single .item-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-blog-1-item-single .item-title a span {
    color: var(--fx-clr-pr-1);
}
.fx-blog-1-item-single:hover .item-img img {
    transform: scale(105%);
}

/* 
    blog-1-end
*/
/* 
    blog-2-start
*/
.fx-blog-2-area {
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
    background: #eeeeee;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.fx-blog-2-scn-title {
    max-width: 800px;
}
.fx-blog-2-slider {
    margin-bottom: 48px;
}
.fx-blog-2-slider .swiper-container .swiper-notification {
    display: none;
}
.fx-blog-2-slider-btn-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    z-index: 1;
}
.fx-blog-2-slider-btn-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    z-index: 1;
}

.fx-blog-1-item-single:is(.has-blog-2) {
    padding: 0;
    border-radius: 8px;
    height: 450px;
    position: relative;
    z-index: 1;
}
.fx-blog-1-item-single:is(.has-blog-2)::after {
    content: "";
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(
        180deg,
        rgba(2, 0, 36, 0) 0%,
        rgb(0, 0, 0) 100%
    );
    z-index: 1;
}
.fx-blog-1-item-single:is(.has-blog-2) .item-date {
    left: unset;
    right: 8px;
    z-index: 2;
}
.fx-blog-1-item-single:is(.has-blog-2) .content-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: self-start;
    padding: 40px;
    z-index: 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) {
    .fx-blog-1-item-single:is(.has-blog-2) .content-wrap {
        padding: 40px 20px;
    }
}
.fx-blog-1-item-single:is(.has-blog-2) .item-subtitle {
    border-color: #fff;
    color: #fff;
}
.fx-blog-1-item-single:is(.has-blog-2) .item-title {
    color: #fff;
}
.fx-blog-1-item-single:is(.has-blog-2) .item-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateY(2px);
}
.fx-blog-1-item-single:is(.has-blog-2) img {
    transition: all 0.5s var(--cube-1);
}
.fx-blog-1-item-single:is(.has-blog-2):hover img {
    transform: scale(103%);
}

/* 
    blog-2-end
*/
/* 
    blog-3-start
*/
.fx-blog-3-area {
    background-position: bottom;
}

.fx-blog-1-item-single:is(.has-blog-2):is(.has-blog-3) img {
    filter: grayscale(1);
}
.fx-blog-1-item-single:is(.has-blog-2):is(.has-blog-3)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(2, 0, 36, 0) 0%,
        rgb(255, 221, 21) 100%
    );
    mix-blend-mode: color;
    z-index: 1;
}

/* 
    blog-4-start
*/
.fx-blog-4-scn-shape {
    position: absolute;
    top: 0;
    right: 0;
    background: #e5eae9;
    text-align: center;
    z-index: -1;
    width: calc(100% - 60px);
    height: 100%;
    clip-path: polygon(4.5% 0, 100% 0, 100% 93.5%, 95.5% 100%, 0 100%, 0 7%);
}
@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) {
    .fx-blog-4-scn-shape {
        width: calc(100% - 10px);
    }
}
@media (max-width: 767px) {
    .fx-blog-4-scn-shape {
        width: calc(100% - 5px);
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-4-scn-shape {
        width: calc(100% - 10px);
    }
}
.fx-blog-4-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    align-items: start;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-blog-4-wrap {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-blog-4-wrap {
        grid-template-columns: 1fr;
    }
}
.fx-blog-4-item {
    padding: 12px;
    border-radius: 16px;
    background: #fff;
}
.fx-blog-4-item .item-img {
    clip-path: polygon(
        100% 4.8%,
        100% 4.8%,
        99.955% 4.021%,
        99.826% 3.283%,
        99.619% 2.594%,
        99.342% 1.965%,
        99.001% 1.406%,
        98.604% 0.926%,
        98.158% 0.536%,
        97.668% 0.245%,
        97.144% 0.063%,
        96.591% 0%,
        3.409% 0%,
        3.409% 0%,
        2.856% 0.063%,
        2.332% 0.245%,
        1.842% 0.536%,
        1.396% 0.926%,
        0.998% 1.406%,
        0.658% 1.965%,
        0.381% 2.594%,
        0.174% 3.283%,
        0.045% 4.021%,
        0% 4.8%,
        0% 95.2%,
        0% 95.2%,
        0.045% 95.979%,
        0.174% 96.717%,
        0.381% 97.406%,
        0.658% 98.035%,
        0.999% 98.594%,
        1.396% 99.074%,
        1.842% 99.464%,
        2.332% 99.755%,
        2.856% 99.937%,
        3.409% 100%,
        84.951% 100%,
        84.951% 100%,
        85.221% 99.985%,
        85.488% 99.94%,
        85.75% 99.866%,
        86.006% 99.764%,
        86.256% 99.635%,
        86.498% 99.478%,
        86.73% 99.295%,
        86.953% 99.086%,
        87.164% 98.852%,
        87.362% 98.594%,
        99.001% 82.206%,
        99.001% 82.206%,
        99.185% 81.927%,
        99.351% 81.629%,
        99.499% 81.316%,
        99.629% 80.989%,
        99.741% 80.649%,
        99.833% 80.297%,
        99.905% 79.936%,
        99.958% 79.567%,
        99.989% 79.192%,
        100% 78.812%,
        100% 4.8%
    );
    height: 250px;
    margin-bottom: 38px;
}
.fx-blog-4-item .item-content {
    padding: 0 18px;
    padding-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-blog-4-item .item-content {
        padding: 0 0;
        padding-bottom: 20px;
    }
}
.fx-blog-4-item .item-title {
    font-size: 23px;
    line-height: 1.17;
    transition: all 0.3s var(--cube-1);
    position: relative;
    margin-bottom: 57px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-blog-4-item .item-title {
        font-size: 20px;
    }
}
.fx-blog-4-item .item-title:hover {
    color: var(--fx-clr-pr-1);
}
.fx-blog-4-item .item-title a span {
    color: var(--fx-clr-pr-1);
}
.fx-blog-4-item-date {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    line-height: 1;
    gap: 10px;
}
.fx-blog-4-item-date span:nth-child(2) {
    color: var(--fx-clr-pr-1);
}

/* 
    blog-4-end
*/
/* 
    blog-5-start
*/
.fx-blog-5-area {
    position: relative;
    z-index: 3;
    margin-top: -55px;
}
.fx-blog-5-scn-shape {
    position: absolute;
    top: 0;
    right: 0;
    background: #e5eae9;
    text-align: center;
    z-index: -2;
    width: 100%;
    height: 100%;
}
.fx-blog-5:is(.fx-blog-4-item) {
    padding: 0;
}
.fx-blog-5:is(.fx-blog-4-item) .item-img {
    clip-path: unset;
    border-radius: 0 0 32px 32px;
    margin-bottom: 0;
}
.fx-blog-5:is(.fx-blog-4-item) .item-title span {
    color: var(--fx-clr-pr-2);
}
.fx-blog-5:is(.fx-blog-4-item) .item-title:hover {
    color: var(--fx-clr-pr-2);
}
.fx-blog-5:is(.fx-blog-4-item) .item-content {
    padding: 40px 32px;
}
@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) {
    .fx-blog-5:is(.fx-blog-4-item) .item-content {
        padding: 40px 20px;
    }
}
.fx-blog-5:is(.fx-blog-4-item) .iner-content {
    gap: 15px;
}
.fx-blog-5:is(.fx-blog-4-item) .fx-blog-4-item-date span:first-child {
    opacity: 72%;
}
.fx-blog-5:is(.fx-blog-4-item) .fx-blog-4-item-date span:last-child {
    color: var(--fx-clr-pr-2);
}
.fx-blog-5:is(.fx-blog-4-item) .item-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 2px solid var(--fx-clr-pr-2);
    border-radius: 50%;
    font-size: 16px;
    transition: all 0.3s var(--cube-1);
    color: #000;
}
.fx-blog-5:is(.fx-blog-4-item) .item-btn i {
    transition: all 0.5s var(--cube-1);
}
.fx-blog-5:is(.fx-blog-4-item) .item-btn:hover {
    color: var(--fx-clr-pr-2);
}
.fx-blog-5:is(.fx-blog-4-item) .item-btn:hover i {
    transform: rotate(360deg);
}

/* 
    blog-5-end
*/
/* 
    blog-page-start
*/
.fx-blog-page-item {
    border: 1px solid #eeeeee;
    border-radius: 12px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-blog-page-item {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-blog-page-item {
        grid-template-columns: 1fr;
    }
}
.fx-blog-page-item .fx-blog-1-item-single {
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.fx-blog-page-item:is(.has-two-col) {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    border: none;
}
@media (max-width: 767px) {
    .fx-blog-page-item:is(.has-two-col) {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-page-item:is(.has-two-col) {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-blog-page-item:is(.has-two-col) .fx-blog-1-item-single {
    padding: 0;
    border: none;
}
.fx-blog-page-sidebar {
    background: #f3f3f3;
    border-radius: 8px;
    margin-left: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-blog-page-sidebar {
        margin-left: 0px;
        margin-top: 50px;
    }
}
.fx-blog-page-sidebar-widget {
    padding: 32px 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-blog-page-sidebar-widget {
        padding: 32px 20px;
    }
}
@media (max-width: 767px) {
    .fx-blog-page-sidebar-widget {
        padding: 32px 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-page-sidebar-widget {
        padding: 32px 32px;
    }
}
.fx-blog-page-sidebar-widget:not(:last-child) {
    border-bottom: 1px solid #dfe1e5;
}
.fx-blog-page-sidebar-widget .widget-title {
    font-size: 20px;
    margin-bottom: 15px;
}
.fx-blog-page-sidebar:is(.has-left-sidebar) {
    margin-left: 0px;
    margin-right: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-blog-page-sidebar:is(.has-left-sidebar) {
        margin-right: 0px;
        margin-top: 0;
        margin-bottom: 50px;
    }
}

.fx-sidebar-search {
    position: relative;
    z-index: 1;
}
.fx-sidebar-search-input {
    border: none;
    outline: none;
    margin: 0;
    background: #fff;
    height: 54px;
    width: 100%;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 60px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(65, 65, 65, 0.3);
}
.fx-sidebar-search-btn {
    width: 54px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: var(--fx-clr-pr-1);
    border-radius: 0 5px 5px 0;
    color: #fff;
    transition: all 0.3s ease;
}
.fx-sidebar-search-btn:hover {
    background: #000;
}
.fx-sidebar-gategories a {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.72);
    display: flex;
    justify-content: space-between;
    padding: 18px 0;
    padding-left: 24px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #dfe1e5;
    transition: all 0.4s var(--cube-1);
}
.fx-sidebar-gategories a::after {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #cacaca;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 23px;
    transition: all 0.4s var(--cube-1);
}
.fx-sidebar-gategories a:hover {
    color: var(--fx-clr-pr-1);
}
.fx-sidebar-gategories a:hover::after {
    border-color: transparent;
    background: var(--fx-clr-pr-1);
}
.fx-sidebar-blog .fx-blog-1-item-single {
    background: transparent;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1.7fr;
    gap: 16px;
    align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-sidebar-blog .fx-blog-1-item-single {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .fx-sidebar-blog .fx-blog-1-item-single {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-sidebar-blog .fx-blog-1-item-single {
        grid-template-columns: 1fr 1.7fr;
    }
}
.fx-sidebar-blog .fx-blog-1-item-single:not(:last-child) {
    margin-bottom: 20px;
}
.fx-sidebar-blog .fx-blog-1-item-single .item-img {
    border-radius: 4px;
    height: 122px;
    margin-bottom: 0;
}
.fx-sidebar-blog .fx-blog-1-item-single .item-subtitle {
    font-size: 12px;
    border: 1px solid var(--fx-clr-pr-1);
    border-radius: 6px;
    margin-bottom: 14px;
}
.fx-sidebar-blog .fx-blog-1-item-single .item-title {
    font-size: 18px;
}
.fx-sidebar-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.fx-sidebar-tags a {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--fx-font-pr-1);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    display: inline-block;
    padding: 7px 16px;
    border-radius: 2px;
    transition: all 0.4s var(--cube-1);
}
.fx-sidebar-tags a:hover {
    color: #000;
    background: var(--fx-clr-pr-1);
}

.fx-blog-item-item-big {
    border-radius: 12px;
    padding: 32px 32px;
    border: 1px solid #dfe1e5;
}
@media (max-width: 767px) {
    .fx-blog-item-item-big {
        padding: 25px 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-item-item-big {
        padding: 32px 32px;
    }
}
.fx-blog-item-item-big:not(:last-child) {
    margin-bottom: 32px;
}
.fx-blog-item-item-big .item-img {
    height: 380px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}
@media (max-width: 767px) {
    .fx-blog-item-item-big .item-img {
        height: 300px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-item-item-big .item-img {
        height: 350px;
    }
}
.fx-blog-item-item-big .item-img img {
    transform-origin: left;
    transition: 0.5s;
}
.fx-blog-item-item-big .item-img .swiper-container {
    width: 100%;
    height: 100%;
}
.fx-blog-item-item-big .item-img .swiper-container .swiper-wrapper {
    width: 100%;
    height: 100%;
}
.fx-blog-item-item-big .item-img .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
}
.fx-blog-item-item-big .item-img .blog-img-navi-btn {
    transform: translateY(-50%);
    z-index: 1;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    border: 2px solid #fff;
    transition: 0.3s;
}
.fx-blog-item-item-big .item-img .blog-img-navi-btn:hover {
    background: var(--fx-clr-pr-1);
    border-color: transparent;
}
.fx-blog-item-item-big .item-img .blog_img_next {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.fx-blog-item-item-big .item-img .blog_img_prev {
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.fx-blog-item-item-big .item-img .item-img-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.fx-blog-item-item-big .item-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 50px;
    padding: 28px 0;
}
.fx-blog-item-item-big .item-meta .meta-item {
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    align-items: center;
    gap: 8px;
    opacity: 72%;
}
@media (max-width: 767px) {
    .fx-blog-item-item-big .item-meta .meta-item {
        font-size: 16px;
    }
}
.fx-blog-item-item-big .item-title {
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 17px;
    transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-blog-item-item-big .item-title {
        font-size: 26px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-blog-item-item-big .item-title {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .fx-blog-item-item-big .item-title {
        font-size: 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-item-item-big .item-title {
        font-size: 22px;
    }
}
.fx-blog-item-item-big .item-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-blog-item-item-big .item-disc {
    margin-bottom: 24px;
}
.fx-blog-item-item-big .item-btn {
    display: inline-flex;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    align-items: center;
    gap: 11px;
    transition: 0.3s;
}
.fx-blog-item-item-big .item-btn i {
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--fx-clr-pr-1);
    border-radius: 50%;
    color: #fff;
    transition: 0.3s;
    font-size: 14px;
}
.fx-blog-item-item-big .item-btn:hover {
    color: var(--fx-clr-pr-1);
}
.fx-blog-item-item-big .item-btn:hover i {
    transform: translateX(5px);
}

.fx-blog-plybtn {
    display: flex;
    width: 84px;
    height: 84px;
    background: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--fx-clr-pr-1);
    position: relative;
    transition: 0.4s;
}
.fx-blog-plybtn::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.5);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
    opacity: 20%;
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    animation: fd-blog-plybtn 5s linear infinite;
    animation-delay: 3s;
}
.fx-blog-plybtn::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(2);
    background: #fff;
    border-radius: 50%;
    z-index: -1;
    opacity: 10%;
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    animation: fd-blog-plybtn 5s linear infinite;
}
.fx-blog-plybtn:hover {
    color: var(--fx-clr-pr-1);
}

@keyframes fd-blog-plybtn {
    from {
        transform: translate(-50%, -50%) scale(1);
        opacity: 50%;
    }
    to {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}
/* 
    blog-page-end
*/
/* 
    blog-details-start
*/
.fx-blog-details-meta {
    display: inline-flex;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 4px;
    padding: 15px 24px;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 27px;
}
.fx-blog-details-meta .meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.72);
    font-weight: 300;
    font-size: 20px;
}
.fx-blog-details-meta .meta-item svg * {
    fill: #fff;
}
.fx-blog-details-content {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}
.fx-blog-details-content h1,
.fx-blog-details-content h2,
.fx-blog-details-content h3,
.fx-blog-details-content h4,
.fx-blog-details-content h5,
.fx-blog-details-content h6,
.fx-blog-details-content p,
.fx-blog-details-content li,
.fx-blog-details-content blockquote,
.fx-blog-details-content cite,
.fx-blog-details-content b {
    font-family: var(--fx-font-pr-1);
    color: #000;
}
.fx-blog-details-content h1,
.fx-blog-details-content h2,
.fx-blog-details-content h3,
.fx-blog-details-content h4,
.fx-blog-details-content h5,
.fx-blog-details-content h6 {
    font-weight: 600;
    line-height: 1.25;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding-top: 22px;
}
.fx-blog-details-content p {
    font-size: 18px;
    line-height: 28px;
    opacity: 72%;
    margin-bottom: 26px;
}
.fx-blog-details-content h1 {
    font-size: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-blog-details-content h1 {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .fx-blog-details-content h1 {
        font-size: 26px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-details-content h1 {
        font-size: 30px;
    }
}
.fx-blog-details-content h2 {
    font-size: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-blog-details-content h2 {
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-blog-details-content h2 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .fx-blog-details-content h2 {
        font-size: 24px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-details-content h2 {
        font-size: 26px;
    }
}
.fx-blog-details-content h3 {
    font-size: 32px;
    font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-blog-details-content h3 {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .fx-blog-details-content h3 {
        font-size: 22px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-details-content h3 {
        font-size: 28px;
    }
}
.fx-blog-details-content h4 {
    font-size: 27px;
    font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-blog-details-content h4 {
        font-size: 25px;
    }
}
@media (max-width: 767px) {
    .fx-blog-details-content h4 {
        font-size: 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-details-content h4 {
        font-size: 23px;
    }
}
.fx-blog-details-content h5 {
    font-size: 22px;
    font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-blog-details-content h5 {
        font-size: 20px;
    }
}
.fx-blog-details-content h6 {
    font-size: 18px;
    font-weight: 500;
}
.fx-blog-details-content blockquote {
    background: #f6f6f6;
    border-radius: 12px;
    padding: 35px 40px;
    color: #000;
    font-weight: 400;
    position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 60px;
    overflow: hidden;
    border-left: 4px solid var(--fx-clr-pr-1);
}
.fx-blog-details-content blockquote span {
    color: var(--fx-clr-pr-1);
}
.fx-blog-details-content blockquote::after {
    content: "";
    width: 60px;
    height: 60px;
    background: url("../img/bg/qoute.html") no-repeat;
    left: 31px;
    top: 26px;
    position: absolute;
    z-index: -1;
}
.fx-blog-details-content cite {
    display: block;
    font-weight: 700;
    color: #261723;
    font-style: normal;
    padding-left: 72px;
    margin-top: 20px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    font-size: 18px;
}
@media (max-width: 767px) {
    .fx-blog-details-content cite {
        font-size: 16px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-details-content cite {
        font-size: 18px;
    }
}
.fx-blog-details-content cite::after {
    content: "";
    width: 62px;
    height: 2px;
    border-radius: 20px;
    background: var(--fx-clr-pr-1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.fx-blog-details-content-img {
    height: 480px;
    margin-left: -140px;
    margin-right: -140px;
    margin-bottom: 35px;
    border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-blog-details-content-img {
        height: 400px;
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-blog-details-content-img {
        height: 350px;
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media (max-width: 767px) {
    .fx-blog-details-content-img {
        height: 300px;
        margin-left: 0px;
        margin-right: 0px;
    }
}
.fx-blog-details-content ul {
    margin-bottom: 60px;
}
.fx-blog-details-content ul li {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    opacity: 72%;
    padding-left: 28px;
}
.fx-blog-details-content ul li:not(:last-child) {
    margin-bottom: 18px;
}
.fx-blog-details-content ul li::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../img/bg/blog-check.html") no-repeat;
    left: 0;
    top: 6px;
    position: absolute;
}
.fx-blog-details-content b {
    font-size: 18px;
    line-height: 30px;
    color: #444444;
    margin-bottom: 20px;
    display: block;
}
.fx-blog-details-tag-share {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #dfe1e5;
    border-top: 1px solid #dfe1e5;
    padding: 34px 0;
    margin-top: 60px;
    margin-bottom: 64px;
}
.fx-blog-details-comment-item {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 32px;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 64px;
}
@media (max-width: 767px) {
    .fx-blog-details-comment-item {
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-details-comment-item {
        flex-wrap: nowrap;
    }
}
.fx-blog-details-comment-item .img-wrap {
    flex: 0 0 auto;
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #fff;
}
.fx-blog-details-comment-item .name {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
    display: block;
}
.fx-blog-details-comment-item .comment-text {
    margin-bottom: 0;
}
.fx-blog-details-comment-form {
    border: 2px solid #dfe1e5;
    border-radius: 15px;
    padding: 40px 40px;
}
.fx-blog-details-comment-form .title {
    color: #000;
    font-size: 32px;
    line-height: 1.12;
    margin-bottom: 31px;
    padding: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-blog-details-comment-form .title {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .fx-blog-details-comment-form .title {
        font-size: 22px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-blog-details-comment-form .title {
        font-size: 26px;
    }
}

.fx-blog-share,
.fx-blog-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.fx-blog-share .title,
.fx-blog-tag .title {
    line-height: 30px;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.fx-blog-share .tag,
.fx-blog-tag .tag {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.72);
    background: #f9f9f9;
    line-height: 20px;
    border-radius: 5px;
    padding: 10px 19px;
    transition: all 0.3s ease;
}
.fx-blog-share .tag:hover,
.fx-blog-tag .tag:hover {
    background: var(--fx-clr-pr-1);
    color: rgb(0, 0, 0);
}
.fx-blog-share .link,
.fx-blog-tag .link {
    transition: all 0.3s ease;
}
.fx-blog-share .link:hover,
.fx-blog-tag .link:hover {
    transform: scale(90%);
}
.fx-blog-share .copylink,
.fx-blog-tag .copylink {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    background: #dfe1e5;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.fx-blog-share .copylink:hover,
.fx-blog-tag .copylink:hover {
    background: var(--fx-clr-pr-1);
}

/* 
    blog-details-end
*/
/* 
    form-1-start
*/
.fx-form-1-box:not(:last-child) {
    margin-bottom: 28px;
}
.fx-form-1-box:focus-within .fx-form-1-label {
    color: var(--fx-clr-pr-1);
    opacity: 1;
}
.fx-form-1-label {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    font-weight: 400;
    opacity: 56%;
    color: #000;
    font-size: 14px;
    display: block;
    line-height: 1;
    margin-bottom: 5px;
    transition: all 0.3s var(--cube-1);
}
.fx-form-1-input {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    margin: 0;
    padding: 0px 0px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    transition: all 0.3s var(--cube-1);
}
.fx-form-1-input::placeholder {
    opacity: 80%;
    font-weight: 400;
}
.fx-form-1-input:is(textarea) {
    height: 100px;
}
.fx-form-1-input:hover {
    border-color: #000;
}
.fx-form-1 input::-webkit-outer-spin-button,
.fx-form-1 input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.fx-cta-1-form:is(.fx-cta-4) .fx-cta-1-form-input:focus {
    border-color: var(--fx-clr-sd-3);
}
.fx-cta-1-form:is(.fx-cta-4) .fx-cta-1-form-btn:hover {
    color: var(--fx-clr-sd-3);
}

.fx-cta-1-form:is(.fx-cta-5-form) .fx-cta-1-form-input:focus {
    border-color: var(--fx-clr-pr-2);
}
.fx-cta-1-form:is(.fx-cta-5-form) .fx-cta-1-form-btn:hover {
    color: var(--fx-clr-pr-2);
}

.fx-form-1:is(.has-home-6) .fx-form-1-box:focus-within .fx-form-1-label {
    color: var(--fx-clr-pr-2);
    opacity: 1;
}

/* 
    form-1-end
*/
/* 
    contact-us-1-start
*/
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-contact-us-1-area {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-contact-us-1-left {
        padding: 50px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-contact-us-1-left {
        margin-bottom: 50px;
    }
}
.fx-contact-us-1-left .fx-form-1 {
    max-width: 384px;
}
.fx-contact-us-1-right {
    margin-right: -100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-contact-us-1-right {
        margin-right: -80px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-contact-us-1-right {
        margin-right: -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) {
    .fx-contact-us-1-right {
        margin-right: 0px;
    }
}
.fx-contact-us-1-img {
    border-radius: 12px 12px 0 0;
}
.fx-contact-us-1-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 0 0 12px 12px;
}
@media (max-width: 767px) {
    .fx-contact-us-1-content {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-contact-us-1-content {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-contact-us-1-info-box {
    background: var(--fx-clr-pr-1);
    padding: 40px 48px;
    padding-top: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-contact-us-1-info-box {
        padding: 40px 20px;
    }
}
.fx-contact-us-1-info-box .box-title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    opacity: 80%;
    margin-bottom: 36px;
}
.fx-contact-us-1-info-box .address {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    max-width: 190px;
}
.fx-contact-us-1-info-box .info-list li {
    font-size: 16px;
    color: #000;
    font-family: var(--fx-font-pr-1);
    display: flex;
    align-items: baseline;
    line-height: 1.2;
}
.fx-contact-us-1-info-box .info-list li:not(:last-child) {
    margin-bottom: 12px;
}
.fx-contact-us-1-info-box .info-list li i {
    color: var(--fx-clr-pr-1);
    display: inline-block;
    margin-right: 12px;
}
.fx-contact-us-1-info-box .info-list li a {
    transition: all 0.3s var(--cube-1);
}
.fx-contact-us-1-info-box .info-list li a:hover {
    color: var(--fx-clr-pr-1);
}
.fx-contact-us-1-info-box:nth-child(2) {
    background: #feede8;
}
.fx-contact-us-1-info-box:nth-child(2) .box-title {
    color: #000;
}

/* 
    contact-us-1-end
*/
/* 
    contact-us-2-start
*/
.fx-contact-us-1-info-box:is(.has-contact-us-2) {
    background: #021f45;
}

/* 
    contact-us-2-end
*/
/* 
    contact-us-3-start
*/
.fx-contact-us-1-info-box:is(.has-contact-us-3) .box-title {
    color: #000;
}
.fx-contact-us-1-info-box:is(.has-contact-us-3) .address {
    color: #000;
}
.fx-contact-us-1-info-box:is(.has-contact-us-3):nth-child(2) .box-title {
    color: #fff;
}
.fx-contact-us-1-info-box:is(.has-contact-us-3):nth-child(2) .info-list li {
    color: #fff;
}
.fx-contact-us-1-info-box:is(.has-contact-us-3):nth-child(2) .info-list li i {
    color: var(--fx-clr-sd-2);
}
.fx-contact-us-1-info-box:is(.has-contact-us-3):nth-child(2)
    .info-list
    li
    a:hover {
    color: var(--fx-clr-sd-2);
}

/* 
    contact-us-3-end
*/
/* 
    contact-us-4-start
*/
.fx-contact-us-4:is(.fx-contact-us-1-img) {
    border-radius: 0;
    clip-path: polygon(88% 0, 100% 11%, 100% 100%, 0 100%, 0 0);
}
.fx-contact-us-4:is(.fx-contact-us-1-content) {
    border-radius: 0;
}

/* 
    contact-us-4-end
*/
/* 
    contact-us-5-start
*/
.fx-contact-us-5-area {
    background: #fff;
    position: relative;
    z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-contact-us-5-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.fx-contact-us-5:is(.fx-contact-us-1-img) {
    border-radius: 0;
}
.fx-contact-us-5:is(.fx-contact-us-1-content) {
    border-radius: 0 0 52px 52px;
}
.fx-contact-us-5:is(.fx-contact-us-1-info-box) .box-title {
    color: #000;
}
.fx-contact-us-5:is(.fx-contact-us-1-info-box) .address {
    color: #000;
}
.fx-contact-us-5:is(.fx-contact-us-1-info-box) .info-list li {
    color: #fff;
}
.fx-contact-us-5:is(.fx-contact-us-1-info-box) .info-list li i {
    color: var(--fx-clr-pr-2);
}
.fx-contact-us-5:is(.fx-contact-us-1-info-box) .info-list li a:hover {
    color: var(--fx-clr-pr-2);
}
.fx-contact-us-5:is(.fx-contact-us-1-info-box):nth-child(2) .box-title {
    color: #fff;
}

/* 
    contact-us-5-end
*/
/* 
    contact-us-6-start
*/
.fx-contact-us-1-img:is(.has-contact-6) {
    border-radius: 56px 56px 0 0;
}

.fx-contact-us-1-content:is(.has-contact-6) {
    border-radius: 0 0 56px 56px;
}

/* 
    contact-us-6-end
*/
/* 
    cta-1-start
*/
.fx-cta-1-area {
    background: #021f45;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
}
.fx-cta-1-bg-img {
    width: 26%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    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) {
    .fx-cta-1-bg-img {
        opacity: 30%;
    }
}
.fx-cta-1-content {
    max-width: 990px;
    margin-left: auto;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 70px;
    align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-cta-1-content {
        grid-template-columns: 1fr;
    }
}
.fx-cta-1-content-title {
    font-size: 32px;
    text-transform: uppercase;
    line-height: 1.06;
}
@media (max-width: 767px) {
    .fx-cta-1-content-title {
        font-size: 22px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-cta-1-content-title {
        font-size: 26px;
    }
}
.fx-cta-1-form {
    display: flex;
    gap: 20px 45px;
    align-items: end;
}
.fx-cta-1-form-input {
    display: block;
    width: 100%;
    outline: none;
    padding: 0;
    background: transparent;
    border: none;
    font-size: 16px;
    font-family: var(--fx-font-pr-1);
    color: rgba(255, 255, 255, 0.64);
    border-bottom: 2px solid #fff;
    height: 40px;
}
.fx-cta-1-form-input:focus {
    border-color: var(--fx-clr-pr-1);
}
.fx-cta-1-form-btn {
    flex: 0 0 auto;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    font-family: var(--fx-font-pr-1);
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
    transition: all 0.2s var(--cube-1);
    margin-bottom: -5px;
}
.fx-cta-1-form-btn i {
    display: inline-block;
    transition: all 0.3s var(--cube-1);
}
.fx-cta-1-form-btn:hover {
    color: var(--fx-clr-pr-1);
}
.fx-cta-1-form-btn:hover i {
    transform: translate(3px, -3px);
}

.fx-cta-1-form:is(.has-cta-2) .fx-cta-1-form-input:focus {
    border-color: #021f45;
}
.fx-cta-1-form:is(.has-cta-2) .fx-cta-1-form-btn:hover {
    color: #021f45;
}

/* 
    cta-1-end
*/
/* 
    cta-4-start
*/
.fx-cta-4-area {
    margin-left: 12px;
    margin-right: 12px;
    clip-path: polygon(95.5% 0, 100% 35%, 100% 100%, 0 100%, 0 0);
}

/* 
    cta-4-end
*/
/* 
    cta-5-start
*/
.fx-cta-5-area {
    background: #070707;
    margin-top: -55px;
    position: relative;
    z-index: 1;
}
.fx-cta-5:is(.fx-cta-1-content) .fx-cta-1-content-title {
    font-size: 45px;
    line-height: 0.88;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-cta-5:is(.fx-cta-1-content) .fx-cta-1-content-title {
        font-size: 35px;
    }
}

/* 
    cta-5-end
*/
/* 
    marquee-text-1-start
*/
.fx-marquee-text-1-item {
    display: flex;
    align-items: center;
    gap: 65px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-marquee-text-1-item {
        gap: 30px;
    }
}
.fx-marquee-text-1-item .item-text {
    font-size: 90px;
    line-height: 1;
    letter-spacing: -4px;
    flex: 0 0 auto;
    transition: all 0.3s var(--cube-1);
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .fx-marquee-text-1-item .item-text {
        font-size: 80px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-marquee-text-1-item .item-text {
        font-size: 70px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-marquee-text-1-item .item-text {
        font-size: 60px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-marquee-text-1-item .item-text {
        font-size: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-marquee-text-1-item .item-text {
        font-size: 40px;
        letter-spacing: -1px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-marquee-text-1-item .item-text {
        font-size: 30px;
        letter-spacing: -1px;
    }
}
@media (max-width: 767px) {
    .fx-marquee-text-1-item .item-text {
        font-size: 25px;
        letter-spacing: -1px;
    }
}
.fx-marquee-text-1-item .item-text:hover {
    color: var(--fx-clr-pr-1);
}
.fx-marquee-text-1-item svg {
    flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-marquee-text-1-item svg {
        width: 60px;
    }
}
.fx-marquee-text-1-item svg * {
    transition: all 0.3s var(--cube-1);
}
.fx-marquee-text-1-item svg:hover * {
    fill: var(--fx-clr-pr-1);
}

/* 
    marquee-text-1-end
*/
/* 
    marquee-text-2-start
*/
.fx-marquee-text-1-item:is(.has-marquee-text-2) .item-text {
    color: #fff;
}
.fx-marquee-text-1-item:is(.has-marquee-text-2) .item-text:hover {
    color: var(--fx-clr-pr-1);
}
.fx-marquee-text-1-item:is(.has-marquee-text-2) svg * {
    fill: #08449c;
}
.fx-marquee-text-1-item:is(.has-marquee-text-2) svg:hover * {
    fill: var(--fx-clr-pr-1);
}

/* 
    marquee-text-2-end
*/
/* 
    marquee-text-5-start
*/
.fx-marquee-text-1:is(.fx-marquee-text-4) .fx-marquee-text-1-item .item-text {
    color: #fff;
}
.fx-marquee-text-1:is(.fx-marquee-text-4)
    .fx-marquee-text-1-item
    .item-text:hover {
    color: var(--fx-clr-pr-1);
}
.fx-marquee-text-1:is(.fx-marquee-text-4) .fx-marquee-text-1-item svg * {
    fill: var(--fx-clr-pr-1);
}

/* 
    marquee-text-5-end
*/
/* 
    marquee-text-6-start
*/
.fx-marquee-text-1:is(.fx-marquee-text-6)
    .fx-marquee-text-1-item
    .item-text:hover {
    color: #fff;
}
.fx-marquee-text-1:is(.fx-marquee-text-6) .fx-marquee-text-1-item svg:hover * {
    fill: #fff;
}

/* 
    marquee-text-6-end
*/
/* 
    team-1-start
*/
.fx-team-1-area {
    background: #eeeeee;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.fx-team-1-scn-title {
    max-width: 790px;
}
.fx-team-1-slider-item {
    text-align: center;
}
.fx-team-1-slider-item .item-img {
    position: relative;
    height: 385px;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 0 15px;
    z-index: 1;
    margin-bottom: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-team-1-slider-item .item-img {
        height: 355px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-team-1-slider-item .item-img {
        height: 405px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-team-1-slider-item .item-img {
        height: 405px;
    }
}
@media (max-width: 767px) {
    .fx-team-1-slider-item .item-img {
        height: 380px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-team-1-slider-item .item-img {
        height: 325px;
    }
}
.fx-team-1-slider-item .item-img .img-bg {
    position: absolute;
    width: 100%;
    height: 280px;
    z-index: -1;
    border-radius: 12px;
}
.fx-team-1-slider-item .item-img .item-social {
    position: absolute;
    box-shadow: -12px 12px 36px rgba(0, 0, 0, 0.12);
    bottom: 100px;
    opacity: 0;
    transition: all 0.5s var(--cube-1);
}
.fx-team-1-slider-item .person-name {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 0px;
    transition: all 0.3s var(--cube-1);
}
.fx-team-1-slider-item .person-name:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
@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) {
    .fx-team-1-slider-item .person-name {
        font-size: 28px;
    }
}
.fx-team-1-slider-item .person-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 72%;
}
.fx-team-1-slider-item:hover .item-img .item-social {
    bottom: 0;
    opacity: 1;
}
.fx-team-1-slider-btn-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -28px;
    z-index: 1;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.fx-team-1-slider-btn-left i {
    color: #000;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-team-1-slider-btn-left {
        display: none;
    }
}
.fx-team-1-slider-btn-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -28px;
    z-index: 1;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.fx-team-1-slider-btn-right i {
    color: #000;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-team-1-slider-btn-right {
        display: none;
    }
}
.fx-team-1-slider .swiper-container .swiper-notification {
    display: none;
}
.fx-team-1-content .border-line {
    width: 100%;
    height: 1px;
    background: #000;
}
.fx-team-1-content .disc {
    opacity: 88%;
    margin-bottom: 10px;
}
.fx-team-1-content .t1-btn {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    color: var(--fx-clr-pr-1);
    transition: all 0.3s var(--cube-1);
    position: relative;
    z-index: 1;
    font-weight: 500;
}
.fx-team-1-content .t1-btn::after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--fx-clr-pr-1);
    position: absolute;
    bottom: 5px;
    left: 0;
}
.fx-team-1-content .t1-btn:hover {
    color: var(--fx-clr-pr-1);
    transform: translateY(3px);
}

.fx-team-1-social {
    display: inline-flex;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eeeeee;
}
.fx-team-1-social li {
    border-right: 1px solid #eeeeee;
}
.fx-team-1-social li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
    background: #fff;
    flex: 0 0 auto;
    transition: all 0.3s var(--cube-1);
}
.fx-team-1-social li a:hover {
    color: var(--fx-clr-pr-1);
}

/* 
    team-1-end
*/
/* 
    team-3-start
*/
.fx-team-1-slider:is(.has-team-3) .fx-team-1-slider-item .item-img {
    height: 405px;
}
.fx-team-1-slider:is(.has-team-3) .fx-slider-btn-1-item i:last-child {
    color: #fff;
}
.fx-team-1-slider:is(.has-team-3) .fx-slider-btn-1-item:hover {
    background: #000;
}
.fx-team-1-slider:is(.has-team-3)
    .fx-slider-pagi-1
    span:is(.swiper-pagination-bullet-active) {
    background: #000;
}
.fx-team-1-slider:is(.has-team-3)
    .fx-slider-pagi-1
    span:is(.swiper-pagination-bullet-active)::after {
    border-color: #000;
}

.fx-team-1-content:is(.has-team-3) .t1-btn {
    color: #000;
}
.fx-team-1-content:is(.has-team-3) .t1-btn::after {
    background: #000;
}
.fx-team-1-content:is(.has-team-3) .t1-btn:hover {
    color: var(--fx-clr-pr-1);
}
.fx-team-1-content:is(.has-team-3) .t1-btn:hover::after {
    background-color: var(--fx-clr-pr-1);
}

/* 
    team-3-end
*/
/* 
    team-4-start
*/
.fx-team-4-scn-shape {
    width: 75%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.fx-team-4-slider {
    margin-right: -420px;
}
@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) {
    .fx-team-4-slider {
        margin-right: 0px;
    }
}
.fx-team-4-slider-item {
    padding: 12px;
    padding-bottom: 32px;
    border-radius: 16px;
    border: 1px solid #ffe5d4;
    background: #fff;
}
.fx-team-4-slider-item .item-img {
    height: 250px;
    display: flex;
    align-items: start;
    padding-top: 12px;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-right: 12px;
    margin-bottom: 30px;
}
.fx-team-4-slider-item .item-img .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.fx-team-4-slider-item .item-content {
    padding: 0 16px;
}
.fx-team-4-slider-item .item-name {
    font-size: 32px;
    line-height: 0.94;
    transition: all 0.4s var(--cube-1);
    margin-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-team-4-slider-item .item-name {
        font-size: 26px;
    }
}
.fx-team-4-slider-item .item-name:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-team-4-slider-item .item-disc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
}
.fx-team-4-slider-item .item-btn {
    display: inline-flex;
    width: 32px;
    height: 32px;
    border: 2px solid var(--fx-clr-pr-1);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    transition: all 0.4s var(--cube-1);
}
.fx-team-4-slider-item .item-btn i {
    transition: all 0.8s var(--cube-1);
}
.fx-team-4-slider-item .item-btn:hover i {
    color: var(--fx-clr-pr-1);
}
.fx-team-4-slider-item:hover .item-btn i {
    transform: rotate(360deg);
}
.fx-team-4-slider .swiper-notification {
    display: none;
}
.fx-team-4-content .border-line {
    width: 100%;
    height: 1px;
    background: var(--fx-clr-pr-1);
}
.fx-team-4-content .disc {
    opacity: 88%;
    margin-bottom: 10px;
}
.fx-team-4-content .t1-btn {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    color: var(--fx-clr-pr-1);
    transition: all 0.3s var(--cube-1);
    position: relative;
    z-index: 1;
    font-weight: 500;
}
.fx-team-4-content .t1-btn::after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--fx-clr-pr-1);
    position: absolute;
    bottom: 5px;
    left: 0;
}
.fx-team-4-content .t1-btn:hover {
    color: var(--fx-clr-sd-3);
    transform: translateY(3px);
}
.fx-team-4-content .t1-btn:hover::after {
    background: var(--fx-clr-sd-3);
}

/* 
    team-4-end
*/
/* 
    team-details-1-start
*/
.fx-team-details-person {
    padding-top: 250px;
}
.fx-team-details-person-row {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-team-details-person-row {
        grid-template-columns: 1fr;
    }
}
.fx-team-details-person-img {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: end;
}
.fx-team-details-person-img .img-bg {
    height: 540px;
    width: 100%;
    border-radius: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
@media (max-width: 767px) {
    .fx-team-details-person-img .img-bg {
        height: 280px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-team-details-person-img .img-bg {
        height: 540px;
    }
}
.fx-team-details-person-social {
    background: #fff;
    border: 1px solid #eeeeee;
    display: inline-flex;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: -12px 12px 36px rgba(0, 0, 0, 0.12);
}
.fx-team-details-person-social a {
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #000;
    transition: all 0.3s var(--cube-1);
}
.fx-team-details-person-social a:not(:last-child) {
    border-right: 1px solid #eeeeee;
}
.fx-team-details-person-social a:hover {
    color: var(--fx-clr-pr-1);
}
.fx-team-details-person-info .person-bio {
    font-size: 20px;
    font-weight: 400;
    color: var(--fx-clr-pr-1);
    margin-bottom: 19px;
}
.fx-team-details-person-info .person-name {
    font-size: 40px;
    line-height: 1.16;
    margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-team-details-person-info .person-name {
        font-size: 34px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-team-details-person-info .person-name {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .fx-team-details-person-info .person-name {
        font-size: 28px;
    }
}
.fx-team-details-person-info .person-disc {
    max-width: 584px;
    margin-bottom: 29px;
}
.fx-team-details-person-info .person-degi li {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.72);
}
.fx-team-details-person-info .person-degi li:not(:last-child) {
    margin-bottom: 17px;
}
.fx-team-details-person-info .person-degi li b {
    color: #000;
    font-weight: 500;
    display: inline-block;
    width: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-team-details-person-info .person-degi li b {
        width: 30%;
    }
}
.fx-team-details-person-info .info-subtitle {
    font-size: 22px;
    margin-bottom: 17px;
}
.fx-team-details-disc {
    background: var(--fx-clr-sd-1);
    padding-top: 150px;
    padding-bottom: 455px;
    margin-top: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-team-details-disc {
        margin-top: -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) {
    .fx-team-details-disc {
        margin-top: 100px;
    }
}
.fx-team-details-disc-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
}
@media (max-width: 767px) {
    .fx-team-details-disc-row {
        grid-template-columns: 1fr;
    }
}
.fx-team-details-disc-content .title {
    font-size: 32px;
    line-height: 1.12;
    margin-bottom: 28px;
}
@media (max-width: 767px) {
    .fx-team-details-disc-content .title {
        font-size: 26px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-team-details-disc-content .title {
        font-size: 30px;
    }
}
.fx-team-details-disc-skill > .title {
    font-size: 32px;
    line-height: 1.12;
    margin-bottom: 28px;
}
@media (max-width: 767px) {
    .fx-team-details-disc-skill > .title {
        font-size: 26px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-team-details-disc-skill > .title {
        font-size: 30px;
    }
}
.fx-team-details-disc-skill .fx-skill-1-progress .title {
    font-weight: 400;
    font-size: 17px;
}
.fx-team-details-disc-skill .fx-skill-1-progress .title span:nth-child(2) {
    color: var(--fx-clr-pr-1);
}
.fx-team-details-disc-skill .fx-skill-1-progress-line {
    background: rgba(255, 255, 255, 0.1);
}
.fx-team-details-disc-skill .fx-skill-1-progress-line .progress-line {
    background: var(--fx-clr-pr-1);
}
.fx-team-details-contact {
    margin-top: -338px;
}
.fx-team-details-contact-row {
    background: #f6f6f6;
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    border-radius: 16px;
    overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-team-details-contact-row {
        grid-template-columns: 1fr;
    }
}
.fx-team-details-contact-form {
    padding: 64px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-team-details-contact-form {
        padding: 64px 30px;
    }
}
.fx-team-details-contact-form .title {
    color: #000;
    font-size: 32px;
    line-height: 1.12;
    margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-team-details-contact-form .title {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .fx-team-details-contact-form .title {
        font-size: 22px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-team-details-contact-form .title {
        font-size: 26px;
    }
}
.fx-team-details-contact-form .fx-form-1-input {
    background: transparent;
}

/* 
    team-details-1-end
*/
/* 
    client-1-start
*/
.fx-client-1-slider {
    padding-left: 70px;
    padding-right: 70px;
}
.fx-client-1-slider-item {
    text-align: center;
}
.fx-client-1-slider-item span:first-child {
    position: absolute;
    top: 0;
    transform: translateY(-100%) rotate(-20deg);
    transform-origin: left bottom;
    transition: all 0.5s var(--cube-1);
}
.fx-client-1-slider-item span:last-child {
    transform-origin: right bottom;
    transition: all 0.5s var(--cube-1);
    opacity: 40%;
}
.fx-client-1-slider-item:hover span:first-child {
    transform: translateY(0%) rotate(0deg);
}
.fx-client-1-slider-item:hover span:last-child {
    transform: translateY(100%) rotate(-20deg);
}
.fx-client-1-slider .swiper-container .swiper-notification {
    display: none;
}
.fx-client-1-slider-btn-left {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.fx-client-1-slider-btn-left i {
    color: #000;
}
.fx-client-1-slider-btn-left i:last-child {
    color: var(--fx-clr-pr-1);
}
.fx-client-1-slider-btn-left:hover {
    background: #fff;
}
.fx-client-1-slider-btn-right {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.fx-client-1-slider-btn-right i {
    color: #000;
}
.fx-client-1-slider-btn-right i:last-child {
    color: var(--fx-clr-pr-1);
}
.fx-client-1-slider-btn-right:hover {
    background: #fff;
}

/* 
    client-1-end
*/
/* 
    client-4-start
*/
.fx-client-4-title {
    font-size: 23px;
    margin-bottom: 44px;
}
@media (max-width: 767px) {
    .fx-client-4-title {
        font-size: 20px;
    }
}
.fx-client-4-title .has-clr {
    color: var(--fx-clr-pr-1);
}

/* 
    client-4-end
*/
/* 
    client-5-start
*/
.fx-client-5-area {
    position: relative;
    z-index: 7;
}
.fx-client-5-area .fx-client-4-title .has-clr {
    color: var(--fx-clr-pr-2);
}

/* 
    client-5-end
*/
/* 
    client-6-start
*/
.fx-client-6-title {
    font-size: 45px;
    line-height: 0.86;
    font-weight: 600;
    text-align: center;
    margin-bottom: 42px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px) {
    .fx-client-6-title {
        font-size: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-client-6-title {
        font-size: 35px;
    }
}
.fx-client-6-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 767px) {
    .fx-client-6-wrap {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-client-6-wrap {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.fx-client-6-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    padding: 20px;
    border: 1px solid #f2f2f2;
    margin-left: -1px;
    margin-top: -1px;
    transition: all 0.2s var(--cube-1);
    position: relative;
}
.fx-client-6-logo img {
    transition: all 0.4s var(--cube-1);
    opacity: 50%;
}
.fx-client-6-logo:hover {
    border-color: #000;
    z-index: 1;
}
.fx-client-6-logo:hover img {
    opacity: 1;
    animation: fd-bounce-2 1s;
}
.fx-client-6-btn .fx-pr-btn-1 {
    border: 2px solid var(--fx-clr-pr-2);
    padding: 16px 26px;
    background: transparent;
}
.fx-client-6-btn .fx-pr-btn-1 .text::before {
    color: #000;
}
.fx-client-6-btn .fx-pr-btn-1 .text::after {
    color: #000;
}
.fx-client-6-btn .fx-pr-btn-1 i {
    color: #000;
}
.fx-client-6-btn .fx-pr-btn-1:hover {
    background: var(--fx-clr-pr-2);
}

/* 
    client-6-end
*/
/* 
    client-7-start
*/
.fx-clients-7-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-clients-7-wrap {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-clients-7-wrap {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-clients-7-wrap {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }
}
.fx-clients-7-item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 1px solid #f3f3f3;
    border-radius: 12px;
    height: 120px;
    transition: all 0.5s var(--cube-1);
}
.fx-clients-7-item img {
    transition: all 0.5s var(--cube-1);
}
.fx-clients-7-item img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.fx-clients-7-item:hover {
    border-color: var(--fx-clr-pr-1);
    transform: scale(95%);
}
.fx-clients-7-item:hover img:nth-child(1) {
    opacity: 0;
}
.fx-clients-7-item:hover img:nth-child(2) {
    opacity: 1;
}

/* 
    client-7-end
*/
/* 
    counter-3-start
*/
.fx-counter-3-area {
    margin-left: 16px;
    margin-right: 16px;
}
.fx-counter-3-wrap {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 2fr;
    gap: 16px;
}
@media (max-width: 767px) {
    .fx-counter-3-wrap {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-counter-3-wrap {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-counter-3-box {
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.fx-counter-3-box .fx-counter-1-item-number {
    font-size: 128px;
    align-items: end;
    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) {
    .fx-counter-3-box .fx-counter-1-item-number {
        font-size: 95px;
    }
}
.fx-counter-3-box .fx-counter-1-item-number .text {
    font-size: 64px;
    color: #000;
    margin-bottom: 20px;
}
.fx-counter-3-box .fx-counter-1-item-disc {
    opacity: 100%;
    line-height: 20px;
}
.fx-counter-3-content {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-counter-3-content {
        gap: 20px;
    }
}
.fx-counter-3-content .icon {
    animation: fx-rotated 10s linear infinite;
}
.fx-counter-3-content .title {
    font-size: 32px;
    line-height: 1.03;
    max-width: 160px;
    text-transform: uppercase;
}
@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) {
    .fx-counter-3-content .title {
        font-size: 26px;
    }
}
.fx-counter-3-content .item-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--fx-clr-pr-1);
    width: 54px;
    height: 54px;
    border-radius: 8px;
    color: #fff;
    font-size: 20px;
    transition: all 0.4s var(--cube-1);
}
.fx-counter-3-content .item-btn:hover {
    transform: scale(90%);
    background: #000;
}
.fx-counter-3-content-2 {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-counter-3-content-2 {
        gap: 10px;
    }
}
.fx-counter-3-content-2 .item-img {
    flex: 0 0 auto;
}
.fx-counter-3-content-2 .title {
    font-size: 32px;
    line-height: 1.03;
    max-width: 160px;
    color: #fff;
    text-transform: uppercase;
}
@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) {
    .fx-counter-3-content-2 .title {
        font-size: 26px;
    }
}
.fx-counter-3-content-2 .item-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: #fff;
    width: 54px;
    height: 54px;
    border-radius: 8px;
    color: var(--fx-clr-pr-1);
    font-size: 20px;
    transition: all 0.4s var(--cube-1);
}
.fx-counter-3-content-2 .item-btn:hover {
    transform: scale(90%);
    background: #000;
}

/* 
    counter-3-end
*/
/* 
    process-1-start
*/
.fx-process-1-area {
    border-radius: 16px;
    margin-left: 16px;
    margin-right: 16px;
}
.fx-process-1-scn-title {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}
.fx-process-1-tabs-btn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.fx-process-1-tabs-btn-line {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    opacity: 12%;
}
.fx-process-1-tabs-btn li button {
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 40px;
    position: relative;
    z-index: 1;
    opacity: 48%;
    transition: all 0.3s 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) {
    .fx-process-1-tabs-btn li button {
        font-size: 26px;
        padding: 15px 30px;
    }
}
.fx-process-1-tabs-btn li button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0%;
    height: 2px;
    background: #fff;
    transition: all 0.5s var(--cube-1);
}
.fx-process-1-tabs-btn li button .icon {
    width: 44px;
    height: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-process-1-tabs-btn li button .icon {
        width: 32px;
        height: 40px;
    }
}
.fx-process-1-tabs-btn li button:hover {
    opacity: 100%;
    color: #fff;
}
.fx-process-1-tabs-btn li button:is(.active) {
    opacity: 100%;
    color: #fff;
}
.fx-process-1-tabs-btn li button:is(.active)::after {
    width: 100%;
    left: 0;
    right: auto;
}
.fx-process-1-tabs-pane {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 64px;
    align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-process-1-tabs-pane {
        gap: 25px;
    }
}
@media (max-width: 767px) {
    .fx-process-1-tabs-pane {
        gap: 30px;
        grid-template-columns: 1fr;
    }
}
.fx-process-1-tabs-pane .pane-img {
    height: 592px;
    clip-path: polygon(
        100% 2.703%,
        100% 2.703%,
        99.965% 2.264%,
        99.862% 1.848%,
        99.698% 1.461%,
        99.479% 1.107%,
        99.208% 0.792%,
        98.894% 0.521%,
        98.539% 0.302%,
        98.152% 0.138%,
        97.736% 0.035%,
        97.297% 0%,
        35.98% 0%,
        35.98% 0%,
        35.541% 0.035%,
        35.125% 0.138%,
        34.738% 0.302%,
        34.384% 0.521%,
        34.069% 0.792%,
        33.798% 1.107%,
        33.579% 1.461%,
        33.415% 1.848%,
        33.312% 2.264%,
        33.277% 2.703%,
        33.277% 6.757%,
        33.277% 6.757%,
        33.206% 7.634%,
        33.001% 8.465%,
        32.674% 9.241%,
        32.234% 9.949%,
        31.694% 10.579%,
        31.064% 11.119%,
        30.356% 11.559%,
        29.58% 11.887%,
        28.748% 12.091%,
        27.872% 12.162%,
        2.703% 12.162%,
        2.703% 12.162%,
        2.264% 12.198%,
        1.848% 12.3%,
        1.461% 12.464%,
        1.107% 12.684%,
        0.792% 12.954%,
        0.521% 13.269%,
        0.302% 13.623%,
        0.138% 14.011%,
        0.035% 14.426%,
        0% 14.865%,
        0% 97.297%,
        0% 97.297%,
        0.035% 97.736%,
        0.138% 98.152%,
        0.302% 98.539%,
        0.521% 98.894%,
        0.792% 99.208%,
        1.107% 99.479%,
        1.461% 99.698%,
        1.848% 99.862%,
        2.264% 99.965%,
        2.703% 100%,
        97.297% 100%,
        97.297% 100%,
        97.736% 99.965%,
        98.152% 99.862%,
        98.539% 99.698%,
        98.894% 99.479%,
        99.208% 99.208%,
        99.479% 98.894%,
        99.698% 98.539%,
        99.862% 98.152%,
        99.965% 97.736%,
        100% 97.297%,
        100% 2.703%
    );
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-process-1-tabs-pane .pane-img {
        height: 535px;
    }
}
@media (max-width: 767px) {
    .fx-process-1-tabs-pane .pane-img {
        height: 300px;
    }
}
.fx-process-1-tabs-pane .subtitle-flex {
    display: flex;
    gap: 10px 40px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
.fx-process-1-tabs-pane .subtitle-flex .fx-subtitle-1 {
    color: #fff;
    margin-bottom: 0;
}
.fx-process-1-tabs-pane .subtitle-flex .fx-hero-2-slider-item-number {
    margin-bottom: 0;
}
.fx-process-1-tabs-pane .pane-title {
    font-size: 64px;
    line-height: 0.8;
    max-width: 384px;
    margin-bottom: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-process-1-tabs-pane .pane-title {
        font-size: 55px;
    }
}
@media (max-width: 767px) {
    .fx-process-1-tabs-pane .pane-title {
        font-size: 45px;
    }
}
.fx-process-1-tabs-pane .pane-title .split-line {
    overflow: hidden;
    padding-top: 3px;
    margin-bottom: -3px;
}
.fx-process-1-tabs-pane .pane-title .split-line > div {
    transform: translateY(105%);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
.fx-process-1-tabs-pane .pane-disc {
    opacity: 80%;
    margin-bottom: 37px;
}
.fx-process-1-tabs-pane .item-slide-up {
    transform: translateY(100%);
    transition: all 1s var(--cube-1);
    transition-delay: 0s;
}
.fx-process-1-tabs-content
    .tab-pane:is(.show)
    .fx-process-1-tabs-pane
    .pane-title
    .split-line
    > div {
    transform: translateY(0%);
    transition-delay: 0.2s;
}
.fx-process-1-tabs-content
    .tab-pane:is(.show)
    .fx-process-1-tabs-pane
    .item-slide-up {
    transform: translateY(0%);
    transition-delay: 0.4s;
}

/* 
    process-1-end
*/
/* 
    process-3-start
*/
.fx-process-3-scn-title {
    max-width: 500px;
}
.fx-process-3-wrap {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.5fr;
    gap: 56px;
    align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-process-3-wrap {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-process-3-wrap {
        grid-template-columns: 1fr;
    }
}
.fx-process-3-img {
    border-radius: 12px;
    height: 595px;
}
@media (max-width: 767px) {
    .fx-process-3-img {
        height: 350px;
    }
}
.fx-process-3-item-single:not(:last-child) {
    margin-bottom: 40px;
}
.fx-process-3-item-single .item-number {
    font-size: 45px;
    line-height: 1;
    background: #f9f9f9;
    display: inline-block;
    color: rgba(0, 0, 0, 0.1);
    padding: 14px 16px;
    padding-bottom: 28px;
}
.fx-process-3-item-single .item-title {
    font-size: 20px;
    line-height: 28px;
    margin-top: -21px;
    margin-left: 36px;
    margin-bottom: 8px;
    transition: all 0.3s var(--cube-1);
}
.fx-process-3-item-single .item-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-process-3-item-single .item-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 72%;
    margin-left: 36px;
}
.fx-process-3-img-2 {
    height: 216px;
    border-radius: 8px;
    align-self: end;
}

/* 
    process-3-end
*/
.fx-process-4-scn-title {
    max-width: 702px;
}
.fx-process-4-scn-title .scn-dic {
    margin-top: 25px;
}
.fx-process-4-img {
    max-width: 1008px;
    height: 512px;
    border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-process-4-img {
        height: 400px;
    }
}
.fx-process-4-item {
    max-width: 1015px;
    margin-left: auto;
    margin-right: auto;
}
.fx-process-4-item-single:not(:last-child) {
    margin-bottom: 90px;
}
.fx-process-4-item-single .item-row {
    display: flex;
    gap: 64px;
    align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-process-4-item-single .item-row {
        gap: 30px;
    }
}
@media (max-width: 767px) {
    .fx-process-4-item-single .item-row {
        gap: 30px;
        flex-wrap: wrap;
        justify-content: left;
    }
}
.fx-process-4-item-single .item-img {
    max-width: 488px;
    width: 100%;
    height: 400px;
    border-radius: 12px;
    flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-process-4-item-single .item-img {
        max-width: 300px;
        height: 300px;
    }
}
.fx-process-4-item-single .item-number {
    width: 63px;
    height: 54px;
    border-radius: 4px;
    background: #dfe1e5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 52px;
}
.fx-process-4-item-single .item-number::after {
    content: "";
    width: 1900px;
    height: 1px;
    background: #dfe1e5;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.fx-process-4-item-single .item-title {
    font-size: 32px;
    margin-bottom: 25px;
    transition: all 0.3s var(--cube-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-process-4-item-single .item-title {
        font-size: 28px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-process-4-item-single .item-title {
        font-size: 22px;
    }
}
.fx-process-4-item-single .item-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-process-4-item-single .item-disc {
    margin-bottom: 33px;
}
.fx-process-4-item-single .item-btn {
    border: 2px solid var(--fx-clr-pr-1);
    background: transparent;
    padding: 17px 27px;
}
.fx-process-4-item-single .item-btn .text::after {
    color: #fff;
}
.fx-process-4-item-single .item-btn .text::before {
    color: var(--fx-clr-pr-1);
}
.fx-process-4-item-single .item-btn i {
    color: var(--fx-clr-pr-1);
}
.fx-process-4-item-single .item-btn:hover {
    background: var(--fx-clr-pr-1);
}
.fx-process-4-item-single .item-btn:hover i {
    color: #fff;
}
.fx-process-4-item-single:nth-child(even) .item-row {
    flex-direction: row-reverse;
}
.fx-process-4-item-single:nth-child(even) .item-number {
    margin-left: auto;
}
.fx-process-4-item-single:nth-child(even) .item-number::after {
    left: unset;
    right: 100%;
}

/* 
    process-4-start
*/
/* 
    process-4-end
*/
/* 
    story-1-start
*/
.fx-story-1-scn-title {
    max-width: 750px;
}
.fx-story-1-disc {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 64px;
    max-width: 1102px;
}
@media (max-width: 767px) {
    .fx-story-1-disc {
        grid-template-columns: 1fr;
    }
}
.fx-story-1-img {
    width: 100%;
    height: 540px;
    border-radius: 16px;
    margin-bottom: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-story-1-img {
        height: 350px;
    }
}
.fx-story-1-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
}
@media (max-width: 767px) {
    .fx-story-1-card {
        grid-template-columns: 1fr;
    }
}
.fx-story-1-card-single {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.fx-story-1-card-single .content {
    padding: 48px 44px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-story-1-card-single .content {
        padding: 48px 20px;
    }
}
.fx-story-1-card-single .card-titile {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 14px;
    transition: all 0.3s var(--cube-1);
}
@media (max-width: 767px) {
    .fx-story-1-card-single .card-titile {
        font-size: 22px;
    }
}
.fx-story-1-card-single .card-titile:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-story-1-card-single .card-disc {
    opacity: 72%;
}
.fx-story-1-card-single .card-img {
    /* height: 277px; */
}
.fx-story-1-card-single:nth-child(even) {
    flex-direction: column-reverse;
}

/* 
    story-1-end
*/
/* 
    award-start
*/
.fx-award-1-bg-img {
    width: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.fx-award-1-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px;
}
.fx-award-1-scn-title {
    max-width: 320px;
    width: 100%;
    flex: 0 0 auto;
}
.fx-award-1-item {
    width: 100%;
    max-width: 670px;
    flex: 0 0 auto;
}
.fx-award-1-item-single {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 35px 0;
    border-bottom: 2px solid #dbdbdb;
}
.fx-award-1-item-single:nth-child(1) {
    border-top: 2px solid #dbdbdb;
}
.fx-award-1-item-single .item-title {
    font-size: 24px;
    margin-bottom: 7px;
}
.fx-award-1-item-single .item-disc {
    font-size: 16px;
    line-height: 26px;
    opacity: 72%;
}

/* 
    award-end
*/
/* 
    price-1-start
*/
.fx-pricing-1-scn-title {
    max-width: 700px;
}
.fx-pricing-1-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-pricing-1-wrap {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-pricing-1-wrap {
        grid-template-columns: 1fr;
    }
}
.fx-pricing-1-card {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
    background: #fff;
    border-radius: 8px;
    padding: 38px 32px;
    text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-pricing-1-card {
        padding: 38px 20px;
    }
}
.fx-pricing-1-card .bg-shape {
    width: 60px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #ffeae4;
    z-index: -1;
}
.fx-pricing-1-card .icon-illus {
    width: 80px;
    height: 82px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.fx-pricing-1-card .card-title {
    font-size: 24px;
    margin-bottom: 19px;
}
.fx-pricing-1-card .card-price {
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
    margin-bottom: 33px;
}
.fx-pricing-1-card .card-price span:nth-child(2) {
    font-size: 18px;
    font-weight: 400;
    opacity: 62%;
}
.fx-pricing-1-card .hr-line {
    width: 100%;
    height: 1px;
    background: #dfe1e5;
    margin-bottom: 34px;
}
.fx-pricing-1-card .price-feature {
    margin-bottom: 33px;
}
.fx-pricing-1-card .price-feature li {
    font-family: var(--fx-font-pr-1);
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    display: flex;
    align-items: baseline;
    gap: 12px;
    color: rgba(0, 0, 0, 0.72);
    font-weight: 400;
}
.fx-pricing-1-card .price-feature li:not(:last-child) {
    margin-bottom: 17px;
}
.fx-pricing-1-card .price-feature li .icon {
    display: inline-block;
    transform: translateY(-1px);
}
.fx-pricing-1-card .price-feature li .icon svg path:nth-child(1) {
    fill: var(--fx-clr-pr-1);
}
.fx-pricing-1-card
    .price-feature
    li:is(.not-active)
    .icon
    svg
    path:nth-child(1) {
    fill: #bdc0c6;
}
.fx-pricing-1-card .card-disc {
    margin-bottom: 28px;
}
.fx-pricing-1-card .card-btn {
    width: 100%;
    border: 2px solid var(--fx-clr-pr-1);
    background: transparent;
    padding: 17px 27px;
}
.fx-pricing-1-card .card-btn .text::after {
    color: #fff;
}
.fx-pricing-1-card .card-btn .text::before {
    color: var(--fx-clr-pr-1);
}
.fx-pricing-1-card .card-btn:hover {
    background: var(--fx-clr-pr-1);
}

/* 
    price-1-end
*/
/* 
    skill-1-start
*/
.fx-skill-1-area {
    background: var(--fx-clr-sd-1);
}
.fx-skill-1-scn-title {
    max-width: 520px;
    margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-skill-1-scn-title {
        margin-bottom: 60px;
    }
}
.fx-skill-1-scn-title .fx-scn-title-1 {
    margin-bottom: 25px;
}
.fx-skill-1-scn-title .scn-disc {
    opacity: 72%;
}
.fx-skill-1-wrap {
    max-width: 592px;
    margin-left: auto;
    margin-right: auto;
    padding: 36px 40px;
    background: var(--fx-clr-pr-1);
    border-radius: 8px;
}
.fx-skill-1-progress:not(:last-child) {
    margin-bottom: 24px;
}
.fx-skill-1-progress .title {
    color: #fff;
    gap: 15px;
    margin-bottom: 13px;
}
.fx-skill-1-progress-line {
    background: rgba(46, 46, 46, 0.1);
    height: 10px;
    border-radius: 0 100px 100px 0;
    position: relative;
    z-index: 1;
}
.fx-skill-1-progress-line .progress-line {
    position: absolute;
    top: -5px;
    left: 0;
    height: 100%;
    background: #fff;
    border-radius: 0 100px 100px 0;
}
.fx-skill-1-img {
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 12px;
    height: calc(100% - 24px);
    width: 50%;
    z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-skill-1-img {
        width: 40%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-skill-1-img {
        width: 40%;
        position: unset;
        height: 400px;
        width: 100%;
        margin-top: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* 
    skill-1-end
*/
/* 
    fx-faq-1-start
*/
.fx-accordion-item {
    border-bottom: 1px solid #dfe1e5;
}
.fx-accordion-item:nth-child(1) {
    border-top: 1px solid #dfe1e5;
}
.fx-accordion-item .item-title {
    border: none;
    outline: none;
    font-size: 20px;
    color: #000;
    background: transparent;
    width: 100%;
    text-align: left;
    padding: 26px 0;
    position: relative;
    z-index: 1;
    display: flex;
    gap: 28px;
    transition: all 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) {
    .fx-accordion-item .item-title {
        font-size: 18px;
        padding: 24px 20px;
    }
}
.fx-accordion-item .item-title .icon {
    display: inline-block;
    color: var(--laa-clr-sd-1);
    transition: all 0.5s var(--cube-1);
    transform-origin: center center;
}
.fx-accordion-item .item-title:hover {
    color: rgba(0, 0, 0, 0.6549019608);
}
.fx-accordion-item .item-title:is(:not(.collapsed)) .icon {
    transform: rotate(90deg);
    color: var(--fx-clr-pr-1);
}
.fx-accordion-item .item-body p {
    margin-bottom: 0;
    padding-bottom: 28px;
}

.laa-phone {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}
.laa-phone .icon {
    flex: 0 0 auto;
    max-width: 64px;
    transition: all 0.5s var(--laa-cube-1);
}
.laa-phone .title {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
}
.laa-phone .phone-link {
    font-size: 23px;
    font-weight: 600;
    transition: all 0.5s var(--laa-cube-1);
}
.laa-phone span {
    display: inline-block;
}
.laa-phone:hover .icon {
    transform: rotate(15deg);
}
.laa-phone:hover .phone-link {
    color: var(--laa-clr-sd-1);
    transform: translateX(-3px);
}

.fx-faqs-1-wrap {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}

/* 
    laa-faq-1-end
*/
/* 
    career-1-start
*/
.fx-career-img-slider-single {
    height: 512px;
    border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-career-img-slider-single {
        height: 400px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-career-img-slider-single {
        height: 350px;
    }
}
@media (max-width: 767px) {
    .fx-career-img-slider-single {
        height: 300px;
    }
}
.fx-career-img-slider-btn {
    display: flex;
    align-items: center;
    padding: 0 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 1;
    justify-content: space-between;
}

.fx-career-benifit-1-scn-title {
    max-width: 700px;
}
.fx-career-benifit-1-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-career-benifit-1-item {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-career-benifit-1-item {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-career-benifit-1-item {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-career-benifit-1-item-single {
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    padding: 34px 36px;
}
@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) {
    .fx-career-benifit-1-item-single {
        padding: 34px 20px;
    }
}
.fx-career-benifit-1-item-single .item-icon {
    width: 52px;
    margin-bottom: 24px;
}
.fx-career-benifit-1-item-single .item-title {
    font-size: 20px;
    margin-bottom: 16px;
}
.fx-career-benifit-1-item-single .item-disc {
    font-size: 16px;
    line-height: 26px;
}
.fx-career-benifit-1-item-single:hover .item-icon {
    animation: fd-bounce-2 1s;
}

.fx-career-gallery-1-wrap {
    display: grid;
    grid-template-columns: 1.5fr 1fr 0.5fr;
    gap: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-career-gallery-1-wrap {
        grid-template-columns: 1.5fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-career-gallery-1-wrap {
        grid-template-columns: 1fr;
    }
}
.fx-career-gallery-1-scn-title {
    max-width: 515px;
    margin-top: 110px;
    margin-bottom: 151px;
}
@media (max-width: 767px) {
    .fx-career-gallery-1-scn-title {
        margin-top: 0;
        margin-bottom: 50px;
    }
}
.fx-career-gallery-1-img-1 {
    height: 386px;
}
.fx-career-gallery-1-img-2 {
    max-width: 271px;
    height: 227px;
    margin-left: auto;
    margin-bottom: 240px;
}
@media (max-width: 767px) {
    .fx-career-gallery-1-img-2 {
        margin-bottom: 50px;
    }
}
.fx-career-gallery-1-disc {
    font-size: 17px;
    line-height: 30px;
    opacity: 82%;
    max-width: 317px;
}
.fx-career-gallery-1-big-img {
    margin-right: -360px;
    height: 771px;
    margin-top: 20px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .fx-career-gallery-1-big-img {
        margin-right: -200px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .fx-career-gallery-1-big-img {
        margin-right: -100px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-career-gallery-1-big-img {
        margin-right: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-career-gallery-1-big-img {
        margin-right: 0px;
        height: 300px;
    }
}

.fx-career-opening-1-scn-title {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}
.fx-career-opening-1-scn-title .scn-disc {
    margin-top: 17px;
}
.fx-career-opening-1-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
@media (max-width: 767px) {
    .fx-career-opening-1-wrap {
        grid-template-columns: 1fr;
    }
}
.fx-career-opening-1-item {
    background-image: url(../img/career/noice.html);
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 45px 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-career-opening-1-item {
        padding: 45px 20px;
    }
}
@media (max-width: 767px) {
    .fx-career-opening-1-item {
        padding: 45px 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-career-opening-1-item {
        padding: 45px 48px;
    }
}
.fx-career-opening-1-item .item-title {
    font-size: 24px;
    margin-bottom: 19px;
    transition: all 0.3s var(--cube-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-career-opening-1-item .item-title {
        font-size: 20px;
    }
}
.fx-career-opening-1-item .item-title:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(3px);
}
.fx-career-opening-1-item .item-tag {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.fx-career-opening-1-item .item-tag li {
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    font-weight: 400;
    color: #414141;
    background: #fff;
    padding: 10px 14px;
}
.fx-career-opening-1-item .item-disc {
    margin-bottom: 24px;
}

/* 
    career-1-end
*/
/* 
    career-single-start
*/
.fx-career-single-content {
    max-width: 730px;
}
.fx-career-single-content h1,
.fx-career-single-content h2,
.fx-career-single-content h3,
.fx-career-single-content h4,
.fx-career-single-content h5,
.fx-career-single-content h6,
.fx-career-single-content p,
.fx-career-single-content span,
.fx-career-single-content li {
    font-family: var(--fx-font-pr-1);
    color: #000;
}
.fx-career-single-content h1 {
    font-size: 40px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-career-single-content h1 {
        font-size: 36px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-career-single-content h1 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .fx-career-single-content h1 {
        font-size: 26px;
    }
}
.fx-career-single-content > h2 {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-career-single-content > h2 {
        font-size: 32px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-career-single-content > h2 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .fx-career-single-content > h2 {
        font-size: 24px;
    }
}
.fx-career-single-content h3 {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-career-single-content h3 {
        font-size: 26px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-career-single-content h3 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .fx-career-single-content h3 {
        font-size: 22px;
    }
}
.fx-career-single-content h4 {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-career-single-content h4 {
        font-size: 22px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-career-single-content h4 {
        font-size: 20px;
    }
}
.fx-career-single-content h5 {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-career-single-content h5 {
        font-size: 18px;
    }
}
.fx-career-single-content h6 {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
}
.fx-career-single-content p {
    opacity: 72%;
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 18px;
}
.fx-career-single-content ul {
    margin-bottom: 60px;
}
.fx-career-single-content ul li {
    font-size: 18px;
    line-height: 28px;
    opacity: 72%;
    padding-left: 16px;
    position: relative;
    z-index: 1;
}
.fx-career-single-content ul li:not(:last-child) {
    margin-bottom: 18px;
}
.fx-career-single-content ul li::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    background: var(--fx-clr-pr-1);
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.fx-career-single-content .gap-h-32 {
    width: 100%;
    height: 32px;
}
.fx-career-single-sidebar {
    background: #eeeeee;
    padding: 40px;
    border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-career-single-sidebar {
        padding: 40px 20px;
    }
}
@media (max-width: 767px) {
    .fx-career-single-sidebar {
        padding: 40px 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-career-single-sidebar {
        padding: 40px;
    }
}
.fx-career-single-sidebar-list {
    margin-bottom: 28px;
}
.fx-career-single-sidebar-list li {
    font-family: var(--fx-font-pr-1);
    color: #000;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #dfe1e5;
    padding-bottom: 17px;
}
.fx-career-single-sidebar-list li:not(:last-child) {
    margin-bottom: 18px;
}
.fx-career-single-sidebar-list li span {
    opacity: 72%;
    margin-left: auto;
}
.fx-career-single-sidebar-btn {
    width: 100%;
    text-align: center;
    border: 2px solid var(--fx-clr-pr-1);
    background: transparent;
    padding: 17px 27px;
}
.fx-career-single-sidebar-btn .text::before {
    color: var(--fx-clr-pr-1);
}
.fx-career-single-sidebar-btn:hover {
    background: var(--fx-clr-pr-1);
}

/* 
    career-single-end
*/
/* 
    job-apply-start
*/
.fx-job-apply {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    background: #f3f3f3;
    padding: 50px 45px;
    border-radius: 16px;
}
.fx-job-apply-area {
    padding-top: 250px;
}
@media (max-width: 767px) {
    .fx-job-apply {
        padding: 50px 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-job-apply {
        padding: 50px 45px;
    }
}
.fx-job-apply-title {
    font-size: 32px;
    opacity: 88%;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .fx-job-apply-title {
        font-size: 22px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-job-apply-title {
        font-size: 26px;
    }
}
.fx-job-apply-form-box:not(:last-child) {
    margin-bottom: 31px;
}
.fx-job-apply-form-box:focus-within .fx-job-apply-form-label {
    color: var(--fx-clr-pr-1);
    opacity: 1;
}
.fx-job-apply-form-upload {
    position: relative;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.fx-job-apply-form-upload::after {
    content: "";
    width: 120%;
    height: 1px;
    background: #dfe1e5;
    position: absolute;
    top: 0;
    left: -60px;
}
.fx-job-apply-form-upload::before {
    content: "";
    width: 120%;
    height: 1px;
    background: #dfe1e5;
    position: absolute;
    bottom: 0;
    left: -60px;
}
.fx-job-apply-form-aditional {
    position: relative;
    z-index: 1;
    padding-top: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.fx-job-apply-form-aditional::after {
    content: "";
    width: 120%;
    height: 1px;
    background: #dfe1e5;
    position: absolute;
    top: 0;
    left: -60px;
}
.fx-job-apply-form-label {
    font-family: var(--fx-font-pr-1);
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    font-size: 12px;
    display: block;
    line-height: 1;
    letter-spacing: 1.5px;
    margin-bottom: 0px;
    transition: all 0.3s var(--cube-1);
}
.fx-job-apply-form-label-2 {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    display: block;
    line-height: 26px;
    margin-bottom: 0px;
    transition: all 0.3s var(--cube-1);
    margin-bottom: 11px;
}
.fx-job-apply-form-input {
    background: transparent;
    display: block;
    width: 100%;
    height: 45px;
    border: none;
    outline: none;
    margin: 0;
    padding: 0px 0px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    transition: all 0.3s var(--cube-1);
}
.fx-job-apply-form-input::placeholder {
    opacity: 56%;
    font-weight: 400;
}
.fx-job-apply-form-input:is(textarea) {
    height: 100px;
}
.fx-job-apply-form-input:hover {
    border-color: #000;
}
.fx-job-apply-form .country {
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.54);
}
.fx-job-apply-form [type="file"] {
    color: #837a81;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.fx-job-apply-form [type="file"]::-webkit-file-upload-button {
    background: transparent;
    border: 2px solid var(--fx-clr-pr-1);
    border-radius: 4px;
    color: var(--fx-clr-pr-1);
    cursor: pointer;
    font-size: 16px;
    outline: none;
    height: 40px;
    width: 130px;
    text-transform: capitalize;
    font-weight: 500;
    transition: all 0.5s ease;
    margin-right: 20px;
}
.fx-job-apply-form [type="file"]::-webkit-file-upload-button:hover {
    background: var(--fx-clr-pr-1);
    border-color: transparent;
    color: #000;
}
.fx-job-apply-form-radio {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    font-weight: 400;
    color: #494949;
    font-size: 18px;
    line-height: 36px;
    margin-right: 30px;
}
.fx-job-apply-form-agree {
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    display: flex;
    align-items: baseline;
    gap: 10px;
    line-height: 26px;
    margin-bottom: 0px;
}
.fx-job-apply-form input::-webkit-outer-spin-button,
.fx-job-apply-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* 
    job-apply-end
*/
/* 
    breadcrumb-start
*/
.breadcrumb-area {
    position: relative;
    z-index: 1;
    padding-top: 85px;
    border-radius: 0 0 32px 32px;
    overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-area {
        padding-top: 200px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-area {
        padding-top: 250px;
    }
}
@media (max-width: 767px) {
    .breadcrumb-area {
        padding-top: 200px;
    }
}
.breadcrumb-area::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #021f45;
    opacity: 52%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}
.breadcrumb-area::before {
    content: "";
    width: 100%;
    height: 165px;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 212, 255, 0) 100%
    );
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.breadcrumb-area:is(.has-details) {
    padding-top: 270px;
}
.breadcrumb-area:is(.has-details) .breadcrumb-content {
    max-width: 520px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .breadcrumb-area:is(.has-details) .breadcrumb-content {
        padding-bottom: 100px;
    }
}
.breadcrumb-wrap {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 50px;
    align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-wrap {
        grid-template-columns: 1fr 0.8fr;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .breadcrumb-wrap {
        grid-template-columns: 1fr;
    }
}
.breadcrumb-content {
    padding-bottom: 145px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .breadcrumb-content {
        padding-bottom: 0px;
    }
}
.breadcrumb-content .breadcrumb-slideup {
    transform: translateY(100%);
    transition: all 1s var(--cube-1);
}
.breadcrumb-title {
    font-family: var(--fx-font-pr-1);
    font-size: 64px;
    line-height: 0.95;
    letter-spacing: -2px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 26px;
    transition: all 1s var(--cube-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .breadcrumb-title {
        font-size: 55px;
        letter-spacing: -1px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-title {
        font-size: 50px;
        letter-spacing: -1px;
        line-height: 1;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-title {
        font-size: 48px;
        letter-spacing: 0px;
        line-height: 1;
    }
}
@media (max-width: 767px) {
    .breadcrumb-title {
        font-size: 28px;
        letter-spacing: 0px;
        line-height: 1;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .breadcrumb-title {
        font-size: 44px;
        letter-spacing: 0px;
        line-height: 1;
    }
}
.breadcrumb-title .split-line {
    overflow: hidden;
}
.breadcrumb-title .split-line div {
    transform: translateY(100%);
    transition: all 1s var(--cube-1);
}
.breadcrumb-list {
    margin-bottom: 15px;
}
.breadcrumb-list a,
.breadcrumb-list span {
    font-weight: 400;
    font-size: 18px;
    font-family: var(--fx-font-pr-1);
    line-height: 28px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.breadcrumb-list a {
    padding-right: 17px;
    position: relative;
    transition: 300ms;
}
.breadcrumb-list a:hover {
    color: var(--fx-clr-pr-1);
}
.breadcrumb-list a::after {
    content: "/";
    position: absolute;
    right: 0;
    top: 14px;
    transform: translateY(-50%);
    font-size: 22px;
    color: #fff;
    opacity: 60%;
}
.breadcrumb-list span {
    opacity: 60%;
}
.breadcrumb-disc {
    max-width: 510px;
    margin-bottom: 28px;
}
.breadcrumb-img {
    margin-right: -90px;
    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),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .breadcrumb-img {
        margin-right: 0px;
    }
}
.breadcrumb-img::before {
    content: "";
    width: 100%;
    height: 165px;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 212, 255, 0) 100%
    );
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.breadcrumb-area:is(.has-details):is(.has-blog-details) .breadcrumb-content {
    max-width: 905px;
}

/* 
    breadcrumb-end
*/
/* 
    services-details-start
*/
.fx-services-details-content {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}
.fx-services-details-content h1,
.fx-services-details-content h2,
.fx-services-details-content h3,
.fx-services-details-content h4,
.fx-services-details-content h5,
.fx-services-details-content h6,
.fx-services-details-content p,
.fx-services-details-content span,
.fx-services-details-content li {
    font-family: var(--fx-font-pr-1);
    color: #000;
}
.fx-services-details-content h1 {
    font-size: 40px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-services-details-content h1 {
        font-size: 36px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-services-details-content h1 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .fx-services-details-content h1 {
        font-size: 26px;
    }
}
.fx-services-details-content > h2 {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-services-details-content > h2 {
        font-size: 32px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-services-details-content > h2 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .fx-services-details-content > h2 {
        font-size: 24px;
    }
}
.fx-services-details-content h3 {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-services-details-content h3 {
        font-size: 28px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-services-details-content h3 {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .fx-services-details-content h3 {
        font-size: 22px;
    }
}
.fx-services-details-content h4 {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-services-details-content h4 {
        font-size: 22px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-details-content h4 {
        font-size: 20px;
    }
}
.fx-services-details-content h5 {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-details-content h5 {
        font-size: 18px;
    }
}
.fx-services-details-content h6 {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 35px;
    text-transform: uppercase;
}
.fx-services-details-content p {
    opacity: 72%;
    font-weight: 400;
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 40px;
}
.fx-services-details-content .list-img {
    border-radius: 8px;
    height: 260px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-details-content .list-img {
        margin-top: 50px;
    }
}
.fx-services-details-content ul li {
    font-size: 18px;
    line-height: 28px;
    opacity: 72%;
    padding-left: 32px;
    position: relative;
    z-index: 1;
}
.fx-services-details-content ul li:not(:last-child) {
    margin-bottom: 18px;
}
.fx-services-details-content ul li::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url("../img/bg/check.html");
    width: 20px;
    height: 20px;
}
.fx-services-details-content .fx-video-1 {
    margin-right: -140px;
    margin-left: -140px;
    border-radius: 8px;
    height: 365px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-details-content .fx-video-1 {
        margin-right: 0px;
        margin-left: 0px;
    }
}
.fx-services-details-content .fx-video-1-btn {
    padding: 20px 32px;
    padding-bottom: 17px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
    .fx-services-details-content .fx-video-1-btn {
        padding: 8px 6px;
        padding-bottom: 2px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-services-details-content .fx-video-1-btn {
        padding: 20px 32px;
        padding-bottom: 17px;
    }
}
.fx-services-details-feature-single {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 30px 0;
    position: relative;
    z-index: 1;
}
.fx-services-details-feature-single:not(:last-child) {
    margin-bottom: 28px;
}
.fx-services-details-feature-single::after {
    content: "";
    width: calc(100% - 40px);
    height: 100%;
    background: transparent;
    border: 1px solid #dfe1e5;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.fx-services-details-feature-single .icon {
    width: 78px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f3f3;
    flex: 0 0 auto;
}
.fx-services-details-feature-single .feature-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.fx-services-details-feature-single .feature-disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 72%;
    margin-bottom: 0;
    max-width: 540px;
}
.fx-services-details-feature-single:hover .icon svg {
    animation: fd-bounce-2 1s;
}
.fx-services-details-feature:is(.has-2) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
@media (max-width: 767px) {
    .fx-services-details-feature:is(.has-2) {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-services-details-feature:is(.has-2) {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-services-details-feature:is(.has-2) .fx-services-details-feature-single {
    background: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 25px 28px;
    display: block;
}
.fx-services-details-feature:is(.has-2)
    .fx-services-details-feature-single::after {
    display: none;
}
.fx-services-details-feature:is(.has-2)
    .fx-services-details-feature-single
    .icon {
    width: unset;
    height: unset;
    display: inline-block;
    background: transparent;
    position: relative;
    z-index: 1;
    padding-left: 16px;
    margin-bottom: 14px;
}
.fx-services-details-feature:is(.has-2)
    .fx-services-details-feature-single
    .icon::after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.fx-services-details-testimonial {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
@media (max-width: 767px) {
    .fx-services-details-testimonial {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-services-details-testimonial {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-services-details-testimonial .fx-testimonial-2-slider-item {
    border-radius: 8px;
    padding: 40px 38px;
    background: #f6f6f6;
}
@media (max-width: 767px) {
    .fx-services-details-testimonial .fx-testimonial-2-slider-item {
        padding: 40px 20px;
    }
}
.fx-services-details-testimonial .fx-testimonial-2-slider-item .item-name {
    margin-bottom: 0px;
}
.fx-services-details-testimonial .fx-testimonial-2-slider-item .item-disc {
    margin-bottom: 0;
}
.fx-services-details-testimonial .fx-testimonial-2-slider-item .fx-star-1 {
    color: var(--fx-clr-pr-2);
}
.fx-services-details-testimonial .fx-testimonial-2-slider-item .item-comment {
    margin-bottom: 0px;
}
.fx-services-details-gallery {
    margin-right: -140px;
    margin-left: -140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-services-details-gallery {
        margin-right: 0px;
        margin-left: 0px;
    }
}
.fx-services-details-gallery .gallery-img {
    border-radius: 8px;
    margin-bottom: 30px;
}
.fx-services-details-gallery .gallery-img img {
    filter: grayscale(1);
    transition: all 0.5s var(--cube-1);
}
.fx-services-details-gallery .gallery-img:hover img {
    filter: grayscale(0);
    transform: scale(104%);
}
.fx-services-details-contact {
    max-width: 570px;
}
.fx-services-details-contact .fx-form-1 {
    max-width: 385px;
}
.fx-services-details-contact .fx-form-1 .fx-pr-btn-1 .text {
    color: #fff;
}

/* 
    services-details-end
*/
/* 
    error-start
*/
.fx-error-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 60px;
}

/* 
    error-end
*/
/* 
   footer-1-start
*/
.fx-footer-1-area {
    background: #eeeeee;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
}
.fx-footer-1-widget {
    display: grid;
    grid-template-columns: 2.5fr 1fr 2fr 1.8fr;
    gap: 50px 95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-footer-1-widget {
        grid-template-columns: 2fr 1fr 2fr 1.8fr;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-footer-1-widget {
        grid-template-columns: 1fr 1fr 2fr 1.8fr;
        gap: 50px 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-footer-1-widget {
        grid-template-columns: 1fr 1fr 2fr;
        gap: 50px 50px;
    }
}
@media (max-width: 767px) {
    .fx-footer-1-widget {
        grid-template-columns: 1fr;
        gap: 50px 50px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-footer-1-widget {
        grid-template-columns: 1fr 1fr;
        gap: 50px 50px;
    }
}
.fx-footer-1-widget-single .widget-title {
    font-size: 16px;
    opacity: 64%;
    margin-bottom: 28px;
}
.fx-footer-1-logo {
    max-width: 120px;
}
.fx-footer-1-menu li {
    line-height: 1;
}
.fx-footer-1-menu li:not(:last-child) {
    margin-bottom: 17px;
}
.fx-footer-1-menu li a {
    position: relative;
    z-index: 1;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    text-transform: capitalize;
    font-family: var(--fx-font-pr-1);
    color: #000;
    transition: all 0.3s var(--cube-1);
}
.fx-footer-1-menu li a:hover {
    color: var(--fx-clr-pr-1);
}
.fx-footer-1-menu li:is(.dropdown) > a {
    padding-right: 18px;
}
.fx-footer-1-menu li:is(.dropdown) > a::after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
    position: absolute;
    font-size: 14px;
    right: 0;
    top: 49%;
    color: var(--fx-clr-pr-1);
    transform: translateY(-50%);
    transition: 400ms var(--cube-1);
}
.fx-footer-1-menu li .has-dropdown {
    padding-top: 14px;
    padding-left: 20px;
    display: none;
}
.fx-footer-1-menu li .has-dropdown li:not(:last-child) {
    margin-bottom: 10px;
}
.fx-footer-1-menu li .has-dropdown li a {
    font-size: 14px;
}
.fx-footer-1-menu-2 li {
    line-height: 1;
}
.fx-footer-1-menu-2 li:not(:last-child) {
    margin-bottom: 18px;
}
.fx-footer-1-menu-2 li a {
    font-size: 20px;
    font-family: var(--fx-font-pr-1);
    text-transform: capitalize;
    font-weight: 400;
    padding-left: 0;
    line-height: 1;
    position: relative;
    z-index: 1;
    color: #000;
    transition: all 0.3s var(--cube-1);
}
.fx-footer-1-menu-2 li a::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--fx-clr-pr-1);
    position: absolute;
    top: 7px;
    left: 0;
    transform: scale(0);
    transition: all 0.5s var(--cube-1);
}
.fx-footer-1-menu-2 li a:hover {
    color: var(--fx-clr-pr-1);
    padding-left: 14px;
}
.fx-footer-1-menu-2 li a:hover::after {
    transform: scale(1);
}
.fx-footer-1-contact li {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-family: var(--fx-font-pr-1);
    display: flex;
    align-items: baseline;
}
.fx-footer-1-contact li:not(:last-child) {
    margin-bottom: 16px;
}
.fx-footer-1-contact li i {
    color: var(--fx-clr-pr-1);
    display: inline-block;
    margin-right: 12px;
}
.fx-footer-1-contact li a {
    display: inline-flex;
    transition: all 0.3s var(--cube-1);
}
.fx-footer-1-contact li a:hover {
    color: var(--fx-clr-pr-1);
}
.fx-footer-1-disc {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.fx-footer-1-disc-text {
    font-size: 15px;
    line-height: 22px;
    opacity: 44%;
}
@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) {
    .fx-footer-1-disc-text {
        padding-right: 60px;
    }
}
.fx-footer-1-disc .btn-posi {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
}
.fx-footer-1-copyright {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.fx-footer-1-copyright-flex {
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 767px) {
    .fx-footer-1-copyright-flex {
        justify-content: center;
        flex-wrap: wrap;
    }
}
.fx-footer-1-copyright-text {
    font-size: 16px;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.6392156863);
}
.fx-footer-1-copyright-text a {
    font-weight: 500;
    transition: all 0.3s var(--cube-1);
    color: #000;
}
.fx-footer-1-copyright-text a:hover {
    color: var(--fx-clr-pr-1);
}
.fx-footer-1-copyright-menu li {
    line-height: 1;
    display: inline-block;
}
.fx-footer-1-copyright-menu li:not(:last-child) {
    margin-right: 32px;
}
.fx-footer-1-copyright-menu li a {
    font-family: var(--fx-font-pr-1);
    font-size: 16px;
    line-height: 1;
    transition: all 0.3s var(--cube-1);
}
.fx-footer-1-copyright-menu li a:hover {
    color: var(--fx-clr-pr-1);
}

.fx-back-top-1 {
    flex: 0 0 auto;
    font-family: var(--fx-font-pr-1);
    max-width: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--fx-clr-pr-1);
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    gap: 5px;
    font-weight: 500;
    transition: all 0.5s var(--cube-1);
    cursor: pointer;
}
.fx-back-top-1:hover svg {
    animation: fx-back-top-1 1s linear infinite;
}

@keyframes fx-back-top-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}
/* 
   footer-1-end
*/
/* 
   footer-2-start
*/
.fx-footer-1-widget-single:is(.has-footer-2) .fx-footer-1-logo {
    max-width: 185px;
}
.fx-footer-1-widget-single:is(.has-footer-2) .widget-title {
    font-weight: 400;
}

.fx-footer-1-menu:is(.has-footer-2) li a {
    color: #fff;
}
.fx-footer-1-menu:is(.has-footer-2) li a:hover {
    color: var(--fx-clr-pr-1);
}

.fx-footer-1-menu-2:is(.has-footer-2) li a {
    color: #fff;
}
.fx-footer-1-menu-2:is(.has-footer-2) li a:hover {
    color: var(--fx-clr-pr-1);
}

.fx-footer-1-contact:is(.has-footer-2) li {
    color: #fff;
}

.fx-footer-1-disc:is(.has-footer-2) {
    border-top: 1px solid #08449c;
    border-bottom: 1px solid #08449c;
}
.fx-footer-1-disc:is(.has-footer-2) .btn-posi {
    border-left: 1px solid #08449c;
}

.fx-footer-1-copyright-text:is(.has-footer-2) {
    color: rgba(255, 255, 255, 0.64);
}
.fx-footer-1-copyright-text:is(.has-footer-2) a {
    color: #fff;
}
.fx-footer-1-copyright-text:is(.has-footer-2) a:hover {
    color: var(--fx-clr-pr-1);
}

.fx-footer-1-copyright-menu:is(.has-footer-2) li a {
    color: #fff;
    opacity: 72%;
}
.fx-footer-1-copyright-menu:is(.has-footer-2) li a:hover {
    color: var(--fx-clr-pr-1);
    opacity: 100%;
    transform: translateX(3px);
}

/* 
   footer-2-end
*/
/* 
   footer-3-start
*/
.fx-footer-3-area {
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 16px;
}
.fx-footer-3-bg-shape {
    width: 17%;
    position: absolute;
    bottom: 490px;
    z-index: -1;
}
.fx-footer-3-logo {
    max-width: 190px;
    flex: 0 0 auto;
}

.fx-footer-1-menu:is(.has-footer-3) li:is(.dropdown) a::after {
    color: #000;
}

.fx-footer-1-menu-2:is(.has-footer-3) li a {
    padding-left: 14px;
}
.fx-footer-1-menu-2:is(.has-footer-3) li a::after {
    background-color: #000;
    transform: scale(1);
}
.fx-footer-1-menu-2:is(.has-footer-3) li a:hover::after {
    background-color: var(--fx-clr-pr-1);
}

.fx-footer-1-contact:is(.has-footer-3) li i {
    color: #000;
}

.fx-footer-1-disc:is(.has-footer-3) {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.fx-footer-1-disc:is(.has-footer-3) .btn-posi {
    border-left: 1px solid transparent;
    background: #000;
}
.fx-footer-1-disc:is(.has-footer-3) .fx-back-top-1 {
    color: var(--fx-clr-sd-2);
}

.fx-footer-1-copyright:is(.has-footer-3) {
    border-top: 1px solid #000;
}

/* 
   footer-3-end
*/
/* 
   footer-4-start
*/
.fx-footer-4-area {
    margin-left: 12px;
    margin-right: 12px;
    clip-path: polygon(4% 0, 100% 0, 100% 90%, 95.5% 100%, 0 100%, 0 8%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-footer-4-area {
        clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0% 50%);
    }
}
.fx-footer-4-logo {
    max-width: 160px;
}
.fx-footer-4:is(.fx-footer-1-widget-single) .widget-title {
    color: #fff;
}
.fx-footer-4:is(.fx-footer-1-menu) li a {
    color: #fff;
}
.fx-footer-4:is(.fx-footer-1-menu) li a:hover {
    color: var(--fx-clr-pr-1);
}
.fx-footer-4:is(.fx-footer-1-menu-2) li a {
    color: #fff;
    padding-left: 14px;
}
.fx-footer-4:is(.fx-footer-1-menu-2) li a::after {
    transform: scale(1);
    background: #fff;
}
.fx-footer-4:is(.fx-footer-1-menu-2) li a:hover {
    color: var(--fx-clr-pr-1);
}
.fx-footer-4:is(.fx-footer-1-menu-2) li a:hover::after {
    background: var(--fx-clr-pr-1);
}
.fx-footer-4:is(.fx-footer-1-widget) {
    grid-template-columns: 2fr 1fr 2.6fr 1.8fr;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-footer-4:is(.fx-footer-1-widget) {
        gap: 50px 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-footer-4:is(.fx-footer-1-widget) {
        gap: 50px 30px;
        grid-template-columns: 1fr 1fr 2fr;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-footer-4:is(.fx-footer-1-widget) {
        gap: 50px 30px;
        grid-template-columns: 2fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-footer-4:is(.fx-footer-1-widget) {
        gap: 50px 30px;
        grid-template-columns: 1fr;
    }
}
.fx-footer-4:is(.fx-footer-1-contact) li {
    color: #fff;
}
.fx-footer-4:is(.fx-footer-1-disc) {
    border-top: 1px solid var(--fx-clr-pr-1);
    border-bottom: 1px solid var(--fx-clr-pr-1);
}
.fx-footer-4:is(.fx-footer-1-disc) .fx-footer-1-disc-text {
    opacity: 72%;
}
.fx-footer-4:is(.fx-footer-1-disc) .btn-posi {
    border-left: 1px solid var(--fx-clr-pr-1);
}
.fx-footer-4:is(.fx-footer-1-copyright) {
    border-color: var(--fx-clr-pr-1);
}
.fx-footer-4:is(.fx-footer-1-copyright) .fx-footer-1-copyright-text {
    color: rgba(255, 255, 255, 0.64);
}
.fx-footer-4:is(.fx-footer-1-copyright) .fx-footer-1-copyright-text a {
    color: #fff;
}
.fx-footer-4:is(.fx-footer-1-copyright) .fx-footer-1-copyright-text a:hover {
    color: var(--fx-clr-pr-1);
}
.fx-footer-4:is(.fx-footer-1-copyright) .fx-footer-1-copyright-menu li a {
    color: #fff;
    opacity: 72%;
}
.fx-footer-4:is(.fx-footer-1-copyright) .fx-footer-1-copyright-menu li a:hover {
    color: var(--fx-clr-pr-1);
    transform: translateX(2px);
    opacity: 100%;
}

/* 
   footer-4-end
*/
/* 
   footer-5-start
*/
.fx-footer-5-area {
    margin-top: -55px;
    position: relative;
}
.fx-footer-5-bg-shape {
    width: 14%;
    position: absolute;
    bottom: 47%;
    left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .fx-footer-5-bg-shape {
        bottom: 45.7%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-footer-5-bg-shape {
        bottom: 46.7%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    (max-width: 767px) {
    .fx-footer-5-bg-shape {
        display: none;
    }
}
.fx-footer-5-logo {
    max-width: 200px;
}
.fx-footer-5:is(.fx-footer-1-widget) {
    grid-template-columns: 3fr 1fr 1.5fr 1.8fr;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .fx-footer-5:is(.fx-footer-1-widget) {
        grid-template-columns: 2fr 1fr 1.5fr 1.8fr;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fx-footer-5:is(.fx-footer-1-widget) {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .fx-footer-5:is(.fx-footer-1-widget) {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fx-footer-5:is(.fx-footer-1-widget) {
        grid-template-columns: 1fr 1fr;
    }
}
.fx-footer-5:is(.fx-footer-1-menu) li:is(.dropdown) > a::after {
    color: #000;
}
.fx-footer-5:is(.fx-footer-1-menu) li a:hover {
    color: #fff;
}
.fx-footer-5:is(.fx-footer-1-menu) li a:hover::after {
    color: #fff;
}
.fx-footer-5:is(.fx-footer-1-menu-2) li a {
    padding-left: 14px;
}
.fx-footer-5:is(.fx-footer-1-menu-2) li a::after {
    transform: scale(1);
    background: #000;
}
.fx-footer-5:is(.fx-footer-1-menu-2) li a:hover {
    color: #fff;
    padding-left: 0;
}
.fx-footer-5:is(.fx-footer-1-menu-2) li a:hover::after {
    transform: scale(0);
}
.fx-footer-5:is(.fx-footer-1-contact) li i {
    color: #000;
}
.fx-footer-5:is(.fx-footer-1-contact) li a:hover {
    color: #fff;
}
.fx-footer-5:is(.fx-footer-1-disc) {
    border-color: #070707;
}
.fx-footer-5:is(.fx-footer-1-disc) .fx-footer-1-disc-text {
    opacity: 100%;
}
.fx-footer-5:is(.fx-footer-1-disc) .btn-posi {
    background: #070707;
}
.fx-footer-5:is(.fx-footer-1-disc) .fx-back-top-1 {
    color: var(--fx-clr-pr-2);
}
.fx-footer-5:is(.fx-footer-1-copyright) {
    border-color: #070707;
}
.fx-footer-5:is(.fx-footer-1-copyright) .fx-footer-1-copyright-text a:hover {
    color: #fff;
}
.fx-footer-5:is(.fx-footer-1-copyright-menu) li a:hover {
    color: #fff;
}

/* 
   footer-5-end
*/

/* Floating Contact Buttons CSS */
.floating-contact-container {
    position: fixed;
    left: 20px;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.floating-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
    text-decoration: none;
    position: relative;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    background-color: #fff;
}

.floating-btn::before,
.floating-btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%;
    z-index: -1;
    left: 0;
    top: 0;
}

.floating-btn::after {
    animation: floatingPulse 2s infinite;
}

.floating-btn::before {
    animation: floatingPulse 2s infinite;
    animation-delay: 1s;
}

/* Phone - Blue */
.phone-btn {
    color: #0052cc;
    border: 1px solid #cce0ff;
}
.phone-btn::after,
.phone-btn::before {
    border: 1px solid #0052cc;
}

/* Email - Gold */
.email-btn {
    color: #c09150;
    border: 1px solid #f2e4d0;
}
.email-btn::after,
.email-btn::before {
    border: 1px solid #c09150;
}

/* WhatsApp - Green */
.whatsapp-btn {
    color: #25d366;
    border: 1px solid #cbf4d8;
}
.whatsapp-btn::after,
.whatsapp-btn::before {
    border: 1px solid #25d366;
}

.floating-btn:hover {
    transform: scale(1.1);
}
.phone-btn:hover {
    background: #0052cc;
    color: #fff;
}
.email-btn:hover {
    background: #c09150;
    color: #fff;
}
.whatsapp-btn:hover {
    background: #25d366;
    color: #fff;
}

@keyframes floatingPulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

/* For smaller screens, adjust position to bottom instead of center to avoid overlaying content */
@media (max-width: 768px) {
    .floating-contact-container {
        bottom: 30px;
        transform: translateY(0);
        gap: 20px;
    }
    .floating-btn {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }
}

/*# sourceMappingURL=main.css.map */