/* Telegraf Font */

@font-face {
    font-family: 'Telegraf';
    src: url('../fonts/Telegraf/Telegraf-UltraLight.eot');
    src: url('../fonts/Telegraf/Telegraf-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Telegraf/Telegraf-UltraLight.woff2') format('woff2'),
        url('../fonts/Telegraf/Telegraf-UltraLight.woff') format('woff'),
        url('../fonts/Telegraf/Telegraf-UltraLight.ttf') format('truetype'),
        url('../fonts/Telegraf/Telegraf-UltraLight.svg#Telegraf-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Telegraf';
    src: url('../fonts/Telegraf/Telegraf-UltraBold.eot');
    src: url('../fonts/Telegraf/Telegraf-UltraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Telegraf/Telegraf-UltraBold.woff2') format('woff2'),
        url('../fonts/Telegraf/Telegraf-UltraBold.woff') format('woff'),
        url('../fonts/Telegraf/Telegraf-UltraBold.ttf') format('truetype'),
        url('../fonts/Telegraf/Telegraf-UltraBold.svg#Telegraf-UltraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Telegraf';
    src: url('../fonts/Telegraf/Telegraf-Regular.eot');
    src: url('../fonts/Telegraf/Telegraf-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Telegraf/Telegraf-Regular.woff2') format('woff2'),
        url('../fonts/Telegraf/Telegraf-Regular.woff') format('woff'),
        url('../fonts/Telegraf/Telegraf-Regular.ttf') format('truetype'),
        url('../fonts/Telegraf/Telegraf-Regular.svg#Telegraf-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html {
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth
}

html,
body {
    overflow-x: clip;
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

a,
aside,
body,
del,
div,
dl,
footer,
header,
li,
main,
ol,
p,
section,
span,
ul {
    padding: 0;
    margin: 0;
    text-shadow: none;
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    list-style: none;
    line-height: normal;
}

b,
strong {
    font-weight: 700;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Telegraf', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    overflow-x: clip;
}

p {
    margin-bottom: 30px;
}

a {
    color: #000000;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}

a:hover,
a:focus,
a:active {
    color: #F58F49;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
}

.mtb-120 {
    margin: 120px 0;
}

.mt-120 {
    margin-top: 120px;
}

.mt-70 {
    margin-top: 70px;
}

.mb-120 {
    margin-bottom: 120px;
}


header {
    padding: 22px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    z-index: 99;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
    border-radius: 0 0 10px 10px;
}

header.sticky {
    padding: 20px 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

header .navbar,
header .navbar-brand {
    padding: 0;
}

header .menu-item+.menu-item {
    margin-left: 50px;
}

header .menu-item:not(:last-child) a {
    display: inline-block;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    position: relative;
    transition: all 0.4s ease-in-out;
}

header .menu-item:not(:last-child) a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #F58F49;
    transition: all 0.4s ease-in-out;
}

header .menu-item:not(:last-child).current-menu-item>a {
    font-weight: 800;
}

header .menu-item:not(:last-child) a:hover,
header .menu-item:not(:last-child).current-menu-item>a {
    color: #F58F49;
}

header .menu-item:not(:last-child) a:hover::after,
header .menu-item:not(:last-child).current-menu-item>a::after {
    width: 100%;
}

header .menu-item:last-child a {
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    padding: 16px 33px;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
    color: #FFFFFF;
    background-color: #275AF3;
    border: 1px solid transparent;
}

header .menu-item:last-child a:hover {
    background-color: #FFFFFF;
    border-color: #275AF3;
    color: #275AF3;
}

/* Home Banner */

.fc-hm-banner {
    height: 800px;
    margin-top: 104px;
}

.fc-banner-box {
    padding-top: 60px;
}

.banner-desc h1,
.banner-desc h2 {
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    color: #F58F49;
    margin-bottom: 15px;
}

.banner-desc h1 b,
.banner-desc h1 strong,
.banner-desc h2 b,
.banner-desc h2 strong {
    color: #275AF3;
}

.banner-desc p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #535151;
    margin-bottom: 15px;
    max-width: 95%;
}

.default-btn {
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    padding: 16px 33px;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
    color: #FFFFFF;
    background-color: #275AF3;
    border: 1px solid transparent;
}

.default-btn:hover {
    background-color: #FFFFFF;
    border-color: #275AF3;
    color: #275AF3;
}

.banner-img img,
.project-img img,
.about-img img,
.coming-img img {
    width: 100%;
    object-fit: cover;
}

.fc-banner-navigation .fcban-next::after,
.fc-banner-navigation .fcban-prev::after {
    display: none;
}

.fc-banner-navigation .fcban-next,
.fc-banner-navigation .fcban-prev {
    height: 50px;
    width: 50px;
    border-radius: 10px;
    border: 1px solid #275AF3;
}

.fc-banner-navigation .fcban-next {
    padding: 10px;
}

.fc-banner-navigation .fcban-prev {
    padding: 5px;
}

.custome-pagination {
    position: static;
    margin-top: 30px;
}

.custome-pagination.fcban-pagination {
    position: absolute;
    margin-top: 0px;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    width: fit-content;
    display: flex;
    column-gap: 6px;
    display: none;
}

.custome-pagination .swiper-pagination-bullet {
    height: 5px;
    width: 7px;
    border-radius: 10px;
    opacity: 1;
    background-color: #A3B5ED;
    transition: all 0.4 ease-in-out;
}

.custome-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 49px;
    background-color: #275AF3;
}


.banner-shap {
    position: absolute;
}

.banner-shap-1 {
    bottom: 0;
    left: 0;
}

.banner-shap-2 {
    bottom: 60px;
    left: 47%;
    transform: translateX(-50%);
}

.tile-count-box {
    max-width: 300px;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 24px 35px;
    text-align: center;
    box-shadow: 0px 4px 74px 0 rgba(0, 0, 0, 0.05);
}

.tile-count-box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    margin-top: 6px;
    margin-bottom: 6px;
}

.tile-count-box h4 {
    font-weight: 700;
    font-size: 48px;
    line-height: 71px;
    color: #000000;
    margin-bottom: 0;
}

.banner-shap-3 {
    bottom: 48px;
    right: 220px;
}

.banner-shap-3 h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 59px;
    text-align: right;
    color: #275AF3;
    margin-bottom: 0;
}

.banner-desc-slider,
.banner-img-slider {
    overflow: hidden;
}

.fc-banner-box .row .col-xxl-5 {
    position: relative;
    left: 200px;
}

/* Home Product */

.title-design {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 10px;
}

.title.text-center .title-design {
    justify-content: center;
}

.title h4 {
    font-family: 'Telegraf';
    font-weight: 800;
    font-size: 20px;
    line-height: 30px;
    color: #275AF3;
    margin-bottom: 0;
    margin-top: 7px;
}

.title h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #F58F46;
    margin-bottom: 30px;
}


.title h2 b,
.title h2 strong {
    color: #275AF3;
}

.title p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #58595B;
    margin-bottom: 30px;
}



.fc-hm-product .title {
    height: 100%;
    background-color: #FFFFFF;
    position: relative;
    z-index: 10;
}

.fc-hm-product .title::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    right: -60%;
    bottom: 0;
    background-color: #FFFFFF;
    z-index: -1;
    display: none;
}

.fc-hm-product .title h2 {
    color: #090914;
    margin-bottom: 20px;
}

.project-box {
    border-radius: 20px;
}

.project-slider .project-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.project-desc {
    padding: 25px 30px;
    display: none;
}

.project-desc h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    color: #FFFFFF;
    margin-bottom: 13px;
}

.project-desc p {
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 13px;
}

.arrow-btn {
    font-weight: 800;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.arrow-btn:hover svg path,
.arrow-btn:hover svg {
    transition: all ease-in-out 0.4s;
}

.arrow-btn:hover svg path {
    fill: #F58F49;
}

.arrow-btn:hover svg {
    transform: rotate(30deg);
}


.project-slider .swiper-wrapper {
    align-items: center;
}

.project-slider .swiper-slide {
    height: auto;
    transform: scale(0.75);
    opacity: 0.6;
}

.project-slider .swiper-slide.swiper-slide-next {
    transform: scale(0.75) translateX(40px);
}

.project-slider .swiper-slide.swiper-slide-prev {
    transform: scale(0.75) translateX(-40px);
}

.project-slider .swiper-slide.swiper-slide-active .project-box {
    background-color: #275AF3;
}

.project-slider .swiper-slide.swiper-slide-active .project-desc {
    display: block;
}

.project-slider .swiper-slide.swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    height: auto;
}

.project-slider .swiper-slide.swiper-slide-active .project-img img {
    height: 270px;
}

.pro-list-slider .swiper-slide {
    height: auto;
}

.pro-list-box {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #275AF3;
}

.pro-img img {
    width: 100%;
    height: 242px;
    object-fit: cover;
}


.pro-desc {
    padding: 15px;
    background-color: #e2e8fb63;
}

.pro-desc h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Home Coming */

.coming-bg {
    padding: 60px 0;
    position: relative;
}

.coming-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    right: -50px;
    bottom: 0;
    background-color: rgba(39, 90, 243, 0.1);
    border-radius: 30px;
    z-index: -1;
}

.coming-bg .title h2 {
    margin-bottom: 30px;
}

.coming-form .row {
    row-gap: 20px;
}

.coming-form .forminator-label,
.manufac-form .forminator-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #344054 !important;
    margin-bottom: 6px !important;
}

.coming-form .forminator-input,
.coming-form .forminator-textarea,
.manufac-form .forminator-input {
    padding: 12px 16px !important;
    border: 1px solid #D0D5DD !important;
    border-radius: 8px !important;
    font-family: 'Telegraf' !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #667085 !important;
    outline: none !important;
}

.select2-selection {
    outline: none !important;
}

.coming-form .forminator-select .select2-selection,
.manufac-form .forminator-select .select2-selection {
    border-color: #D0D5DD !important;
    border-radius: 8px !important;
    color: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

.coming-form .forminator-select .select2-selection .select2-selection__rendered,
.manufac-form .forminator-select .select2-selection .select2-selection__rendered {
    padding: 12px 16px !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #667085 !important;
}

.coming-form .forminator-select .select2-selection .select2-selection__arrow .forminator-icon-chevron-down::before,
.manufac-form .forminator-select .select2-selection .select2-selection__arrow .forminator-icon-chevron-down::before {
    color: #667085 !important;
}

.select2-container .forminator-dropdown--default {
    background-color: #FFFFFF !important;
    border-color: #F58F46 !important;
}

.select2-container .forminator-dropdown--default .select2-results__option--selectable.select2-results__option--highlighted,
.select2-container .forminator-dropdown--default .select2-results__option--selectable.select2-results__option--selected {
    background-color: #F58F46 !important;
    color: #FFFFFF !important;
    outline: none !important;
}

.forminator-field-checkbox>.forminator-field {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px;
}

.forminator-field-checkbox>.forminator-field .forminator-label {
    width: 100% !important;
    margin-bottom: 0px !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
}

.forminator-field-checkbox>.forminator-field .forminator-checkbox {
    margin-top: 0 !important;
    margin-bottom: 0px !important;
}

.forminator-field-checkbox>.forminator-field .forminator-checkbox:last-child {
    margin-bottom: 0 !important;
}

.forminator-field-checkbox>.forminator-field .forminator-checkbox .forminator-checkbox-box {
    background-color: #FFFFFF !important;
    border-color: #F58F46 !important;
}

.forminator-field-checkbox>.forminator-field .forminator-checkbox .forminator-checkbox-box::before {
    color: #F58F46 !important;
}

.manufac-form .forminator-select2-selections>.select2-selection__choice, .coming-form .forminator-select2-selections>.select2-selection__choice {
    background-color: #275AF3 !important;
    color: #FFFFFF !important;
}


.coming-form .forminator-button,
.manufac-form .forminator-button {
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 21px !important;
    padding: 16px 33px !important;
    border-radius: 10px !important;
    border: 1px solid #275AF3 !important;
    transition: all 0.4s ease-in-out !important;
    color: #FFFFFF !important;
    background-color: #275AF3 !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}

.coming-form .forminator-button:hover,
.manufac-form .forminator-button:hover {
    color: #275AF3 !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
}


/* Home About */

.ab-count-box+.ab-count-box {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D9D9D9;
}

.ab-count-box h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 59px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #275AF3;
    margin-bottom: 5px;
}

.ab-count-box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #535151;
    margin-bottom: 0;
}

.title h2 span {
    display: block;
}

.title p a {
    color: #255BF3;
}

.like-box-main {
    display: flex;
    align-items: center;
    column-gap: 18px;
    margin-bottom: 30px;
    max-width: 364px;
}

.like-box-main .like-box {
    text-align: center;
    padding: 12px 13px;
    border-radius: 10px;
    background-color: rgba(245, 143, 73, 0.2);
}

.like-box-main .like-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #58595B;
    margin-bottom: 0;
    margin-top: 7px;
}

/* Home Value */

.fc-hm-value {
    padding-top: 27px;
    position: relative;
}

.fc-hm-value::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 190px;
    background: linear-gradient(-180deg, rgba(245, 143, 73, 0) 0%, rgba(245, 143, 73, 0.3) 100%);
    clip-path: ellipse(70% 100% at 50% 0%);
    z-index: -1;
}

.fc-hm-value .title p {
    max-width: 50%;
    margin: 0 auto 30px;
}

.fc-hm-value .row+.row {
    margin-top: 40px;
    row-gap: 30px;
}

.fc-hm-value .row+.row .col-md-4:nth-child(2) {
    margin-top: 35px;
}

.value-icon {
    width: 126px;
    height: 126px;
    background-color: #255BF3;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
}

.value-desc h3 {
    font-family: 'Telegraf', sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    text-transform: capitalize;
    color: #275AF3;
    margin-bottom: 10px;
}

.value-desc p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: rgba(101, 102, 104, 0.9);
    margin: 0 auto;
    max-width: 80%;
}

/* Home Process */

.title.title.text-center:has(p) h2 {
    margin-bottom: 10px;
}

.fc-hm-process .title p {
    max-width: 80%;
    margin: 0 auto 30px;
}

.fc-hm-process .row+.row,
.fc-hm-testi .row+.row,
.fc-ab-timeline .row+.row,
.fc-pro-list .row+.row,
.fc-pro-fuature .row+.row,
.fc-hm-product .row+.row {
    margin-top: 20px;
    row-gap: 30px;
}

.process-grid-main {
    display: flex;
    justify-content: space-between;
    margin: auto;
    gap: 20px;
}

.process-box {
    border-radius: 50%;
    position: relative;
    max-width: 220px;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}


.process-icon {
    height: 196px;
    width: 196px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin: 5px 5px 25px;
    font-size: 40px;
    color: #f47b2a;
    position: relative;
}


.process-icon::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background-image: url("data:image/svg+xml,%3Csvg width='103' height='103' viewBox='0 0 103 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M102.5 0C89.0395 -1.60515e-07 75.7108 2.65124 63.2749 7.80235C50.8391 12.9535 39.5396 20.5036 30.0215 30.0216C20.5035 39.5396 12.9534 50.8391 7.80234 63.275C2.65124 75.7108 -2.03248e-06 89.0395 0 102.5L102.5 102.5L102.5 0Z' fill='%23255BF3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    z-index: -1;
}

.process-box:nth-child(2) .process-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='189' height='105' viewBox='0 0 189 105' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M188.232 45.9035C175.885 27.6483 157.983 13.8588 137.181 6.58014C116.379 -0.698487 93.7849 -1.07859 72.7498 5.49621C51.7147 12.071 33.3589 25.2505 20.4048 43.0801C7.45068 60.9097 0.588171 82.4397 0.835074 104.477L103.329 103.329L188.232 45.9035Z' fill='%23255BF3'/%3E%3C/svg%3E%0A");
}

.process-box:nth-child(3) .process-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='206' height='160' viewBox='0 0 206 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M188.575 159.391C197.427 145.959 202.993 130.633 204.823 114.651C206.653 98.6701 204.696 82.4822 199.111 67.3972C193.525 52.3122 184.468 38.7536 172.671 27.818C160.874 16.8824 146.669 8.8768 131.204 4.44875C115.74 0.0206925 99.4505 -0.70551 83.6534 2.32887C67.8563 5.36326 52.9951 12.073 40.2719 21.9155C27.5486 31.758 17.3205 44.4568 10.4147 58.985C3.50899 73.5131 0.119519 89.4626 0.520455 105.543L102.989 102.989L188.575 159.391Z' fill='%23255BF3'/%3E%3C/svg%3E%0A");
}

.process-box:nth-child(4) .process-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='206' height='206' viewBox='0 0 206 206' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.4409 175.398C47.1864 192.189 69.2359 202.654 92.8325 205.01C116.429 207.367 140.113 201.468 159.848 188.32C179.583 175.172 194.149 155.588 201.064 132.905C207.978 110.221 206.814 85.8421 197.768 63.921C188.723 41.9999 172.357 23.8933 151.458 12.6863C130.56 1.47924 106.422 -2.13477 83.1573 2.46003C59.8928 7.05482 38.9412 19.5741 23.8723 37.8848C8.80353 56.1955 0.549879 79.1646 0.517702 102.878L103.018 103.018L30.4409 175.398Z' fill='%23255BF3'/%3E%3C/svg%3E%0A");
}

.process-box:nth-child(5) .process-icon::before {
    background-image: none;
    background-color: #255BF3;
    border-radius: 100%;
}

.process-box h3 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #275AF3;
    margin-bottom: 10px;
}

.process-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #58595B;
    margin-bottom: 0;
}

/* Home Discover */


.fc-hm-discover {
    padding-bottom: 11px;
    position: relative;
}

.fc-hm-discover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/discover-bg.png) no-repeat bottom left;
    background-size: 100% 100%;
    z-index: -1;
}

.discover-img {
    position: relative;
    left: 50px;
}


/* Home Testimonials */

.testi-shape {
    position: absolute;
    z-index: -1;
}

.testi-shape-1 {
    top: -25px;
    left: -120px;
}

.testi-shape-2 {
    bottom: -50px;
    right: -130px;
}

.testi-slider,
.testi-slider .swiper-wrapper {
    height: 100%;
}

/* .testi-slider .swiper-slide {
    height: auto;
} */

.testi-slider .swiper-slide:nth-child(even) {
    margin-top: 50px;
}

.testi-box {
    padding: 40px 30px;
    border: 1px solid #255BF3;
    border-radius: 10px;
    min-height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.testi-slider .swiper-slide:nth-child(even) .testi-box {
    border-color: #F58F46;
}

.testi-box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #535151;
}

.tere-name h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #275AF3;
    margin-bottom: 5px;
}

.tere-name p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 0;
}


.testi-slider .swiper-slide:nth-child(even) .testi-box .tere-name h3 {
    color: #F58F46;
}


/* Home CTA */

.fc-hm-cta::after {
    content: "";
    position: absolute;
    top: 102px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #255BF3;
    z-index: -1;
}

.fc-hm-cta .title {
    padding: 60px 0;
}

.fc-hm-cta .title h2 {
    max-width: 90%;
}

.fc-hm-cta .title h2,
.fc-hm-cta .title p {
    color: #FFFFFF;
}

.fc-hm-cta .default-btn {
    background-color: #FFFFFF;
    color: #255BF3;
    border-color: #FFFFFF;
}

/* Footer */

footer {
    padding: 30px 0;
}

.f-info p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 0;
    margin-top: 15px;
    max-width: 90%;
}

.f-title h5 {
    font-family: 'Telegraf', sans-serif;
    font-weight: 800;
    font-size: 18px;
    line-height: 19px;
    color: #FFFFFF;
    margin-bottom: 34px;

}

.f-link ul li+li {
    margin-top: 17px;
}

.f-link ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #FFFFFF;
    position: relative;
}

.f-link ul li a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #255BF3;
    transition: all 0.4s ease-in-out;
}

.f-link ul li a:hover {
    color: #255BF3;
}

.f-link ul li a:hover::after {
    width: 100%;
}

.f-social ul {
    margin-top: 20px;
    display: flex;
    align-items: center;
    column-gap: 30px;
}

.f-social ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    background-color: #ffb581;
    border-radius: 5px;
    transition: all ease-in-out 0.4s;
}

.f-social ul a:hover {
    background-color: #275AF3;
}

.f-con-link li+li {
    margin-top: 17px;
}

.f-con-link a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    transition: all ease-in-out 0.4s;
    padding-left: 30px;
    position: relative;
    display: inline-block;
}

.f-con-link a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_554_199)'%3E%3Cpath d='M11.4412 13.1115L19.008 19.3858C18.8224 19.4629 18.6186 19.5054 18.4054 19.5054H1.59418C1.38098 19.5054 1.17762 19.4629 0.992032 19.3858L9.24672 12.5519C9.62248 12.2397 10.4159 12.2615 10.8185 12.5952L11.4148 13.0897L11.4412 13.1115ZM2.70856 9.29082L2.6966 9.28214L0.0195312 7.42626V17.9319C0.0195312 18.3699 0.199766 18.7667 0.490116 19.0521L7.91788 12.902L2.70856 9.29082ZM17.3104 9.27722L17.2861 9.29454L12.0887 12.8979L19.5103 19.0521C19.8007 18.7663 19.9805 18.3695 19.9805 17.9319V7.42626L17.3104 9.27722ZM3.15394 8.89654V3.74249C3.15394 3.33089 3.4884 2.99558 3.89961 2.99558H16.1C16.512 2.99558 16.8473 3.33089 16.8473 3.74249V8.89574L17.4246 8.4957L19.7623 6.87486L17.4246 5.25526V4.5525V3.74249C17.4246 3.01249 16.8304 2.4182 16.0999 2.4182H14.3108H13.3305L10.9719 0.784992C10.4456 0.419171 9.5886 0.396476 9.10032 0.73468L6.67028 2.4182H5.65612H3.89961C3.17004 2.4182 2.57613 3.01249 2.57613 3.74249V4.5525V5.25526L0.237695 6.87482L2.57613 8.4961L3.15394 8.89654ZM11.9604 5.82946V7.5005V7.5013V7.50214V8.38498C11.9604 8.66386 12.2088 8.88838 12.4144 8.88838C12.5366 8.88838 12.6447 8.81122 12.7355 8.6591C12.8369 8.4893 12.9577 8.15054 12.9577 7.50118C12.9577 5.87022 11.6308 4.54338 9.99992 4.54338C8.36904 4.54338 7.04216 5.87022 7.04216 7.50118C7.04216 9.1321 8.369 10.4589 9.99992 10.4589C10.6302 10.4589 11.2319 10.263 11.7401 9.89242C11.869 9.7985 12.0496 9.82674 12.1436 9.95562C12.2375 10.0845 12.2092 10.2651 12.0804 10.3591C11.4727 10.8022 10.7533 11.0364 9.99996 11.0364C8.05064 11.0364 6.46468 9.4505 6.46468 7.50118C6.46468 5.55178 8.05064 3.96581 9.99996 3.96581C11.9493 3.96581 13.5352 5.55174 13.5352 7.50118C13.5352 8.12818 13.433 8.61738 13.2314 8.95506C13.0348 9.2845 12.7447 9.4659 12.4145 9.4659C12.0032 9.4659 11.6298 9.18298 11.468 8.79926C11.1083 9.20542 10.5834 9.4619 9.99984 9.4619C8.91888 9.4619 8.03956 8.58222 8.03956 7.50126C8.03956 6.41946 8.91888 5.53934 9.99984 5.53934C10.5392 5.53934 11.0283 5.75826 11.383 6.11206V5.82942C11.383 5.6699 11.5123 5.54062 11.6717 5.54062C11.8312 5.54062 11.9604 5.66994 11.9604 5.82946ZM11.3829 7.49574C11.3799 6.7349 10.7605 6.11718 9.9998 6.11718C9.23724 6.11718 8.61696 6.7379 8.61696 7.5013C8.61696 8.26386 9.23724 8.88414 9.9998 8.88414C10.7605 8.88414 11.3799 8.26682 11.3829 7.50682V7.49574Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_554_199'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
}

.f-con-link li:nth-child(2) a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_554_209)'%3E%3Cmask id='mask0_554_209' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M20 0H0V20H20V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_554_209)'%3E%3Cpath d='M10 0C8.0222 0 6.0888 0.586488 4.44432 1.6853C2.79981 2.78412 1.51808 4.34592 0.761208 6.17316C0.00433288 8.00044 -0.1937 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6726 2.92894 17.0711C4.32748 18.4696 6.10928 19.422 8.04912 19.8078C9.98892 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C19.9997 7.34792 18.946 4.8046 17.0707 2.9293C15.1954 1.05401 12.6521 0.000331446 10 0ZM9.94376 7.61876C10.5914 7.61864 11.2126 7.87564 11.6708 8.33328C12.129 8.79092 12.3868 9.41176 12.3875 10.0594C12.3875 10.122 12.3626 10.182 12.3184 10.2262C12.2742 10.2704 12.2142 10.2953 12.1516 10.2953C12.089 10.2953 12.029 10.2704 11.9847 10.2262C11.9405 10.182 11.9156 10.122 11.9156 10.0594C11.913 9.5372 11.7044 9.0372 11.3352 8.66796C10.9659 8.29872 10.4659 8.09012 9.94376 8.08752C9.8816 8.08752 9.822 8.0628 9.77804 8.01884C9.73408 7.97488 9.70936 7.91528 9.70936 7.85312C9.70936 7.79096 9.73408 7.73136 9.77804 7.6874C9.822 7.64344 9.8816 7.61876 9.94376 7.61876ZM9.94376 5.68436C11.102 5.69096 12.211 6.154 13.0301 6.97304C13.8491 7.79208 14.3122 8.90108 14.3188 10.0594C14.318 10.1214 14.2928 10.1807 14.2486 10.2243C14.2044 10.2679 14.1449 10.2924 14.0828 10.2924C14.0208 10.2924 13.9612 10.2679 13.917 10.2243C13.8729 10.1807 13.8477 10.1214 13.8469 10.0594C13.8418 9.02576 13.4289 8.03596 12.698 7.30508C11.9672 6.5742 10.9774 6.16136 9.94376 6.15624C9.88188 6.1552 9.82288 6.12988 9.77952 6.08572C9.73612 6.0416 9.7118 5.9822 9.7118 5.92032C9.7118 5.85844 9.73612 5.799 9.77952 5.75488C9.82288 5.71076 9.88188 5.68544 9.94376 5.68436ZM15.1688 15.4312C14.7068 15.8884 14.101 16.1718 13.454 16.2333C12.807 16.2948 12.1586 16.1307 11.6188 15.7688C10.1666 14.8008 8.8132 13.6923 7.57812 12.4594C6.321 11.2042 5.19248 9.82652 4.20936 8.34688C3.85697 7.80948 3.7006 7.167 3.76663 6.52772C3.83266 5.88848 4.11704 5.29152 4.57188 4.83752L5.04688 4.36248C5.26156 4.14792 5.55272 4.02736 5.85624 4.02736C6.1598 4.02736 6.45092 4.14792 6.66564 4.36248L7.83436 5.53436C7.94156 5.63944 8.02664 5.76492 8.0846 5.9034C8.1426 6.04184 8.17224 6.19052 8.17188 6.34064C8.168 6.52196 8.12428 6.70024 8.0438 6.8628C7.96336 7.02536 7.84812 7.1682 7.70624 7.28124C7.53436 7.44952 7.4256 7.67188 7.39828 7.91088C7.37096 8.14988 7.42676 8.391 7.55624 8.59376C8.06676 9.40364 8.66976 10.1514 9.35312 10.8219C9.97724 11.4343 10.6644 11.979 11.4031 12.4469C11.6068 12.5762 11.8486 12.6322 12.0884 12.6054C12.3282 12.5788 12.5516 12.471 12.7219 12.3C12.8228 12.1688 12.9504 12.0603 13.0961 11.9816C13.2418 11.903 13.4024 11.8559 13.5676 11.8436C13.7327 11.8312 13.8986 11.8537 14.0544 11.9098C14.2102 11.9658 14.3525 12.054 14.4719 12.1688L15.6406 13.3375C15.7473 13.4436 15.832 13.5697 15.8899 13.7086C15.9478 13.8475 15.9778 13.9964 15.9781 14.1469C16.0156 14.6875 15.5062 15.0875 15.1688 15.4312ZM15.7781 10.0594C15.8438 6.925 13.0812 4.15936 9.94376 4.225C9.88168 4.2242 9.82244 4.199 9.77884 4.15484C9.73524 4.11068 9.71076 4.05112 9.71076 3.98906C9.71076 3.927 9.73524 3.86743 9.77884 3.82327C9.82244 3.77911 9.88168 3.75391 9.94376 3.75312C10.7719 3.75304 11.592 3.9161 12.3572 4.233C13.1223 4.54988 13.8175 5.0144 14.4031 5.6C14.9888 6.1856 15.4532 6.88084 15.7702 7.64596C16.087 8.41112 16.2501 9.2312 16.25 10.0594C16.249 10.1212 16.2236 10.1802 16.1795 10.2236C16.1354 10.267 16.076 10.2913 16.0141 10.2913C15.9522 10.2913 15.8928 10.267 15.8486 10.2236C15.8045 10.1802 15.7792 10.1212 15.7781 10.0594Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_554_209'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.f-con-link li:nth-child(3) a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_554_201)'%3E%3Cmask id='mask0_554_201' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M20 0H0V20H20V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_554_201)'%3E%3Cpath d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47716 15.5228 0 10 0C4.47716 0 0 4.47716 0 10C0 15.5228 4.47716 20 10 20Z' fill='white'/%3E%3Cpath d='M10.4505 15.0791C10.2247 15.4178 9.72697 15.4178 9.50113 15.0791L6.67329 10.8373C4.91481 8.19962 6.80569 4.6665 9.97585 4.6665C13.146 4.6665 15.0369 8.19962 13.2784 10.8373L10.4505 15.0791Z' fill='%23F58F46'/%3E%3Cpath d='M9.99355 10.0862C10.9387 10.0862 11.7049 9.32005 11.7049 8.37489C11.7049 7.42977 10.9387 6.66357 9.99355 6.66357C9.04843 6.66357 8.28223 7.42977 8.28223 8.37489C8.28223 9.32005 9.04843 10.0862 9.99355 10.0862Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_554_201'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.f-con-link a:hover {
    color: #255BF3;
}


/* Inner Banner */

.fc-inner-banner {
    margin-top: 104px;
    padding: 50px 0;
}

.inner-desc h1 {
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    color: #000000;
    margin-bottom: 20px;
}

.inner-desc.how-inner-desc h1 {
    max-width: 90%;
}

.inner-desc h1 b,
.inner-desc h1 strong {
    color: #275AF3;
}


.inner-desc p {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #535151;
    margin-bottom: 20px;
}

.inner-bg-shape {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

/* About us */

.fc-ab-about .title p {
    margin-bottom: 0;
}

.fc-ab-about .title ul {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #FFDBC3;
}

.fc-ab-about .title ul li+li {
    margin-top: 5px;
}

.fc-ab-about .title ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #535151;
    position: relative;
    padding-left: 40px;
}

.fc-ab-about .title ul li::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    height: 24px;
    width: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1514 21.2361L7.96269 23.0771L7.91448 4.72335C8.04115 4.60717 8.13868 4.70153 8.26726 4.75644C9.5114 5.30806 10.8724 6.41637 12.1331 7.03381C9.31201 11.2454 8.74514 16.6954 11.1433 21.2407L11.1514 21.2361Z' fill='%23275AF3'/%3E%3Cpath d='M15.4056 18.7798L13.4924 19.8844C11.4127 16.2637 12.0643 11.6688 14.4083 8.34602L16.4193 9.4988C14.4068 12.2212 13.9549 15.6892 15.4103 18.7878L15.4056 18.7798Z' fill='%23275AF3'/%3E%3Cpath d='M17.7387 17.433C17.0567 16.1586 16.9733 14.2803 17.4726 12.9266C17.6349 12.4993 18.3538 11.1157 18.7217 10.914C18.98 10.7649 23.336 13.5556 24.0031 13.8162L17.7387 17.433Z' fill='%23275AF3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

/* About Mission Vision */

.fc-ab-misvis .title h2 {
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 50px;
}

.misvis-box {
    display: flex;
    gap: 20px;
}

.misvis-box+.misvis-box {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #B8CAFF;
}

.misvis-desc h3 {
    font-family: 'Telegraf', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 10px;
}

.misvis-desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #535151;
    margin-bottom: 0px;
}


.misvis-img img {
    object-fit: cover;
    object-position: right bottom;
    height: 100%;
    width: 100%;
}

/* About Timeline */

.abtime-slider .swiper-wrapper {
    justify-content: center;
}

.abtime-slider .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
}

.fc-ab-timeline .title h2 {
    margin-bottom: 30px;
}

.abtime-box {
    display: flex;
    flex-direction: column;
}

.abtime-slider .swiper-wrapper .swiper-slide:nth-child(even) .abtime-box {
    display: flex;
    flex-direction: column-reverse;
}

.abtime-desc {
    min-height: 85px;
}

.abtime-year {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 50px
}

.abtime-desc {
    margin-bottom: 30px;
    display: flex;
    align-items: end;
}

.abtime-slider .swiper-wrapper .swiper-slide:nth-child(even) .abtime-box .abtime-year {
    margin-bottom: 60px;
    margin-top: 0;
    justify-content: flex-end;
}

.abtime-slider .swiper-wrapper .swiper-slide:nth-child(even) .abtime-box .abtime-desc {
    margin-top: 30px;
    margin-bottom: 0;
    align-items: start;
}

.abtime-year h3 {
    font-family: 'Telegraf', sans-serif;
    font-weight: 800;
    font-size: 25px;
    line-height: 23px;
    text-align: center;
    color: #F58F49;
    margin-bottom: 10px;
}

.abtime-year h5 {
    font-family: 'Telegraf', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #F58F49;
    margin-bottom: 0;
    max-width: 80%;
}

.abtime-desc p {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #58595B;
    margin: 0 auto;
    max-width: 85%;
}

.abtime-img {
    display: flex;
    justify-content: center;
}

.abtime-img::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% + 20px);
    right: -50%;
    height: 3px;
    background-color: #9C3F00;
    z-index: -1;
}

.abtime-side::after {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    height: 26px;
    width: 4px;
    background-color: #9C3F00;
}

.abtime-side::before {
    content: "";
    position: absolute;
    bottom: -39px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
    height: 15px;
    width: 15px;
    background-color: #9C3F00;
}

.abtime-slider .swiper-wrapper .swiper-slide:nth-child(even) .abtime-year h3,
.abtime-slider .swiper-wrapper .swiper-slide:nth-child(even) .abtime-year h5 {
    color: #275AF3;
}

.abtime-slider .swiper-wrapper .swiper-slide:nth-child(even) .abtime-side::after {
    bottom: auto;
    top: -24px;
    background-color: #275AF3;
}

.abtime-slider .swiper-wrapper .swiper-slide:nth-child(even) .abtime-side::before {
    bottom: auto;
    top: -39px;
    background-color: #275AF3;
}

.abtime-slider .swiper-wrapper .swiper-slide:nth-child(even) .abtime-img::after {
    background-color: #275AF3;
}

.abtime-slider .swiper-wrapper .swiper-slide:last-child .abtime-img::after {
    display: none;
}

/* Product Tab */

.exp-tab {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
}

.exp-tab .exp-tab-item {
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
    color: #275AF3;
    padding: 20px;
    border: 1px solid #275AF3;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.exp-tab .exp-tab-item.active {
    font-weight: 800;
    color: #FFFFFF;
    background-color: #275AF3;
}

.exp-content-main {
    margin-top: 50px;
}

.exp-content {
    display: none;
}

.exp-img {
    max-width: 413px;
    display: flex;
    justify-self: center;
    margin: 10px;
}

.exp-img img {
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.25);
    border-radius: 100%;
}

.exp-img::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background-image: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 432 432' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63.7913 368.556C98.9979 403.858 145.356 425.861 194.967 430.815C244.577 435.769 294.371 423.368 335.863 395.725C377.356 368.082 407.98 326.908 422.517 279.217C437.055 231.526 434.606 180.27 415.589 134.182C396.572 88.0937 362.163 50.0253 318.225 26.4631C274.286 2.90084 223.538 -4.69745 174.625 4.96289C125.712 14.6232 81.6627 40.9445 49.9812 79.4418C18.2998 117.939 0.946856 166.231 0.879204 216.088L216.38 216.38L63.7913 368.556Z' fill='%23255BF3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    z-index: -1;
}

/* Product List */

.fc-pro-list .title h2 {
    color: #000000;
}

.prolist-box {
    background-color: #255BF3;
    border-radius: 10px;
    overflow: hidden;
}

.prolist-img img {
    width: 100%;
    object-fit: cover;
}

.prolist-desc {
    padding: 25px 35px 35px;
}

.prolist-desc h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    color: #FFFFFF;
    margin-bottom: 13px;
}

.prolist-desc ul {
    margin-left: 25px;
}

.prolist-desc ul li {
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    list-style: disc;
}

.prolist-desc ul li+li {
    margin-top: 5px;
}

.proli-pagination {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.proli-pagination .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
}

.proli-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 10px;
    width: 10px;
}

/* Product Features */

.pro-fua-box {
    margin: 1px;
    padding: 0 60px 28px;
    margin-top: 41px;
}

.pro-fua-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg width='414' height='234' viewBox='0 0 414 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M413.5 0.5V189.584L387.599 210.793L359.38 233.5H0.5V0.5H413.5Z' fill='white' stroke='%23E9E9E9'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.4s ease-in-out;
}

.fua-img {
    height: 80px;
    width: 76px;
    background-color: #F58F49;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 100%);
    position: relative;
    top: -41px;
    margin-bottom: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.pro-fua-box h3 {
    font-weight: 800;
    font-size: 24px;
    line-height: 36px;
    color: #000000;
    margin-bottom: 20px;
}

.pro-fua-box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #757095;
    margin-bottom: 0;
}

.fc-pro-fuature .row+.row .pro-fua-box p {
    max-width: 90%;
}

.pro-fua-box:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='414' height='234' viewBox='0 0 414 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M413.5 0.5V189.584L387.599 210.793L359.38 233.5H0.5V0.5H413.5Z' fill='white' stroke='%23F58F49'/%3E%3C/svg%3E%0A");
}

.pro-fua-box .fua-img svg path {
    transition: all 0.4s ease-in-out;
}

.pro-fua-box:hover .fua-img svg path {
    fill: #255BF3;
}


/* Contant Details */

.con-details-box {
    padding: 30px;
    background-color: #EAEFFE;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.condetail-icon {
    margin-bottom: 30px;
}

.con-details-box a {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #333333;
}

.con-details-box svg path {
    transition: all 0.4s ease-in-out;
}

.con-details-box:hover svg path {
    fill: #F58F46;
}

.con-details-box:hover a {
    color: #F58F46;
}


/**************** product page start ************************/

.prolist-sec {
    margin: 140px 0px 100px;
}

.prolist-sec .filter-box h5 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.filter-box {
    position: sticky;
    top: 120px;
}

.filter-box .accordion-item {
    background: transparent;
    border: 0;
}

.filter-box .accordion-button {
    background: transparent !important;
    box-shadow: 0 0 0 !important;
    font-size: 18px;
    line-height: 25px;
    padding: 10px;
    color: #000000;
    font-weight: 500;
    font-family: 'Telegraf', sans-serif;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #535151 !important;
}

.filter-box .form-check-box input[type=checkbox] {
    width: 1em;
    height: 1em;
    border-radius: 4px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    cursor: pointer;
}

.filter-box .form-check-box input[type=checkbox]:checked {
    background-color: #275AF3;
    border-color: #275AF3;
}

.filter-box .form-check-box input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.filter-box .form-check-box+.form-check-box {
    margin-top: 10px;
}

.filter-box .form-check-box label {
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    font-weight: 500;
    color: #000;
}

.filter-box .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.filter-box .accordion-body {
    padding-bottom: 0;
}

.filter-box .accordion-item+.accordion-item {
    margin-top: 15px;
}

.proli-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.proli-box {
    background: #275AF3;
    box-shadow: 0 0 0;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.5s;
}

.proli-box:hover {
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
}

.prolib-img img {
    max-width: 100%;
    max-height: 300px;
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    object-position: center;
}

.prolib-desc {
    padding: 20px 20px;
}

.prolib-desc h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    font-family: 'Telegraf', sans-serif;
    margin-bottom: 6px;
}

.prolib-desc h3 a {
    color: #fff;
}

.prolib-desc .arrow-btn {
    font-size: 13px;
    column-gap: 6px;
    line-height: 13px;
    max-width: fit-content;
    font-weight: 600;
    opacity: 0;
    visibility: hidden;
}

.prolib-desc .arrow-btn:hover {
    color: #fff !important;
}

.prolib-desc .arrow-btn:hover svg path {
    fill: #fff !important;
}

.proli-box:hover .arrow-btn {
    opacity: 1;
    visibility: visible;
}

.prolib-desc .arrow-btn svg {
    max-width: 12px;
}

.prolib-desc h3:last-child {
    margin-bottom: 0;
}

/* Manufacturers */

.manufac-reg {
    margin-top: 104px;
    padding-top: 50px;
}

.manufac-reg .inner-desc h1 {
    margin-bottom: 30px;
}

.manufac-reg .row+.row {
    margin-top: 20px;
}

.manufac-form {
    padding: 70px 0;
    background-color: #e2e8fb63;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.manufac-form .forminator-ui {
    max-width: 768px;
}

@media screen and (max-width: 1399px) {
    .prolib-img img {
        max-height: 240px;
    }
}

@media screen and (max-width: 1199px) {
    .proli-main {
        grid-template-columns: repeat(2, 1fr);
    }

    .prolist-sec .filter-box h5 {
        margin-bottom: 20px;
    }

    .filter-box .accordion-body {
        padding: 15px 8px;
        padding-bottom: 0;
    }

    .filter-box .accordion-item+.accordion-item {
        margin-top: 10px;
    }

    .prolist-sec {
        margin: 120px 0px 80px;
    }
}

@media screen and (max-width: 991px) {
    .proli-main {
        margin-top: 35px;
    }

    .prolist-sec .filter-box h5 {
        margin-bottom: 16px;
    }

    .prolist-sec {
        margin: 120px 0px 60px;
    }
}

@media screen and (max-width: 767px) {
    .proli-main {
        margin-top: 30px;
        grid-template-columns: repeat(1, 1fr);
    }

    .prolib-img img {
        max-height: 300px;
    }
}

/**************** product page end ************************/



/* Product-tab */

.protab-main {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.pro-tab {
    width: calc(20% - 15px);
}

.pro-tab ul .pr-item {
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
    color: #275AF3;
    padding: 15px;
    border: 1px solid #275AF3;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.pro-tab ul .pr-item.active {
    color: #FFFFFF;
    background-color: #275AF3;
}

.pro-tab ul .pr-item+.pr-item {
    margin-top: 15px;
}

.pro-tab ul .pr-item img,
.pro-tab ul .pr-item svg {
    width: 30px;
    height: 30px;
}

.pro-tab ul .pr-item svg path {
    fill: #275AF3;
    transition: all ease-in-out 0.4s;
}

.pro-tab ul .pr-item.active svg path {
    fill: #FFFFFF;
}

.pro-content-main {
    width: calc(80% - 15px);
}

.pro-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #58595B;
}

.pro-content {
    display: none;
    background-color: #FFFFFF;
}

.pro-content ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.pro-content ul li {
    padding: 10px 20px;
    border: 1px solid #275AF3;
    border-radius: 6px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #090914;
    background: #e2e8fb63;
}
.whatsapp-fixed {
    position: fixed;
    bottom: 0;
    right: 20px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end
}

.whatsapp-fixed .icon {
    position: relative;
    margin-bottom: 15px;
}

@media screen and (max-width: 1599px) {
    .fc-hm-banner {
        height: 700px;
        background: url(../images/fc-bg-banner.png) !important;
        background-repeat: no-repeat !important;
        background-position: bottom left !important;
        background-size: 100% !important;
    }

    .banner-img img {
        max-width: 450px;
    }

    .banner-shap-2 {
        left: 40%;
    }

    .tile-count-box {
        padding: 20px;
    }

    .tico-icon svg {
        max-width: 50px;
    }

    .tile-count-box h4 {
        font-size: 40px;
        line-height: 50px;
    }

    .banner-shap-3 {
        right: 160px;
    }

    .banner-shap-3 h3 {
        font-size: 35px;
        line-height: 50px;
    }

    .discover-img {
        left: -60px;
    }

    .fc-banner-box .row .col-xxl-5 {
        left: 120px;
    }
}


@media screen and (max-width: 1399px) {

    .fc-banner-box .row .col-xxl-5 {
        left: 150px;
        top: 60px;
    }

    .fc-hm-product .title::after {
        right: -30%;
    }

    .project-slider .swiper-slide {
        transform: scale(0.9);
    }

    .project-slider .swiper-slide.swiper-slide-next {
        transform: scale(0.9) translateX(40px);
    }

    .project-slider .swiper-slide.swiper-slide-prev {
        transform: scale(0.9) translateX(-40px);
    }

    .fc-hm-value .title p {
        max-width: 55%;
    }

    .fc-hm-process .title h2 {
        max-width: 90%;
        margin: 0 auto 10px;
    }

    .coming-bg .title h2 {
        font-size: 34px;
        line-height: 44px;
    }
}


@media screen and (max-width: 1299px) {

    .fc-banner-box .row .col-xxl-5 {
        left: 120px;
        top: 100px;
    }

    .banner-shap-3 {
        right: 120px;
    }

}

@media screen and (max-width: 1199px) {


    .mtb-120 {
        margin: 90px 0;
    }

    .mt-120 {
        margin-top: 90px;
    }

    .mb-120 {
        margin-bottom: 90px;
    }

    header {
        padding: 20px 0;
    }

    header.sticky {
        padding: 18px 0;
    }

    header .menu-item+.menu-item {
        margin-left: 30px;
    }

    header .menu-item:not(:last-child) a {
        font-size: 16px;
        line-height: 22px;
    }

    header .menu-item:last-child a {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 20px;
    }

    header .menu-item:last-child a::after {
        top: 6px;
        right: 6px;
        height: 25px;
        width: 25px;
    }

    .fc-hm-banner {
        height: 540px;
        margin-top: 95px;
    }

    .fc-banner-box .row .col-xxl-5 {
        left: 95px;
        top: 45px;
    }

    .fc-banner-box {
        padding-top: 50px;
    }

    .banner-desc h1,
    .banner-desc h2 {
        font-size: 40px;
        line-height: 48px;
    }

    .banner-desc p {
        font-size: 18px;
        line-height: 28px;
        max-width: 100%;
    }

    .default-btn {
        font-size: 18px;
        line-height: 24px;
        padding: 12px 20px;
    }


    .banner-shap-1 img {
        max-width: 70%;
    }

    .banner-shap-2 {
        left: 45%;
    }

    .tile-count-box {
        max-width: max-content;
        padding: 15px;
    }

    .tico-icon svg {
        max-width: 40px;
        max-height: 40px;
    }

    .tile-count-box p {
        font-size: 16px;
        line-height: 25px;
    }

    .tile-count-box h4 {
        font-size: 30px;
        line-height: 40px;
    }

    .banner-shap-3 {
        right: 110px;
    }

    .banner-shap-3 h3 {
        font-size: 25px;
        line-height: 40px;
    }

    .title-design svg {
        max-width: 25px;
        max-height: 25px;
    }

    .title h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .title h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .coming-bg .title h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .title p {
        font-size: 16px;
        line-height: 23px;
    }

    .fc-hm-product .title::after {
        right: -18%;
    }

    .coming-form .forminator-button,
    .manufac-form .forminator-button {
        font-size: 18px !important;
        line-height: 24px !important;
        padding: 12px 20px !important;
    }

    .ab-count-box+.ab-count-box {
        margin-top: 20px;
        padding-top: 20px;
    }

    .ab-count-box h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .ab-count-box p {
        font-size: 16px;
        line-height: 22px;
    }

    .fc-hm-value .row+.row {
        margin-top: 20px;
    }

    .fc-hm-value .title p {
        max-width: 70%;
    }

    .fc-hm-value::after {
        bottom: 160px;
    }

    .value-desc h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .value-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .process-icon {
        height: 140px;
        width: 140px;
    }

    .process-icon svg {
        max-width: 50px;
    }

    .process-grid-main {
        gap: 15px;
    }

    .process-icon::before {
        background-image: url("data:image/svg+xml,%3Csvg width='75' height='75' viewBox='0 0 103 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M102.5 0C89.0395 -1.60515e-07 75.7108 2.65124 63.2749 7.80235C50.8391 12.9535 39.5396 20.5036 30.0215 30.0216C20.5035 39.5396 12.9534 50.8391 7.80234 63.275C2.65124 75.7108 -2.03248e-06 89.0395 0 102.5L102.5 102.5L102.5 0Z' fill='%23255BF3'/%3E%3C/svg%3E%0A");
    }

    .process-box:nth-child(2) .process-icon::before {
        background-image: url("data:image/svg+xml,%3Csvg width='136' height='75' viewBox='0 0 135 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M134.846 32.8462C125.998 19.7636 113.168 9.8813 98.2603 4.66506C83.3525 -0.551175 67.1604 -0.823576 52.0856 3.88826C37.0108 8.6001 23.8561 18.0452 14.5725 30.8228C5.28891 43.6004 0.370888 59.0299 0.547831 74.8229L74 74L134.846 32.8462Z' fill='%23255BF3'/%3E%3C/svg%3E%0A");
    }

    .process-box:nth-child(3) .process-icon::before {
        background-image: url("data:image/svg+xml,%3Csvg width='150' height='115' viewBox='0 0 148 115' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M135.483 114.517C141.841 104.868 145.84 93.8586 147.154 82.378C148.469 70.8975 147.064 59.2687 143.051 48.4321C139.039 37.5955 132.532 27.8555 124.057 19.9997C115.583 12.1439 105.378 6.39294 94.2693 3.21197C83.1602 0.0310011 71.4583 -0.490679 60.1102 1.68912C48.7621 3.86893 38.0863 8.68901 28.9463 15.7595C19.8064 22.83 12.4588 31.9525 7.49795 42.389C2.53709 52.8255 0.102205 64.2831 0.390224 75.8351L74 73.9999L135.483 114.517Z' fill='%23255BF3'/%3E%3C/svg%3E%0A");
    }

    .process-box:nth-child(4) .process-icon::before {
        background-image: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.1293 127.727C34.3281 139.959 50.3907 147.583 67.5803 149.3C84.7699 151.016 102.023 146.719 116.4 137.141C130.776 127.563 141.387 113.297 146.424 96.7722C151.462 80.2478 150.613 62.488 144.024 46.519C137.435 30.5499 125.512 17.3596 110.288 9.19548C95.0639 1.03138 77.4799 -1.60135 60.5321 1.74586C43.5844 5.09308 28.3216 14.2131 17.3443 27.5521C6.36694 40.8911 0.354324 57.6236 0.330883 74.8987L75 75L22.1293 127.727Z' fill='%23255BF3'/%3E%3C/svg%3E%0A");
    }

    .process-box h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .discover-img img {
        width: 100%;
    }

    .testi-box p {
        font-size: 16px;
        line-height: 28px;
    }

    .tere-name h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .tere-name p {
        font-size: 18px;
        line-height: 28px;
    }

    .cta-img img {
        width: 100%;
    }

    .f-info p {
        max-width: 100%;
    }

    .f-social ul {
        column-gap: 20px;
    }

    .project-desc h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .project-desc p {
        font-size: 18px;
        line-height: 24px;
    }

    .inner-desc h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .inner-bg-shape img {
        max-width: 150px;
    }

    .inner-img img,
    .ab-about-img img {
        width: 100%;
    }

    .inner-desc p {
        font-size: 18px;
        line-height: 26px;
    }

    .fc-ab-misvis .title h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .misvis-img img {
        height: auto;
    }

    .abtime-year {
        min-height: 75px;
    }

    .abtime-desc {
        min-height: 105px;
    }

    .abtime-year h3 {
        font-size: 23px;
        line-height: 21px;
    }

    .abtime-year h5 {
        font-size: 18px;
        line-height: 22px;
    }

    .con-details-box a {
        font-size: 16px;
        line-height: 22px;
    }

    .pro-tab ul .pr-item {
        font-size: 18px;
        line-height: 19px;
        padding: 10px 12px;
    }

    .pro-tab ul .pr-item img,
    .pro-tab ul .pr-item svg {
        width: 25px;
        height: 25px;
    }

    .pro-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .pro-content ul {
        gap: 15px;
    }

    .pro-content ul li {
        padding: 8px 15px;
        font-size: 14px;
        line-height: 20px;
    }

    .fc-banner-navigation {
        display: none;
    }

    .custome-pagination.fcban-pagination {
        display: flex;
    }
}

@media screen and (max-width: 991px) {

    .mtb-120 {
        margin: 70px 0;
    }

    .mt-120 {
        margin-top: 70px;
    }

    .mb-120 {
        margin-bottom: 70px;
    }

    button.close-btn {
        height: 35px;
        width: 35px;
        background: #F58F49;
        border: 0;
        padding: 0;
        border-radius: 50px;
        position: absolute;
        z-index: 2;
        top: 10px;
        right: 10px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-toggler {
        padding: 0;
        outline: none;
        border: none;
    }

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }

    .icon-bar {
        width: 30px;
        height: 3px;
        background: #275AF3;
        display: block;
        border-radius: 20px;
    }

    .icon-bar+.icon-bar {
        margin-top: 5px;
    }

    .icon-bar:nth-child(1) {
        max-width: 70%;
        margin-left: auto;
    }

    .icon-bar:nth-child(3) {
        max-width: 50%;
        margin-left: auto;
    }

    .navbar-collapse {
        padding: 50px 0 0;
        float: left;
        width: 60%;
        position: fixed;
        right: -100%;
        left: auto;
        top: 0;
        z-index: 11;
        -ms-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
        height: 100% !important;
        border: 0;
        display: block !important;
        background: #1c49cf;
        overflow: auto;
    }

    .navbar-collapse.show {
        right: -1px;
    }

    header .menu-item {
        width: 100%;
    }

    header .menu-item:first-child,
    header .menu-item:last-child {
        margin-left: 0 !important;
    }

    header .menu-item+.menu-item {
        margin-left: 0px;
        border-top: 1px solid #F58F49;
    }

    header .navbar-nav {
        align-items: flex-start !important;
    }

    header .menu-item:not(:last-child) a,
    header .menu-item:last-child a {
        font-size: 17px;
        line-height: 24px;
        text-align: left;
        width: 100%;
        padding: 15px 25px !important;
        display: flex;
        justify-content: space-between;
        color: #FFFFFF;
    }

    header .menu-item:not(:last-child) a::after {
        display: none;
    }

    header .menu-item:last-child a {
        background-color: transparent;
        border: none;
        color: #FFFFFF;
        padding: 15px 25px !important;
    }

    header .menu-item:last-child a:hover,
    header .menu-item:last-child.current-menu-item a {
        background-color: transparent;
        color: #F58F49;
    }

    header .menu-item:last-child.current-menu-item a {
        font-weight: 600;
    }

    .fc-hm-banner {
        height: auto;
        background: rgba(245, 143, 73, 0.25) !important;
    }


    .banner-desc h1,
    .banner-desc h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .banner-desc p {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
    }

    .fc-banner-box .row .col-xxl-5 {
        left: 0;
        top: 0;
    }

    .banner-img-slider {
        overflow: visible;
    }

    .banner-img {
        max-width: 400px;
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 0 auto;
    }

    .banner-img::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background-color: #FFFFFF;
        border-radius: 100%;
        box-shadow: 4px 4px 15px 0 rgba(245, 143, 73, 0.25);
        z-index: -1;
    }

    .banner-img img {
        max-width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .fc-hm-banner .shape {
        display: none;
    }

    .fc-banner-slider {
        height: auto;
    }

    .fc-banner-slider .swiper-slide {
        height: auto !important;
    }

    .fc-banner-box {
        padding: 30px 0 60px;
    }

    .fc-banner-box .row,
    .coming-bg .row,
    .fc-hm-about .row,
    .fc-hm-product .row,
    .fc-hm-discover .row,
    .fc-hm-cta .row {
        row-gap: 30px;
    }

    .custome-pagination.fcban-pagination {
        bottom: 30px;
    }

    .project-slider .swiper-slide {
        transform: scale(0.8);
    }

    .project-slider .swiper-slide.swiper-slide-next {
        transform: scale(0.8) translateX(40px);
    }

    .project-slider .swiper-slide.swiper-slide-prev {
        transform: scale(0.8) translateX(-40px);
    }

    .title h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .fc-hm-about .title h2 span {
        display: inline;
    }

    .fc-hm-about .row>div:nth-child(1) {
        order: 1;
    }

    .fc-hm-about .row>div:nth-child(3) {
        order: 2;
    }

    .ab-count-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .ab-count-box+.ab-count-box {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }

    .ab-count-box {
        position: relative;
    }

    .ab-count-box::after {
        content: "";
        position: absolute;
        top: 0;
        right: -35%;
        bottom: 0;
        width: 1px;
        background-color: #D9D9D9;
    }

    .fc-hm-value .title p {
        max-width: 100%;
    }

    .value-icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 20px;
    }

    .value-icon svg {
        max-width: 40px;
    }

    .fc-hm-value .row+.row {
        margin-top: 0;
    }

    .value-desc p {
        max-width: 100%;
    }

    .fc-hm-process .title h2 {
        max-width: 100%;
    }

    .fc-hm-process .title p {
        max-width: 100%;
    }

    .fc-hm-process .row+.row,
    .fc-hm-testi .row+.row,
    .fc-ab-timeline .row+.row,
    .fc-pro-list .row+.row,
    .fc-pro-fuature .row+.row,
    .fc-hm-product .row+.row {
        margin-top: 0px;
    }

    .process-grid-main {
        flex-wrap: wrap;
    }

    .process-grid-main {
        gap: 30px 15px;
    }

    .discover-img {
        max-width: 400px;
        max-height: 400px;
        margin: 0 auto;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fc-hm-discover::after {
        display: none;
    }

    .discover-img::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background-color: #FFFFFF;
        border-radius: 100%;
        box-shadow: 4px 4px 15px 0 rgba(245, 143, 73, 0.25);
        z-index: -1;
    }

    .discover-img img {
        height: 100%;
        max-height: 400px;
    }

    .testi-shape-1,
    .testi-shape-2 {
        display: none;
    }

    .testi-box {
        padding: 20px;
        min-height: 280px;
    }

    .tere-name h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .tere-name p {
        font-size: 16px;
        line-height: 26px;
    }

    .testi-slider .swiper-slide {
        height: auto;
    }

    .fc-hm-cta::after {
        top: 0;
    }

    .fc-hm-cta {
        padding: 60px 0;
    }

    .fc-hm-cta .title {
        padding: 0;
    }

    .cta-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cta-img img {
        width: 100%;
        height: 100%;
        max-width: 400px;
    }

    footer .row {
        row-gap: 30px;
    }

    .inner-desc h1 {
        font-size: 34px;
        line-height: 44px;
    }

    .fc-inner-banner .row,
    .fc-ab-misvis .row,
    .fc-ab-about .row {
        row-gap: 30px;
    }

    .inner-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .inner-img,
    .ab-about-img {
        display: flex;
        justify-content: center;
    }

    .inner-img img,
    .ab-about-img img {
        max-width: 400px;
    }

    .fc-ab-misvis .title h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .misvis-img {
        transform: none;
        position: static;
        display: flex;
        justify-content: center;
        max-width: none;
    }

    .misvis-img img {
        max-width: 400px;
    }

    .misvis-desc h3 {
        font-size: 18px;
        line-height: 21px;
    }

    .inner-desc.how-inner-desc h1 {
        max-width: 100%;
    }

    .con-details-box {
        padding: 20px;
    }

    .con-details-box a {
        font-size: 14px;
        line-height: 20px;
    }

    .protab-main {
        gap: 20px;
    }

    .pro-tab {
        width: calc(25% - 10px);
    }

    .pro-content-main {
        width: calc(75% - 15px);
    }

    .pro-content p {
        margin-bottom: 20px;
    }

    .manufac-form {
        padding: 50px;
    }

    .manufac-reg .row+.row {
        margin-top: 0;
    }

    .coming-form .forminator-button,
    .manufac-form .forminator-button {
        width: fit-content !important;
    }

    .abtime-slider .swiper-wrapper {
        justify-content: left;
    }

}

@media screen and (max-width:767px) {


    .mtb-120 {
        margin: 50px 0;
    }

    .mt-120 {
        margin-top: 50px;
    }

    .mb-120 {
        margin-bottom: 50px;
    }

    header {
        padding: 15px 0;
    }

    header.sticky {
        padding: 12px 0;
    }

    .navbar-brand img {
        max-width: 170px;
    }

    .navbar-collapse {
        width: 100%;
    }

    .navbar-collapse.show {
        right: 0px;
    }

    .fc-hm-banner {
        margin-top: 75px;
    }

    .banner-desc h1,
    .banner-desc h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .default-btn {
        font-size: 16px;
        line-height: 22px;
        padding: 10px 14px;
    }

    .banner-img {
        max-width: 300px;
        max-height: 300px;
    }

    .title h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .fc-hm-product .title h2 {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .title h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    .project-slider .swiper-slide.swiper-slide-next {
        transform: scale(0.8);
    }

    .project-slider .swiper-slide.swiper-slide-prev {
        transform: scale(0.8);
    }

    .project-desc {
        padding: 20px;
    }

    .project-desc h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .project-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .coming-bg {
        padding: 50px 0;
    }

    .coming-bg .title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .coming-form .forminator-button,
    .manufac-form .forminator-button {
        font-size: 16px !important;
        line-height: 22px !important;
        padding: 10px 14px !important;
    }

    .ab-count-main {
        flex-wrap: wrap;
    }

    .ab-count-box {
        width: 100%;
    }

    .ab-count-box+.ab-count-box {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #D9D9D9;
    }

    .ab-count-box {
        width: 100%;
    }

    .title h2 span {
        display: inline;
    }

    .fc-hm-value {
        padding-top: 0;
    }

    .fc-hm-value::after {
        bottom: 550px;
        clip-path: ellipse(100% 100% at 50% 0%);
    }

    .fc-hm-value .row+.row .col-md-4:nth-child(2) {
        margin-top: 0px;
    }

    .process-box {
        max-width: 100%;
    }

    .discover-img {
        max-width: 300px;
        max-height: 300px;
    }

    .discover-img img {
        max-height: 300px;
    }

    .fc-hm-cta {
        padding: 50px 0;
    }

    .testi-box {
        min-height: 320px;
    }

    .cta-img img {
        max-width: 300px;
    }

    .f-title h5 {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 16px;
    }

    .f-link ul li+li {
        margin-top: 10px;
    }

    .inner-desc h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .fc-inner-banner {
        margin-top: 75px;
        padding: 30px 0;
    }

    .inner-bg-shape {
        display: none;
    }

    .inner-img img,
    .ab-about-img img {
        max-width: 300px;
    }

    .fc-ab-misvis .title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .misvis-box {
        flex-direction: column;
    }

    .misvis-box+.misvis-box {
        padding-top: 20px;
        margin-top: 20px;
    }

    .abtime-year h3 {
        font-size: 21px;
        line-height: 20px;
    }

    .abtime-year h5 {
        font-size: 16px;
        line-height: 20px;
    }

    .abtime-year {
        min-height: 50px;
    }

    .abtime-desc {
        min-height: 80px;
    }

    .f-logo img {
        max-width: 170px;
    }

    .fc-con-details .row {
        row-gap: 30px;
    }

    .con-details-box {
        padding: 40px 20px;
    }

    .condetail-icon {
        margin-bottom: 15px;
    }

    .condetail-icon img {
        max-width: 40px;
    }

    .pro-tab {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pro-tab ul {
        display: flex;
        align-items: center;
        column-gap: 15px;
    }

    .pro-tab ul .pr-item {
        min-width: 140px;
    }

    .pro-tab ul .pr-item+.pr-item {
        margin-top: 0;
    }

    .pro-content-main {
        width: 100%;
    }

    .pro-content ul li {
        padding: 6px 12px;
        font-size: 13px;
        line-height: 17px;
    }

    .manufac-form {
        padding: 40px 25px;
    }

    .coming-form .forminator-input,
    .coming-form .forminator-textarea,
    .manufac-form .forminator-input {
        padding: 9px 12px !important;
    }

    .whatsapp-fixed {
        right: 15px;
        bottom: 15px;
    }

    .whatsapp-fixed img {
        display: none;
    }

    .whatsapp-fixed .icon {
        margin: 0;
        -webkit-animation: none;
        animation: none;
    }

    .whatsapp-fixed .icon img {
        display: block;
    }
}