/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html,
body {
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
/* button:focus {
    background-color: transparent !important;
} */
::-webkit-scrollbar-track {
    background: rgb(240, 242, 254);
}

::-webkit-scrollbar-thumb {
    background: rgba(82, 180, 178, 0.6);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgb(82, 180, 178);
}
/* .container {
    max-width: 1300px;
    width: 1300px;
} */
.col-span-2 {
    grid-column: span 2 / span 2;
}
.gf-case-study-bg1 {
    background: rgb(127, 86, 217);
}

.gf-case-study-bg2 {
    background: rgb(3, 152, 85);
}

.gf-case-study-bg3 {
    background: rgb(21, 112, 239);
}

.gf-case-study-bg4 {
    background: rgb(68, 76, 231);
}

.gf-case-study-bg5 {
    background: rgb(221, 37, 144);
}

.gf-case-study-bg6 {
    background: rgb(0, 134, 201);
}

.gf-case-study-bg7 {
    background: rgb(224, 79, 22);
}

.gf-case-study-bg8 {
    background: rgb(3, 152, 85);
}

.gf-case-study-bg9 {
    background: rgb(21, 112, 239);
}

.gf-case-study-bg10 {
    background: rgb(68, 76, 231);
}

.gf-case-study-bg11 {
    background: rgb(221, 37, 144);
}

.gf-case-study-bg12 {
    background: rgb(0, 134, 201);
}

.gf-case-study-bg13 {
    background: rgb(224, 79, 22);
}

.gf-review-bg1 {
    background: rgb(255, 249, 238);
}

.gf-review-bg2 {
    background: rgb(231, 245, 232);
}

.gf-review-bg3 {
    background: rgb(245, 246, 247);
}

.gf-review-bg4 {
    background: rgb(241, 235, 255);
}

.gf-review-bg5 {
    background: rgb(240, 245, 255);
}
.gf-review-bg6 {
    background: rgb(255, 249, 238);
}
.gf-review-bg7 {
    background: rgb(245, 246, 247);
}
.gf-review-bg8 {
    background: rgb(255, 249, 238);
}
.gf-review-bg9 {
    background: rgb(231, 245, 232);
}
.gf-review-bg10 {
    background: rgb(240, 245, 255);
}
#masthead.gf-scroll-header {
    background: rgba(24,24,24, 0.8);
    backdrop-filter: blur(250px);
}
.gf-about-column .elementor-widget-wrap:hover span {
    -webkit-text-stroke: 1px rgb(255,255,255);
    color: rgb(24, 22, 32);
}
.gf-what-offer-section .container {
    max-width: 1300px;
}
.gf-banner-heading span {
    background: linear-gradient(90deg, #6AFAF7 0%, #46B9B7 50%, #1C9895 100%);
    color: transparent;
    background-clip: text;
}
.ehf-header #masthead {
    position: sticky;
    top: 0;
    z-index: 999;
    transition: all 0.3s ease-in-out;
}
.gf-about-content .gf-about-heading .gf-about-heading-highlight {
	color: rgb(82, 180, 178);
}
.gf-about-content .gf-about-heading .gf-about-heading-highlight span {
    width: 42px;
    height: 42px;
    display: inline-block;
}
.gf-about-content h2.gf-about-heading {
    text-align: center;
	margin-top: 0;
}
.gf-what-offer-row {
    display: flex;
    align-items: center;
    gap: 50px;
}

.gf-what-offer-row .gf-what-offer-list {
    max-width: 690px;
    width: 100%;
}
.gf-what-offer-row .gf-what-offer-list-img {
    max-width: 600px;
    width: 100%;
}
.gf-what-offer-list .gf-what-offer-item {
    margin-top: 24px;
}

.gf-what-offer-list .gf-what-offer-item:first-child {
    margin-top: 0;
}

.gf-what-offer-list .gf-what-offer-item .gf-what-offer-link {
    display: flex;
    align-items: center;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    color: #fff;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    padding-bottom: 11px;
}

.gf-what-offer-list .gf-what-offer-item .gf-what-offer-link svg {
    min-width: 50px;
    width: 50px;
    height: 50px;
    margin-left: auto;
    transition: all 0.3s ease-in-out;
}

.gf-what-offer-list .gf-what-offer-item.active .gf-what-offer-link svg {
    transform: rotate(180deg);
}

.gf-what-offer-list .gf-what-offer-item .gf-what-offer-item-content {
    font-size: 20px;
	line-height: 28px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: #fff;
    margin-top: 0;
    max-height: 1000px;
    height: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

.gf-what-offer-list .gf-what-offer-item.active .gf-what-offer-item-content {
    margin-top: 12px;
    height: auto;
    opacity: 1;
    pointer-events: all;
}
.gf-what-offer-list-img .gf-what-offer-img {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 600 / 713;
    display: none;
}

.gf-what-offer-list-img .gf-what-offer-img.show {
    display: block;
}

.gf-what-offer-list-img .gf-what-offer-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gf-portfolio-content .row {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 50px;
}
.gf-portfolio-col {
    text-decoration: none !important;
    display: block;
}
a.gf-portfolio-col:hover{
    color: #fff !important;
}
.gf-portfolio-col .gf-portfolio-col-img {
    aspect-ratio: 623 / 460;
    width: 100%;
    margin-bottom: 23px;
}

.gf-portfolio-col .gf-portfolio-col-text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gf-portfolio-col .gf-portfolio-col-text h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
}

.gf-portfolio-col .gf-portfolio-col-text ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    margin-left: auto;
}

.gf-portfolio-col .gf-portfolio-col-text ul li {
    font-size: 14px;
    font-weight: 400;
    color: rgb(153, 153, 153);
    display: flex;
    align-items: center;
    gap: 11px;
    padding-right: 8px;
}

.gf-portfolio-col .gf-portfolio-col-text ul li::after {
    content: "";
    width: 4px;
    height: 4px;
    background: rgba(255,255,255, 0.2);
    display: block;
    border-radius: 10px;
}

.gf-case-study-section .gf-case-study-content {
    overflow: hidden;
}
.gf-case-study-slider {
    overflow: visible;
}
.gf-case-study-slider .gf-case-study-slider-btn-row {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 32px;
}

.gf-case-study-slider .gf-case-study-slider-btn-row .gf-case-study-slider-btn {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
    border-radius: 100px;
    background: rgba(255,255,255, 0.9);
    opacity: 1 !important;
    color: rgba(102, 112, 133);
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.gf-case-study-slider .gf-case-study-slider-btn-row .gf-case-study-slider-btn:hover {
    background: rgb(82, 180, 178);
    color: #fff;
}

.gf-case-study-slider .gf-case-study-slider-btn-row .gf-case-study-slider-btn svg {
    width: 24px;
    height: 24px;
}

.gf-case-study-slider .gf-case-study-slider-btn-row .gf-case-study-slider-btn::after {
    display: none;
}
.gf-case-study-slide {
    padding: 32px 24px 24px;
    aspect-ratio: 384 / 405;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.gf-case-study-slide .gf-case-study-slide-icon {
    width: auto;
    height: 48px;
    color: #fff;
}

.gf-case-study-slide .gf-case-study-slide-text {
    padding: 32px 24px;
    background: rgb(255,255,255, 0.3);
    border: 1px solid rgb(255,255,255, 0.4);
    margin-top: 20px;
    width: 100%;
    backdrop-filter: blur(24px);
}

.gf-case-study-slide .gf-case-study-slide-text h2 {
    font-size: 22px;
    line-height: 34px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    color: rgb(240, 242, 254);
    margin-bottom: 16px;
}

.gf-case-study-slide .gf-case-study-slide-text p {
    font-size: 18px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    color: rgb(240, 242, 254);
    margin-bottom: 32px;
}

.gf-case-study-slide .gf-case-study-slide-text a {
    display: flex;
    align-items: center;
    width: fit-content;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    color: rgb(240, 242, 254);
    gap: 8;
}

.gf-case-study-slide .gf-case-study-slide-text a svg {
    width: 20px;
    height: 20px;
}
.gf-review-heading-content {
    display: flex;
    align-items: end;
    gap: 10px;
    margin-bottom: 72px;
}

.gf-review-heading-content .gf-review-heading-content-text {
    max-width: 547px;
    width: 100%;
}

.gf-review-heading-content .gf-review-heading-content-text h2 {
    font-size: 52px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    color: rgb(240, 242, 254);
    letter-spacing: -0.02em;
    margin-bottom: 24px;
}

.gf-review-heading-content .gf-review-heading-content-text p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: rgb(240, 242, 254);
    margin-bottom: 0;
}

.gf-review-heading-content .gf-review-slider-btn-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: auto;
}

.gf-review-heading-content .gf-review-slider-btn-row .gf-review-slider-btn {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    width: 64px;
    height: 64px;
    border-radius: 100px;
    background: rgb(240, 242, 254);
    opacity: 1 !important;
    color: rgba(82, 180, 178);
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.gf-review-heading-content .gf-review-slider-btn-row .gf-review-slider-btn:hover {
    background: rgb(82, 180, 178);
    color: rgba(240, 242, 254);
}

.gf-review-heading-content .gf-review-slider-btn-row .gf-review-slider-btn svg {
    width: 32px;
    height: 32px;
}

.gf-review-heading-content .gf-review-slider-btn-row .gf-review-slider-btn::after {
    display: none;
}

.gf-review-section{
    overflow: hidden;
}

.gf-review-slider {
    overflow: visible;
}

.gf-review-slider .swiper-slide {
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.gf-review-slider .swiper-slide-prev,
.gf-review-slider .swiper-slide-next,
.gf-review-slider .swiper-slide-active {
    opacity: 1;
}

.gf-review-slide {
    aspect-ratio: 424 / 400;
    width: 100%;
    border-radius: 24px;
    padding: 40px 40px 52px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.gf-review-slide .gf-review-slide-profile {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    gap: 12px;
}

.gf-review-slide .gf-review-slide-profile img {
    aspect-ratio: 1 / 1;
    min-width: 48px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    overflow: hidden;
    object-fit: cover;
}

.gf-review-slide .gf-review-slide-profile .gf-review-slide-profile-text h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    font-family: "Inter", sans-serif;
    color: rgb(6, 28, 61);
    margin-bottom: 4px;
}

.gf-review-slide .gf-review-slide-profile .gf-review-slide-profile-text p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: rgb(66, 82, 107);
    margin-bottom: 0;
}

.gf-review-slide .gf-review-slide-profile .gf-review-slide-profile-text p span {
    font-weight: 500;
}

.gf-review-slide p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: rgb(6, 28, 61);
    margin-bottom: 40px;
}

.gf-review-slide .gf-review-slide-icon {
    width: auto;
    height: 40px;
    margin-top: auto;
}

.gf-articles-section .container {
    max-width: 1170px;
    position: relative;
}

.gf-articles-content {
    position: relative;
}

.gf-articles-content .swiper-pagination {
    position: relative;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 40px;
}

.gf-articles-content .swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background: rgb(180, 183, 201);
    opacity: 1;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.gf-articles-content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    background: rgb(82, 180, 178);
}

.gf-articles-content .gf-articles-slider-btn {
    min-width: 36px;
    width: 36px;
    height: 36px;
    box-shadow: 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03), 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06);
    background: rgb(240, 242, 254);
    border-radius: 100px;
    color: rgb(62, 66, 101);
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.gf-articles-content .gf-articles-slider-btn svg {
    width: 20px;
    height: 20px;
}

.gf-articles-content .gf-articles-slider-btn:hover {
    background: rgb(82, 180, 178);
    color: rgba(240, 242, 254);
}

.gf-articles-content .gf-articles-slider-btn::after {
    display: none;
}

.gf-articles-content .gf-articles-slider-btn.swiper-button-next {
    right: -52px;
}

.gf-articles-content .gf-articles-slider-btn.swiper-button-prev {
    left: -52px;
}

.gf-articles-slide {
    border-radius: 8px;
    overflow: hidden;
    background: rgb(255,255,255);
    position: relative;
}

.gf-articles-slide .gf-articles-slide-like-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(62, 66, 101);
    background: rgb(240, 242, 254);
    border-radius: 100px;
    border: 0;
    position: absolute;
    top: 16px;
    right: 16px;
    transition: all 0.3s ease-in-out;
    z-index: 9;
}

.gf-articles-slide .gf-articles-slide-like-btn svg {
    width: 18px;
    height: 18px;
}

.gf-articles-slide .gf-articles-slide-like-btn:hover {
    color: rgb(82, 180, 178);
}

.gf-articles-slide .gf-articles-slide-box {
    text-decoration: none;
    display: block;
}

.gf-articles-slide .gf-articles-slide-img {
    aspect-ratio: 387 / 300;
    width: 100%;
    position: relative;
}

.gf-articles-slide .gf-articles-slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gf-articles-slide .gf-articles-slide-text {
    padding: 24px;
    height: 267px;
}

.gf-articles-slide .gf-articles-slide-text .gf-articles-slide-label-time-row {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.gf-articles-slide .gf-articles-slide-text .gf-articles-slide-label-time-row .gf-articles-slide-label {
    padding: 0 8px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    color: rgb(62, 66, 101);
    background: rgb(239, 242, 252);
    border-radius: 4px;
    display: block;
}

.gf-articles-slide .gf-articles-slide-text .gf-articles-slide-label-time-row .gf-articles-slide-time {
    font-size: 14px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: rgb(147, 151, 173);
    display: block;
    margin-left: auto;
}

.gf-articles-slide .gf-articles-slide-text .gf-articles-slide-title {
    font-size: 20px;
    font-weight: 800;
    font-family: "Manrope", sans-serif;
    color: rgb(62, 66, 101);
    margin-bottom: 0;
    line-height: 1.4;
}

.gf-articles-slide .gf-articles-slide-text .gf-articles-slide-profile {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgb(226, 229, 241);
}

.gf-articles-slide .gf-articles-slide-text .gf-articles-slide-profile .gf-articles-slide-profile-img {
    min-width: 48px;
    width: 48px;
    height: 48px;
    overflow: hidden;
}

.gf-articles-slide .gf-articles-slide-text .gf-articles-slide-profile .gf-articles-slide-profile-img img {
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

.gf-articles-slide .gf-articles-slide-text .gf-articles-slide-profile .gf-articles-slide-profile-text p {
    font-size: 16px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    color: rgb(19, 16, 34);
    margin-bottom: 2px;
}

.gf-articles-slide .gf-articles-slide-text .gf-articles-slide-profile .gf-articles-slide-profile-text span {
    font-size: 14px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: rgb(147, 151, 173);
    display: block;
}

.gf-banner-heading span {
    background: linear-gradient(180deg, #52B4B2 0%, rgba(82, 180, 178, 0) 100%);
    background-clip: text;
}

.gf-our-services-content .gf-our-services-tab-line {
    position: relative;
    max-width: 1300px;
    width: 100%;
    aspect-ratio: 1300 / 240;
    /* margin: 0 auto 16px; */
}

.gf-our-services-tab-line .gf-our-services-tab-line-logo {
    align-self: 1 / 1;
    width: 101px;
    height: 101px;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 9;
}

.gf-our-services-tab-line span {
    display: block;
    position: absolute;
    top: 63px;
    color: rgb(240, 242, 254);
}

.gf-our-services-tab-line span svg {
    width: 100%;
    height: 100%;
}

.gf-our-services-tab-line span input:checked~svg {
    color: rgb(82, 180, 178);
}

.gf-our-services-tab-line .gf-our-services-tab-line1 {
    left: 7%;
    aspect-ratio: 612 / 194;
    max-width: 520px;
    width: 100%;
}

.gf-our-services-tab-line .gf-our-services-tab-line2 {
    left: 21.5%;
    aspect-ratio: 409 / 186;
    max-width: 355px;
    width: 100%;
}

.gf-our-services-tab-line .gf-our-services-tab-line3 {
    left: 36.5%;
    aspect-ratio: 194 / 181;
    max-width: 170px;
    width: 100%;
}

.gf-our-services-tab-line .gf-our-services-tab-line4 {
    left: 50%;
    transform: translateX(-50%);
    aspect-ratio: 1 / 174;
    max-height: 140px;
    width: 100%;
}

.gf-our-services-tab-line .gf-our-services-tab-line5 {
    right: 36.5%;
    aspect-ratio: 194 / 181;
    max-width: 170px;
    width: 100%;
}

.gf-our-services-tab-line .gf-our-services-tab-line6 {
    right: 21.5%;
    aspect-ratio: 409 / 186;
    max-width: 355px;
    width: 100%;
}

.gf-our-services-tab-line .gf-our-services-tab-line7 {
    right: 7%;
    aspect-ratio: 612 / 194;
    max-width: 520px;
    width: 100%;
}

.gf-our-services-tabs {
    border: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}

.gf-our-services-tabs .nav-item {
    flex: 1;
}

.gf-our-services-tabs .nav-link {
    margin: 0;
    border: 0;
    background: transparent !important;
    padding: 0 0 12px 0;
    position: relative;
    text-align: center;
    color: rgb(255,255,255, 0.5);
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    font-family: "Inter", sans-serif;
    max-width: 180px;
}

.gf-our-services-tabs .nav-link::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 64px;
    height: 1px;
    border-radius: 10px;
    background: transparent;
}

.gf-our-services-tabs .nav-link.active {
    color: rgb(82, 180, 178);
}

.gf-our-services-tabs .nav-link.active::before {
    background: rgb(82, 180, 178);
}

.gf-our-services-tabs-content .tab-pane {
    margin-top: 35px;
}

.gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-body-text h2 {
    font-size: calc(32px + 1px);
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    color: rgb(240, 242, 254);
    margin-bottom: 20px;
}

.gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-body-text p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: rgb(240, 242, 254);
    margin-bottom: 0px;
}

.gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-body-text p span {
    color: rgb(82, 180, 178);
    font-weight: 800;
}

.gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-technology {
    display: flex;
    justify-content: center;
    gap: 90px;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
}

.gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-technology .gf-our-services-tabs-technology-item img {
    aspect-ratio: 1 / 1;
    max-width: 52px;
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-technology .gf-our-services-tabs-technology-item p {
    font-size: 18px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: rgb(240, 242, 254);
    text-transform: capitalize;
    text-align: center;
    margin: 15px 0 0;
}

.gf-marquee-aimation-section {
    min-height: 284px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one {
    background: rgb(0,0,0);
    padding: 15px;
    transform: rotate(3.5deg);
    width: calc(100vw + 50px);
    margin-left: -10px;
}

.gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one .js-marquee-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}

.gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one .js-marquee-wrapper .js-marquee {
    display: flex;
    align-items: center;
    gap: 30px;
}

.gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one span {
    font-size: calc(22px + 1px);
    font-weight: 400;
    font-family: "Fira Sans", sans-serif;
    color: rgb(240, 242, 254);
    white-space: nowrap;
    display: block;
    line-height: 1.2;
}

.gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two {
    background: rgb(82, 180, 178);
    padding: 15px;
    transform: rotate(-5.59deg);
    width: calc(100vw + 50px);
    margin-left: -10px;
    margin-top: -44px;
}

.gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two .js-marquee-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}

.gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two .js-marquee-wrapper .js-marquee {
    display: flex;
    align-items: center;
    gap: 30px;
}

.gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two span {
    font-size: calc(22px + 1px);
    font-weight: 400;
    font-family: "Fira Sans", sans-serif;
    color: rgb(24, 22, 32);
    white-space: nowrap;
    display: block;
    line-height: 1.2;
}

.gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two .gf-marquee-aimation-star {
    font-size: 36px;
    line-height: 20px;
}

.gf-our-approach-section .gf-our-approach-content {
    position: relative;
}

.gf-our-approach-section .gf-our-approach-content .gf-our-approach-shap1 {
    position: absolute;
    width: 841.62px;
    height: 433.2px;
    bottom: -113px;
    left: -135px;
    transform: rotate(-177.14deg);
    border-radius: 50%;
    background: rgb(82, 180, 178, 0.4);
    filter: blur(450px);
    z-index: -1;
}

.gf-our-approach-content .gf-our-approach-content-img {
    aspect-ratio: 1650 / 442;
    width: 100%;
    position: relative;
    margin-bottom: 100px;
}

.gf-our-approach-content .gf-our-approach-content-img svg {
    width: 100%;
    height: 100%;
}

.gf-our-approach-content .gf-our-approach-content-img .gf-our-approach-inactive-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
}

.gf-our-approach-content .gf-our-approach-col {
    padding-left: 32px;
    position: relative;
}

.gf-our-approach-content .gf-our-approach-col::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6.4px;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background: rgb(82, 180, 178);
}

.gf-our-approach-content .gf-our-approach-col h2 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    color: rgb(82, 180, 178);
    margin-bottom: 8px;
}

.gf-our-approach-content .gf-our-approach-col p {
    font-size: 22px;
    line-height: 36px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: rgb(240, 242, 254);
    margin-bottom: 0;
}

.gf-banner-section .container {
    max-width: 1170px;
}

.gf-banner-section .gf-home-banner-shap {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 50%;
    width: 100%;
    aspect-ratio: 992 / 990;
    z-index: -1;
}

.gf-banner-section .gf-banner-shap {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 660px;
    width: 100%;
    aspect-ratio: 660 / 687;
    z-index: -1;
}

/* Portfolio detail page css start */
.gf-portfolio-detail-banner-section,
.gf-article-detail-banner-section {
    padding: 181px 0 212px;
    position: relative;
}

.gf-portfolio-detail-banner-section .gf-portfolio-detail-banner-img1,
.gf-article-detail-banner-section .gf-article-detail-banner-img1 {
    aspect-ratio: 281 / 190;
    max-width: 281px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 181px;
    right: 119px;
    z-index: -1;
}

.gf-portfolio-detail-banner-section .gf-portfolio-detail-banner-img2,
.gf-article-detail-banner-section .gf-article-detail-banner-img2 {
    aspect-ratio: 195 / 289;
    max-width: 195px;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 64px;
    left: 119px;
    z-index: -1;
}

.gf-portfolio-detail-banner-section .gf-banner-shap1,
.gf-article-detail-banner-section .gf-banner-shap1 {
    position: absolute;
    width: 841px;
    height: 367px;
    bottom: -81px;
    left: -278px;
    transform: rotate(-177.58deg);
    background: rgba(82, 180, 178, 0.4);
    border-radius: 50%;
    z-index: -1;
    filter: blur(450px);
}

.gf-portfolio-detail-banner-section .gf-banner-shap2,
.gf-article-detail-banner-section .gf-banner-shap2 {
    width: 841px;
    height: 485px;
    transform: rotate(-176.79deg);
    display: block;
    z-index: -1;
    position: absolute;
    right: 12px;
    top: 7px;
    background: rgb(82, 180, 178, 0.4);
    border-radius: 50%;
    filter: blur(450px);
}

.gf-portfolio-detail-banner-section .container {
    max-width: 827px;
}

.gf-portfolio-detail-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-sub-text,
.gf-article-detail-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-sub-text {
    font-size: 20px;
    margin-bottom: 14px;
    font-weight: 500;
    color: rgb(82, 180, 178);
}

.gf-portfolio-detail-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-heading {
    font-size: calc(60px - 1px);
    color: rgb(82, 180, 178);
    margin-bottom: 25px;
    font-weight: 600;
    line-height: 64px;
}

.gf-portfolio-detail-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-img,
.gf-article-detail-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-img {
    aspect-ratio: 803 / 400;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.gf-portfolio-detail-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-img img,
.gf-article-detail-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gf-portfolio-detail-section,
.gf-article-detail-section {
    margin-top: -140px;
    padding-bottom: 41px;
}

.gf-portfolio-detail-section .container {
    max-width: 827px;
    position: relative;
}

.gf-portfolio-detail-section .gf-portfolio-detail-shap1,
.gf-article-detail-section .gf-article-detail-shap1 {
    position: absolute;
    width: 841px;
    height: 304px;
    top: 21%;
    right: -722px;
    transform: rotate(-177.99deg);
    background: rgba(82, 180, 178, 0.4);
    border-radius: 50%;
    z-index: -1;
    filter: blur(450px);
}

.gf-portfolio-detail-section .gf-portfolio-detail-shap2,
.gf-article-detail-section .gf-article-detail-shap2 {
    position: absolute;
    width: 841px;
    height: 304px;
    bottom: 24%;
    left: -555px;
    transform: rotate(-176.98deg);
    background: rgba(82, 180, 178, 0.4);
    border-radius: 50%;
    z-index: -1;
    filter: blur(450px);
}

.gf-portfolio-detail-left-content {
    display: grid;
    gap: 40px;
}

.gf-portfolio-detail-left-content .gf-portfolio-detail-left-box h2 {
    font-size: calc(16px + 1px);
    font-weight: 600;
    color: rgb(82, 180, 178);
    font-family: "Inter", sans-serif;
    margin-bottom: 16px;
}

.gf-portfolio-detail-left-content .gf-portfolio-detail-left-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gf-portfolio-detail-left-content .gf-portfolio-detail-left-box ul li {
    font-size: 16px;
    font-weight: 400;
    color: rgb(107, 114, 128);
    font-family: "Inter", sans-serif;
    margin-bottom: 16px;
}

.gf-portfolio-detail-left-content .gf-portfolio-detail-left-box ul li:last-child {
    margin-bottom: 0;
}

.gf-portfolio-detail-left-content .gf-portfolio-detail-left-btn {
    padding: 13px 21px;
    border-radius: 100px;
    border: 1px solid rgb(82, 180, 178);
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-size: 14px;
    font-weight: 600;
    color: rgb(82, 180, 178);
    font-family: "Inter", sans-serif;
    text-decoration: none;
    gap: 12px;
}

.gf-portfolio-detail-left-content .gf-portfolio-detail-left-btn svg {
    min-width: 20px;
    width: 20px;
    height: 20px;
}

.gf-portfolio-detail-right-text,
.gf-article-detail-right-text {
    display: grid;
    gap: 40px;
}

.gf-portfolio-detail-content .gf-portfolio-detail-img-grid {
    margin-top: 72px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.gf-portfolio-detail-content .gf-portfolio-detail-img-grid .gf-portfolio-detail-img {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.gf-portfolio-detail-content .gf-portfolio-detail-img-grid .gf-portfolio-detail-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gf-portfolio-detail-content .gf-portfolio-detail-review-box {
    margin-top: 72px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 20px;
    padding: 41px;
}

.gf-portfolio-detail-content .gf-portfolio-detail-review-box .gf-portfolio-detail-review-text {
    font-size: 20px;
    font-weight: 400;
    color: rgb(82, 180, 178);
    font-family: "Inter", sans-serif;
    margin-bottom: 55px;
}

.gf-portfolio-detail-content .gf-portfolio-detail-review-box .gf-portfolio-detail-review-user-row {
    display: flex;
    align-items: flex-end;
}

.gf-portfolio-detail-content .gf-portfolio-detail-review-box .gf-portfolio-detail-review-user-row .gf-portfolio-detail-review-user {
    display: flex;
    align-items: center;
    margin-right: 12px;
}

.gf-portfolio-detail-content .gf-portfolio-detail-review-box .gf-portfolio-detail-review-user-row .gf-portfolio-detail-review-user img {
    min-width: 64px;
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 100px;
    overflow: hidden;
}

.gf-portfolio-detail-content .gf-portfolio-detail-review-box .gf-portfolio-detail-review-user-row .gf-portfolio-detail-review-user .gf-portfolio-detail-review-user-text {
    margin-left: 16px;
}

.gf-portfolio-detail-content .gf-portfolio-detail-review-box .gf-portfolio-detail-review-user-row .gf-portfolio-detail-review-user .gf-portfolio-detail-review-user-text p {
    font-size: 16px;
    font-weight: 600;
    color: rgb(82, 180, 178);
    font-family: "Inter", sans-serif;
    margin-bottom: 4px;
}

.gf-portfolio-detail-content .gf-portfolio-detail-review-box .gf-portfolio-detail-review-user-row .gf-portfolio-detail-review-user .gf-portfolio-detail-review-user-text span {
    font-size: 16px;
    font-weight: 600;
    color: rgb(107, 114, 128);
    font-family: "Inter", sans-serif;
    display: block;
}

.gf-portfolio-detail-content .gf-portfolio-detail-review-box .gf-portfolio-detail-review-user-row .gf-portfolio-detail-review-logo {
    margin-left: auto;
    max-width: 117px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.gf-portfolio-what-next-section {
    padding: 72px 0 197px;
    overflow: hidden;
    position: relative;
}

.gf-portfolio-what-next-section .gf-portfolio-what-next-shap1 {
    width: 841px;
    height: 456px;
    position: absolute;
    bottom: -301px;
    left: -328px;
    transform: rotate(-176.98deg);
    background: rgb(82, 180, 178, 0.4);
    border-radius: 50%;
    filter: blur(450px);
}

.gf-portfolio-what-next-section .gf-portfolio-what-next-shap2 {
    width: 841px;
    height: 456px;
    position: absolute;
    bottom: -301px;
    right: -328px;
    transform: rotate(-176.98deg);
    background: rgb(82, 180, 178, 0.4);
    border-radius: 50%;
    filter: blur(450px);
}

.gf-portfolio-what-next-section .container {
    max-width: 1170px;
}

.gf-portfolio-what-next-section .gf-portfolio-what-next-heading {
    display: flex;
    align-items: flex-start;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(229, 231, 235);
    margin-bottom: 40px;
}

.gf-portfolio-what-next-section .gf-portfolio-what-next-heading h2 {
    font-size: calc(36px + 1px);
    font-weight: 600;
    color: rgb(82, 180, 178);
    font-family: "Inter", sans-serif;
    letter-spacing: -0.8px;
    margin-bottom: 0;
    margin-right: 12px;
    line-height: 40px;
}

.gf-portfolio-what-next-section .gf-portfolio-what-next-heading a {
    font-size: 14px;
    font-weight: 600;
    color: rgb(82, 180, 178);
    font-family: "Inter", sans-serif;
    letter-spacing: 0.32px;
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 11px;
    margin-left: auto;
}

.gf-portfolio-what-next-section .gf-portfolio-what-next-heading a svg {
    min-width: 24px;
    width: 24px;
    height: 24px;
}

.gf-portfolio-what-next-content .row {
    --bs-gutter-x: 32px;
}

.gf-portfolio-what-next-content .gf-portfolio-what-next-col {
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    background: rgb(255, 255, 255);
}

.gf-portfolio-what-next-content .gf-portfolio-what-next-col img {
    aspect-ratio: 632 / 303;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 24px;
}

.gf-portfolio-what-next-content .gf-portfolio-what-next-col .gf-portfolio-what-next-col-text-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
	padding: 0px 10px;
}

.gf-portfolio-what-next-content .gf-portfolio-what-next-col .gf-portfolio-what-next-col-text-row .gf-portfolio-what-next-col-text p {
    font-size: 20px;
    font-weight: 600;
    color: rgb(82, 180, 178);
    font-family: "Inter", sans-serif;
    letter-spacing: 0.44px;
    margin-bottom: 7px;
}

.gf-portfolio-what-next-content .gf-portfolio-what-next-col .gf-portfolio-what-next-col-text-row .gf-portfolio-what-next-col-text span {
    font-size: 16px;
    font-weight: 400;
    color: rgb(0, 0, 0);
    font-family: "Inter", sans-serif;
    letter-spacing: 0.36px;
    display: block;
}

.gf-portfolio-what-next-content .gf-portfolio-what-next-col .gf-portfolio-what-next-col-text-row a {
    display: block;
    padding: 17px 29px;
    border: 1px solid rgb(82, 180, 178);
    border-radius: 100px;
    color: rgb(82, 180, 178);
    margin-bottom: 5px;
}

.gf-portfolio-what-next-content .gf-portfolio-what-next-col .gf-portfolio-what-next-col-text-row a svg {
    min-width: 24px;
    width: 24px;
    height: 24px;
}

/* Blog page css start */
.gf-blog-banner-section {
    position: relative;
    padding: 100px 0 80px;
}

.gf-blog-banner-section::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 130px;
    background: rgb(82, 180, 178);
}

.gf-blog-banner-section .container {
    max-width: 1300px;
    position: relative;
}

.gf-blog-banner-section .gf-banner-shap1 {
    position: absolute;
    width: 841px;
    height: 367px;
    bottom: -81px;
    left: -278px;
    transform: rotate(-177.58deg);
    background: rgba(82, 180, 178, 0.4);
    border-radius: 50%;
    z-index: -1;
    filter: blur(450px);
}

.gf-blog-banner-section .gf-banner-shap2 {
    width: 841px;
    height: 485px;
    transform: rotate(-176.79deg);
    display: block;
    z-index: -1;
    position: absolute;
    right: 12px;
    top: 7px;
    background: rgb(82, 180, 178, 0.4);
    border-radius: 50%;
    filter: blur(450px);
}

.gf-blog-banner-section .gf-home-banner-content .gf-banner-text {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 69px;
}

.gf-blog-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-heading {
    font-size: calc(72px + 10px);
    font-weight: 700;
}

.gf-blog-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-heading span {
    padding: 0 11px;
    border-radius: 8px;
    background: rgb(82, 180, 178);
    color: rgb(255, 255, 255);
}

.gf-blog-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-paragraph {
    max-width: 426px;
    width: 100%;
    margin-left: auto;
    font-size: calc(16px + 1px);
    font-weight: 500;
}

.gf-blog-col {
    display: flex;
    align-items: center;
    border: 1px solid rgb(228, 230, 230);
    background: rgb(255, 255, 255);
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
}

.gf-blog-col .gf-blog-col-img {
    aspect-ratio: 1 / 1;
    max-width: 359px;
    width: 100%;
    height: 100%;
}

.gf-blog-col .gf-blog-col-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gf-blog-col .gf-blog-col-text {
    padding: 12px 38px 12px 27px;
}

.gf-blog-col .gf-blog-col-text .gf-blog-col-label-date-row,
.gf-article-detail-banner-section .gf-blog-col-label-date-row {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 15px;
}

.gf-blog-col .gf-blog-col-text .gf-blog-col-label-date-row span,
.gf-article-detail-banner-section .gf-blog-col-label-date-row span {
    padding: 15px 22px;
    font-size: 14px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-family: "Inter", sans-serif;
    border: 1px solid rgb(0, 0, 0);
    background: rgb(82, 180, 178);
    border-radius: 8px;
    display: block;
    line-height: 18px;
}

.gf-blog-col .gf-blog-col-text .gf-blog-col-label-date-row p,
.gf-article-detail-banner-section .gf-blog-col-label-date-row .gf-date {
    font-size: calc(14px + 1px);
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-family: "Inter", sans-serif;
    margin-bottom: 0;
}

.gf-blog-col .gf-blog-col-text .gf-blog-col-heading {
    font-size: calc(24px + 2px);
    font-weight: 700;
    line-height: 40px;
    color: rgb(0, 0, 0);
    font-family: "Inter", sans-serif;
    margin-bottom: 13px
}

.gf-blog-col .gf-blog-col-text .gf-blog-col-paragraph {
    font-size: calc(16px + 1px);
    font-weight: 500;
    color: rgb(49, 52, 53);
    font-family: "Inter", sans-serif;
    margin-bottom: 0;
}

.gf-blog-banner-section .gf-blog-col .gf-blog-col-img {
    aspect-ratio: 610 / 539;
    max-width: 610px;
}

.gf-blog-banner-section .gf-blog-col .gf-blog-col-text {
    padding: 12px 63px;
}

.gf-blog-banner-section .gf-blog-col .gf-blog-col-text .gf-blog-col-label-date-row {
    margin-bottom: 28px;
}

.gf-blog-banner-section .gf-blog-col .gf-blog-col-text .gf-blog-col-heading {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 16px;
}

.gf-blog-banner-section .gf-blog-col .gf-blog-col-text .gf-blog-col-paragraph {
    line-height: 1.5;
    max-width: 469px;
    width: 100%;
}

.gf-news-letter-section {
    padding: 60px 0 50px;
}

.gf-news-letter-section .container {
    max-width: 1170px;
}

.gf-news-letter-section .gf-news-letter-content {
    display: flex;
    align-items: center;
    gap: 120px;
}

.gf-news-letter-content .gf-news-letter-icon {
    max-width: 156px;
    width: 100%;
    height: auto;
}

.gf-news-letter-content .gf-news-letter-content-box {
    max-width: 665px;
    width: 100%;
}

.gf-news-letter-content .gf-news-letter-content-box p {
    font-size: calc(16px + 1px);
    font-weight: 500;
    color: rgb(226, 229, 241);
    font-family: "Inter", sans-serif;
    text-align: center;
/*     margin-bottom: 32px; */
}

.gf-news-letter-content .gf-news-letter-shap1 {
    aspect-ratio: 284 / 192;
    max-width: 284px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.gf-letest-post-section {
    padding: 107px 0 111px;
}

.gf-letest-post-section .container {
    max-width: 1170px;
}

.gf-letest-post-section .gf-letest-post-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 56px;
}

.gf-letest-post-section .gf-letest-post-heading h2 {
    font-size: 56px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-family: "Inter", sans-serif;
    margin: 0;
}

.gf-letest-post-section .gf-letest-post-heading ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    gap: 25px;
}

.gf-letest-post-section .gf-letest-post-heading ul li a {
    padding: 19px 29px;
    font-size: 16px;
    font-weight: 500;
    color: rgb(86, 91, 93);
    font-family: "Inter", sans-serif;
    background: rgb(247, 247, 248);
    border-radius: 8px;
    text-decoration: none;
    border: 0;
    transition: all 0.3s ease-in-out;
}

.gf-letest-post-section .gf-letest-post-heading ul li a:hover,
.gf-letest-post-section .gf-letest-post-heading ul li a.active {
    color: rgb(255, 255, 255);
    background: rgb(82, 180, 178);
}

.gf-letest-post-section .gf-letest-post-content .row {
    --bs-gutter-x: 62px;
}

.gf-letest-post-content .gf-letest-post-list>* {
    margin-top: 32px;
}

.gf-letest-post-content .gf-letest-post-list>*:first-child {
    margin-top: 0;
}

.gf-letest-post-content .gf-letest-post-right-bar {
    display: grid;
    gap: 98px;
}

.gf-letest-post-right-bar .gf-letest-post-right-bar-box .gf-letest-post-right-bar-heading {
    font-size: calc(24px + 2px);
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-family: "Inter", sans-serif;
    border-bottom: 1px solid rgba(162, 167, 169, 0.6);
    padding-bottom: 16px;
}

.gf-letest-post-right-bar .gf-letest-post-right-bar-box .gf-letest-post-popular-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gf-letest-post-right-bar .gf-letest-post-right-bar-box .gf-letest-post-popular-list li {
    border-bottom: 1px solid rgba(162, 167, 169, 0.6);
    padding: 33px 0 32px;
}

.gf-letest-post-right-bar .gf-letest-post-right-bar-box .gf-letest-post-popular-list li:last-child {
    border-bottom: 0;
}

.gf-letest-post-right-bar .gf-letest-post-right-bar-box .gf-letest-post-popular-list li p {
    font-size: calc(20px + 1px);
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-family: "Inter", sans-serif;
    margin-bottom: 22px;
}

.gf-letest-post-right-bar .gf-letest-post-right-bar-box .gf-letest-post-popular-list li a {
    font-size: calc(16px + 1px);
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-family: "Inter", sans-serif;
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 5px;
}

.gf-letest-post-right-bar .gf-letest-post-right-bar-box .gf-letest-post-popular-list li a svg {
    min-width: 20px;
    width: 20px;
    height: 20px;
}

.gf-letest-post-right-bar .gf-letest-post-right-bar-box .gf-letest-post-follow-list,
.gf-author-bio .gf-letest-post-follow-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.gf-letest-post-right-bar .gf-letest-post-right-bar-box .gf-letest-post-follow-list li a,
.gf-author-bio .gf-letest-post-follow-list li a {
    min-width: 20px;
    width: 20px;
    height: 20px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    display: block;
}

/* Blog page css end */

/* Article detail page css start */
.gf-article-detail-banner-section .container {
    max-width: 1170px;
}
.gf-article-detail-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-heading {
    font-size: calc(73px - 1px);
    color: rgb(255, 255, 255);
    margin-bottom: 25px;
    font-weight: 700;
    line-height: 94px;
    text-align: center;
}
.gf-article-detail-banner-section .gf-banner-text p {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.gf-article-detail-banner-section .gf-blog-col-label-date-row {
    justify-content: center;
}
.gf-article-detail-banner-section .gf-blog-col-label-date-row span {
    color: rgb(255,255,255);
    border: 1px solid rgba(0, 11, 15, 1);
}
.gf-article-detail-banner-section .gf-blog-col-label-date-row .gf-date {
    color: rgb(255,255,255);
    margin: unset;
}
.gf-article-detail-section .container {
    max-width: 1170px;
    position: relative;
}
/* Article detail page css end */

/* Portfolio section css start */
.gf-portfolio-section {
    padding: 0 0 81px;
}

.gf-portfolio-section .gf-portfolio-content-shap1 {
    width: 697px;
    height: 860px;
    opacity: 0.2;
    border-radius: 50%;
    position: absolute;
    bottom: -288px;
    right: -434px;
    background: rgb(82, 180, 178);
    display: block;
    filter: blur(250px);
    z-index: -1;
}

.gf-portfolio-section .gf-portfolio-content-shap2 {
    width: 770px;
    height: 858px;
    opacity: 0.2;
    border-radius: 50%;
    position: absolute;
    top: -130px;
    left: -522px;
    background: rgb(82, 180, 178);
    display: block;
    filter: blur(250px);
    z-index: -1;
}

.gf-portfolio-section .container {
    max-width: 1464px;
}

.gf-portfolio-section .gf-portfolio-heading-content {
    padding: 0 91px;
    margin-bottom: 40px;
}

.gf-portfolio-heading-content span {
    padding: 7px 21px;
    font-size: 20px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 100px;
    margin-bottom: 8px;
    display: block;
    width: fit-content;
    line-height: 1.1;
}

.gf-portfolio-heading-content h2 {
    font-size: 48px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    color: rgb(255, 255, 255);
    margin-bottom: 0;
}

/* .gf-portfolio-content {
    padding: 0 52px;
} */

.gf-portfolio-content .row {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 50px;
}

.gf-portfolio-col {
    text-decoration: none;
    display: block;
}

.gf-portfolio-col .gf-portfolio-col-img {
    aspect-ratio: 623 / 460;
    width: 100%;
    margin-bottom: 23px;
}

.gf-portfolio-col:hover,
.gf-portfolio-col:focus {
    background-color: transparent !important;
}

.gf-portfolio-col .gf-portfolio-col-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.gf-portfolio-col .gf-portfolio-col-text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gf-portfolio-col .gf-portfolio-col-text h2 {
    font-size: 24px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: rgb(255, 255, 255);
    margin-bottom: 0;
}

.gf-portfolio-col .gf-portfolio-col-text ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    margin-left: auto;
}

.gf-portfolio-col .gf-portfolio-col-text ul li {
    font-size: 14px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: rgb(153, 153, 153);
    display: flex;
    align-items: center;
    gap: 11px;
    padding-right: 8px;
}

.gf-portfolio-col .gf-portfolio-col-text ul li::after {
    content: "";
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
    display: block;
    border-radius: 10px;
}

.gf-portfolio-section .gf-portfolio-btn-content {
    margin-top: 60px;
    padding-right: 19px;
}

.gf-portfolio-section .gf-portfolio-btn-content .gf-portfolio-viewall-btn {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    gap: 12px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.gf-portfolio-section .gf-portfolio-btn-content .gf-portfolio-viewall-btn svg {
    width: 40px;
    height: 40px;
}
.gf-portfolio-col {
    background: transparent;
    border: 0;
    padding: 0;
    position: relative;
}

.gf-portfolio-col::after {
    content: "View Project";
    display: flex;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.53);
    justify-content: center;
    align-items: center;
    transform-origin: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 17px;
    color: rgb(240, 242, 254);
    transform-origin: center;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0, 0, 0.43, 1.2);
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
    border-radius: 50%;
    width: 160px;
    height: 160px;
    padding: 40px;
    text-align: center;
    z-index: 55;
}
.gf-portfolio-col:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.gf-portfolio-content .row>div[class*="col"] {
    position: relative;
}

.gf-portfolio-content .gf-portfolio-col-detail-container {
    position: absolute;
    width: calc(100% * 2);
    left: 0;
    top: 100%;
    z-index: 99;
    display: none;
}
.gf-portfolio-content .col-md-6:nth-child(even) .gf-portfolio-col-detail-container {
    right: 0;
    left: auto;
}

.gf-portfolio-content .gf-portfolio-col-detail-container.show {
    display: block;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 64px 25px;
    position: relative;
    margin-top: 30px;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-close-btn {
    border-radius: 0;
    background-color: #52B4B2;
    border: none;
    width: 50px;
    height: 50px;
    top: 6px;
    background-image: none;
    display: block;
    right: 20px;
    position: absolute;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-close-btn::before,
.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-close-btn::after {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    background-color: rgb(240, 242, 254);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center;
    transition: all 0.1s;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-close-btn::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-bg {
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
    background: rgb(24, 22, 32);
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-bg::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    height: 6px;
    left: 0;
    right: 0;
    background: linear-gradient(260deg, #52B4B2 0%, #52b4b258 100%);
    z-index: 2;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab {
    width: 245px;
    padding: 35px 43px 19px 30px;
    background: rgb(240, 242, 254);
    margin-top: 170px;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab .nav-tabs {
    display: block;
    padding: 0;
    margin: 0;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab .nav-tabs .nav-link {
    aspect-ratio: 171 / 102;
    width: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    z-index: 9;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab .nav-tabs .nav-link:last-child {
    margin-bottom: 0;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab .nav-tabs .nav-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab .nav-tabs .nav-link::before {
    content: "";
    background: linear-gradient(56deg, #52B4B2 0%, rgb(82 180 178 / 70%) 100%);
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 0.3s;
    z-index: -1;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab .nav-tabs .nav-link::after {
    left: 90%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #52B4B2;
    border-width: 10px;
    margin-top: -5px;
    z-index: -2;
    transition: all 0.3s;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab .nav-tabs .nav-link.active::before {
    transform: translate(6px, 6px);
    opacity: 1;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab .nav-tabs .nav-link.active::after {
    left: calc(100% + 5px);
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab-box {
    width: calc(calc(100% - 33.33%) - 245px);
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab-box .tab-pane {
    width: 100%;
    height: 650px;
    overflow-y: auto;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab-box .tab-pane img {
    width: 100%;
    height: auto;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box {
    width: 33.33%;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-img {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-left: 60px; */
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-img img {
    max-width: 260px;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text {
    padding: 46px 30px 0;
    background: #191620;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-right-box-text-heading {
    font-size: 30px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    color: rgb(255, 255, 255);
    letter-spacing: 0.56px;
    margin-bottom: 24px;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-right-box-text-paragraph p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
}

.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-right-box-text-paragraph p:last-child {
    margin-bottom: 0;
}

.gf-portfolio-page-section .gf-portfolio-content .col-lg-6{
    display: none;
}
.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-button {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #aaa;
    display: flex;
    justify-content: space-between;
}
.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-button .gf-btn{
    text-decoration: none;
    font-weight: bold;
}
.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-button .gf-btn.btn-1:hover{
    color: #52B4B2;
}
.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-button .gf-btn.btn-2{
    color: #52B4B2;
}
.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-button .gf-btn.btn-2:hover{
    color: #fff;
}
.gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-button .gf-btn svg{
    width: 20px;
    height: 20px;
}
/* Portfolio section css end */

.gf-about-page-animation {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 800px;
    width: 100%;
    height: 100%;
    border-left: 1.5px solid rgb(233, 233, 233);
    overflow: hidden;
}

.gf-about-page-animation::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1.5px;
    height: 100%;
    background: rgb(233, 233, 233);
}

.gf-about-page-animation .js-marquee>* {
    width: 100%;
    margin-top: -70px;
}

.gf-about-page-animation .js-marquee>*:nth-child(1) {
    margin-top: 0;
}

.gf-about-page-animation .js-marquee>*:nth-child(odd) .gf-about-page-animation-col-box {
    margin-left: auto;
}

.gf-about-page-animation .gf-about-page-animation-col .gf-about-page-animation-col-box {
    width: 50%;
}

.gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading {
    display: flex;
    align-items: flex-end;
    padding: 0 30px 0 20px;
    gap: 12px;
}

.gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading .gf-about-page-animation-col-heading-text {
    padding-bottom: 23px;
}

.gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading .gf-about-page-animation-col-heading-text p {
    font-size: 16px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    font-family: "Inter", sans-serif;
    letter-spacing: -0.01em;
    margin-bottom: 0;
}

.gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading .gf-about-page-animation-col-heading-text span {
    font-size: 12px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-family: "Inter", sans-serif;
    letter-spacing: -0.01em;
    margin-bottom: 0;
    display: block;
}

.gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading h2 {
    font-size: 96px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-family: 'Samsung Sharp Sans';
    letter-spacing: -0.01em;
    margin-bottom: 0;
    margin-left: auto;
}

.gf-about-page-animation-col .gf-about-page-animation-col-box img {
    aspect-ratio: 400 / 320;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.gf-our-team-section .container {
    max-width: 1170px;
}

.gf-our-team-section .gf-our-team-content .row {
    --bs-gutter-x: 31px;
    --bs-gutter-y: 46px;
}

.gf-our-team-col {
    padding: 40px 48px 48px;
    position: relative;
    border-radius: 25px;
    z-index: 9;
    overflow: hidden;
    text-decoration: none;
    display: block;
}

.gf-our-team-col::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(17, 17, 43, 0.43) 0%, rgba(17, 17, 43, 0) 100%);
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.gf-our-team-col .gf-our-team-col-bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.gf-our-team-col .gf-our-team-col-img {
    aspect-ratio: 424 / 456;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 48px;
    transition: all 0.3s ease-in-out;
}

.gf-our-team-col .gf-our-team-col-text-row {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.gf-our-team-col .gf-our-team-col-text-row .gf-our-team-col-text span {
    font-size: 20px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-family: "Poppins", sans-serif;
    display: block;
    margin-bottom: 12px;
    transition: all 0.3s ease-in-out;
}

.gf-our-team-col .gf-our-team-col-text-row .gf-our-team-col-text p {
    font-size: calc(30px + 2px);
    font-weight: 600;
    color: rgb(255, 255, 255);
    font-family: "Poppins", sans-serif;
    margin-bottom: 0;
    line-height: 1.25;
    transition: all 0.3s ease-in-out;
}

.gf-our-team-col .gf-our-team-col-text-row svg {
    min-width: 48px;
    width: 48px;
    height: 48px;
    color: rgb(0, 0, 0);
    margin-left: auto;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.gf-our-team-col:hover *,
.gf-our-team-col:hover::before,
.gf-our-team-col:hover .gf-our-team-col-text-row svg {
    opacity: 1;
}

.gf-our-team-col:hover .gf-our-team-col-img {
    opacity: 0;
}

.gf-our-team-col:hover .gf-our-team-col-text-row .gf-our-team-col-text span,
.gf-our-team-col:hover .gf-our-team-col-text-row .gf-our-team-col-text p {
    color: rgb(0, 0, 0);
}

.gf-author-bio {
    background-color: rgba(82, 180, 178, 1);
    border-radius: 16px;
    padding: 54px 34px;
    text-align: center;
    margin-right: 20px;
}

.gf-author-bio .profile-image {
    border-radius: 10px;
    margin-bottom: 15px;
}
.gf-author-bio .gf-letest-post-follow-list {
    justify-content: center;
}
.social-share-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    margin-top: 50px;
}
.social-share-list li {
    border: 1px solid;
    border-radius: 30px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social-share-list li a{
    min-width: 20px;
    width: 20px;
    height: 20px;
    line-height: 15px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    display: block;
}
.gf-banner-text span {
    background: linear-gradient(90deg, #6AFAF7 0%, #46B9B7 50%, #1C9895 100%);
    color: transparent;
    background-clip: text;
}
.gf-case-study-slide .gf-case-study-slide-text a {
    gap: 8px;
}

.gf-review-slider .swiper-slide {
    height: auto;
}

.gf-review-slider .swiper-slide .gf-review-slide {
    height: 100%;
    aspect-ratio: unset;
}

.gf-review-slider .gf-review-slide .gf-review-slide-icon {
    min-height: 40px;
}

.gf-review-slider .swiper-wrapper {
    align-items: stretch;
}

.gf-our-services-detail-section{
    padding: 155px 60px 60px;
}
.gf-our-services-detail-section .container{
    max-width: 1300px;
    width: 100%;
    position: relative;
}
.gf-our-services-detail-section .gf-our-services-detail-heading {
    margin-bottom: 60px;
}
.gf-our-services-detail-section .gf-our-services-detail-heading h2{
    font-size: 44px;
    font-weight: 700;
    color: rgb(82, 180, 178);
    font-family: "Inter", sans-serif;
    text-align: center;
    margin-bottom: 15px;
}
.gf-our-services-detail-section .gf-our-services-detail-heading p{
    font-size: 20px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    font-family: "Inter", sans-serif;
    text-align: center;
    margin-bottom: 0;
}

.gf-our-services-detail-tabs{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    border: 0;
}
.gf-our-services-detail-tabs .nav-item .nav-link{
    margin: 0;
    padding: 15px 25px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    color: rgb(242, 255, 255, 0.6);
    font-family: "Inter", sans-serif;
    white-space: normal;
    border: 0;
    transition: all 0.3s ease-in-out;
    max-width: 240px;
}
.gf-our-services-detail-tabs .nav-item .nav-link:hover,
.gf-our-services-detail-tabs .nav-item .nav-link.active{
    background: rgb(82, 180, 178);
    padding: 15px 25px;
    color: rgb(242, 255, 255);
}
.gf-our-services-detail-content .gf-our-services-detail-tabs-content{
    padding-top: 50px;
}
.gf-our-services-detail-tabs-content .gf-our-services-detail-tabs-box{
    max-width: 1551px;
    margin: 0 auto;
}
.gf-our-services-detail-tabs-box .gf-our-services-detail-tabs-box-heading{
    margin-bottom: 60px;
}
.gf-our-services-detail-tabs-box .gf-our-services-detail-tabs-box-heading h3{
    font-size: 38px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    color: rgb(82, 180, 178);
    margin-bottom: 15px;
    text-align: center;
}
.gf-our-services-detail-tabs-box .gf-our-services-detail-tabs-box-heading p{
    font-size: 18px;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
    color: rgb(242, 255, 255);
    margin-bottom: 0;
    text-align: center;
}
.gf-our-services-detail-tabs-box img {
    max-height: 380px;
    object-fit: contain;
    border-radius: 8px;
}
.gf-our-services-detail-box-tabs{
    display: block;
    border: 0;
}
.gf-our-services-detail-box-tabs .nav-item .nav-link{
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 19px;
    border-radius: 0;
    background: transparent;
    border: 0;
    font-size: 22px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    color: rgb(242, 255, 255);
    position: relative;
    padding-left: 45px;
    text-align: left;
}
.gf-our-services-detail-box-tabs .nav-item .nav-link::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 10px;
    width: 8px;
    height: 8px;
    background: currentColor;
    border-radius: 10px;
}
.gf-our-services-detail-box-tabs .nav-item .nav-link.active {
    color: rgb(82, 180, 178);
}
.gf-our-services-detail-box-tabs .nav-item:nth-child(1) .nav-link{
    margin-top: 0;
}
.gf-our-services-detail-box-tabs-content .gf-our-services-detail-box-tabs-body-text h2{
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    color: rgb(82, 180, 178);
    margin-bottom: 20px;
}
.gf-our-services-detail-box-tabs-content .gf-our-services-detail-box-tabs-body-text p{
    font-size: 20px;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
    color: rgb(242, 255, 255);
    margin-bottom: 0;
}
.gf-letest-articles-section{
    padding: 140px 0;
}
.gf-letest-articles-section .container{
    max-width: 1247px;
}
.gf-letest-articles-section .gf-letest-articles-heading{
    margin-bottom: 60px;
    display: flex;
    align-items: center;
}
.gf-letest-articles-section .gf-letest-articles-heading h2{
    font-size: calc(56px + 1px);
    font-weight: 700;
    color: rgb(82, 180, 178);
    font-family: "Inter", sans-serif;
    margin-bottom: 0;
    margin-right: 12px;
}
.gf-letest-articles-section .gf-letest-articles-heading a{
    padding: 27px 39px;
    font-size: calc(16px + 1px);
    font-weight: 500;
    color: rgb(0, 0, 0);
    font-family: "Inter", sans-serif;
    margin-left: auto;
    text-decoration: none;
    background: rgb(242, 255, 255);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    display: block;
    width: fit-content;
}
.gf-letest-articles-section .gf-letest-articles-heading a:hover{
    filter: brightness(1.1);
}
.gf-letest-articles-section .gf-letest-articles-content .row{
    --bs-gutter-x: 32px;
}
.gf-letest-articles-col{
    border-radius: 16px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(228, 230, 230);
}
.gf-letest-articles-col .gf-blog-col-img{
    position: relative;
    aspect-ratio: 593 / 399;
    width: 100%;
}
.gf-letest-articles-col .gf-blog-col-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gf-letest-articles-col .gf-blog-col-img span{
    padding: 19px 28px;
    font-size: 16px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-family: "Inter", sans-serif;
    border: 1px solid rgb(0, 0, 0);
    background: rgb(82, 180, 178);
    border-radius: 8px;
    display: block;
    line-height: 20px;
    position: absolute;
    left: 28px;
    top: 28px;
}
.gf-letest-articles-col .gf-letest-articles-col-text{
    padding: 40px 34px;
}
.gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-heading{
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-family: "Inter", sans-serif;
    margin-bottom: 40px;
}
.gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-btn-date{
    display: flex;
    align-items: center;
    border-top: 1px solid rgb(228, 230, 230);
    padding-top: 40px;
}
.gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-btn-date p{
    font-size: 16px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-family: "Inter", sans-serif;
    margin-bottom: 0;
    margin-right: 12px;
}
.gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-btn-date a{
    font-size: 16px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-family: "Inter", sans-serif;
    margin-left: auto;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-btn-date a svg{
    width: 17px;
    height: 19px;
    margin-left: 5px;
}
.country-select .country-list {
    background-color: #000;
}
.gf-about-page-banner-section,
.gf-about-page-banner-section .elementor-widget-wrap,
.gf-about-page-banner-section .elementor-element,
.gf-about-page-banner-section {
    position: unset;
}
.gf-what-offer-accordion .accordion-item {
    background: rgb(240, 242, 254);
    border-radius: 8px;
    border: 0;
    margin-bottom: 16px;
    overflow: hidden;
}
.gf-what-offer-accordion .accordion-item:last-child {
    margin-bottom: 0;
}
.gf-what-offer-accordion .accordion-item .accordion-header .accordion-button {
    font-size: 20px;
    display: flex;
    align-items: center;
    background: transparent;
    box-shadow: none !important;
    padding: 16px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: rgb(24, 22, 32);
    gap: 12px;
}
.gf-what-offer-accordion .accordion-item .accordion-header .accordion-button::after {
    display: none;
}
.gf-what-offer-accordion .accordion-item .accordion-header .accordion-button svg {
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-left: auto;
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
}
.gf-what-offer-accordion .accordion-item .accordion-header .accordion-button.collapsed svg {
    transform: rotate(0deg);
}
.gf-what-offer-accordion .accordion-item .accordion-collapse {
    padding: 16px;
}
.gf-what-offer-accordion .accordion-item .accordion-body {
    padding: 24px;
    background: #FFFFFF;
    border-radius: 8px;
    position: relative;
}
.gf-what-offer-accordion .accordion-item .accordion-body img {
    max-width: 250px;
    margin: 0 auto 24px;
    display: block;
}
.gf-what-offer-accordion .accordion-item .accordion-body p {
    font-size: 18px;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
    color: rgb(0, 0, 0);
    text-align: center;
    margin-bottom: 0;
}

.gf-what-offer-item-btn {
    margin-top: 15px;
    padding-right: 19px;
    height: 0;
    opacity: 0;
}
.gf-our-services-tabs-btn {
    margin-top: 25px;
}
.gf-what-offer-item.active .gf-what-offer-item-btn {
    height: auto;
    opacity: 1;
}

.gf-what-offer-item-btn .gf-what-offer-showmore-btn,
.gf-our-services-tabs-btn .gf-our-services-btn {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 12px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.gf-what-offer-item-btn .gf-what-offer-showmore-btn svg,
.gf-our-services-tabs-btn .gf-our-services-btn svg {
    width: 40px;
    height: 40px;
}

/* Icon Box Styling */
.icon-box-btn {
    cursor: pointer;
}

#videoPopup.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
	z-index: 99;
}
#videoPopup .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    /* width: 90%;
    max-width: 700px;
    box-sizing: border-box; */
}
/* #videoPopup iframe {
    width: 100%;
    height: 0; 
    padding-bottom: 56.25%; 
    border: none;
    position: relative; 
} */
.close {
    position: absolute;
    top: 2px;
    right: 8px;
    cursor: pointer;
    font-size: 30px;
	color: #fff;
}
.display-city,
.display-country {
    color: #52B4B2;
    font-weight: 600;
}
.gf-404 {
    padding: 50px 0;
}
.gf-404 h1{
    text-align: center;
}
.banner-sec a {
    text-decoration: none;
}
/* .mega-menu-wrap .gf-megamenu-title .mega-sub-menu li a {
    pointer-events: none !important;
} */
.gf-client-logo .swiper-pagination {
    margin-top: 20px;
    position: relative;
}
.gf-client-logo .swiper-pagination .swiper-pagination-bullet {
    background: rgb(180, 183, 201);
}
.gf-client-logo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgb(82, 180, 178);
}

/* Media Query css */
@media(max-width: 1600px) {
    .gf-about-page-animation{
        max-width: 600px;
    }
    .gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading h2{
        font-size: 72px;
    }
    .gf-about-page-animation .js-marquee>* {
        margin-top: -87px;
    }
}
@media(max-width: 1400px) {
    .gf-our-team-col{
        padding: 32px;
        border-radius: 18px;
    }
    .gf-our-team-col .gf-our-team-col-img{
        border-radius: 18px;
        margin-bottom: 24px;
    }
    .gf-our-team-col .gf-our-team-col-text-row .gf-our-team-col-text span{
        font-size: 18px;
    }
    .gf-our-team-col .gf-our-team-col-text-row .gf-our-team-col-text p{
        font-size: 24px;
    }
    .gf-our-team-col .gf-our-team-col-text-row svg{
        min-width: 34px;
        width: 34px;
        height: 34px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
        margin: 0;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        font-size: 14px;
    }
}
@media(max-width: 1300px){
    .gf-our-services-detail-box-tabs .nav-item .nav-link{
        font-size: 24px;
        padding-left: 26px;
    }
    .gf-our-services-detail-box-tabs .nav-item .nav-link::before {
        left: 8px;
        top: 14px;
    }
    .gf-our-services-detail-tabs .nav-item .nav-link{
        font-size: 14px;
        padding: 10px;
    }
    .gf-our-services-detail-tabs .nav-item .nav-link.active{
        padding: 10px 20px;
    }
    .gf-our-services-detail-box-tabs-content .gf-our-services-detail-box-tabs-body-text h2 {
        font-size: 30px;
    }
    .gf-our-services-detail-box-tabs-content .gf-our-services-detail-box-tabs-body-text p {
        font-size: 16px;
    }
    .gf-about-page-animation{
        max-width: 500px;
    }
    .gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading .gf-about-page-animation-col-heading-text p{
        font-size: 14px;
    }
    .gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading h2 {
        font-size: 60px;
        margin-bottom: 15px;
    }
    .gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading{
        padding: 0 20px;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text {
        padding: 40px 50px;
    }

    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-right-box-text-heading {
        font-size: calc(24px + 2px);
    }
}
@media(max-width: 1200px) {
    .gf-our-services-detail-box-tabs-content .row {
        display: block;
    }
    .gf-our-services-detail-box-tabs-content .row > div[class*='col-']{
        width: 100%;
    }
    .gf-our-services-detail-box-tabs-content .row > .col-lg-4{
        margin-bottom: 24px;
    }
    .gf-our-services-detail-box-tabs-content .row > .col-lg-4 .img-fluid{
        max-width: 350px;
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .gf-what-offer-content .gf-what-offer-heading-content {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .gf-what-offer-content .gf-what-offer-heading-content p {
        font-size: 24px;
    }

    .gf-what-offer-list .gf-what-offer-item .gf-what-offer-link {
        font-size: 24px;
    }

    .gf-what-offer-list .gf-what-offer-item .gf-what-offer-link svg {
        min-width: 35px;
        width: 35px;
        height: 35px;
    }

    .gf-what-offer-list .gf-what-offer-item .gf-what-offer-item-content {
        font-size: 18px;
    }

    .gf-what-offer-row {
        gap: 60px;
    }

    .gf-case-study-slide {
        padding: 20px;
        aspect-ratio: unset;
    }

    .gf-case-study-slider .swiper-slide {
        height: auto;
    }

    .gf-case-study-slider .swiper-slide .gf-case-study-slide {
        height: 100%;
    }

    .gf-case-study-slide .gf-case-study-slide-icon {
        margin-bottom: 20px;
        height: 34px;
    }

    .gf-case-study-slide .gf-case-study-slide-text {
        padding: 20px;
    }

    .gf-case-study-slide .gf-case-study-slide-text h2 {
        font-size: 24px;
    }

    .gf-case-study-slide .gf-case-study-slide-text p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .gf-case-study-slide .gf-case-study-slide-text a {
        font-size: 14px;
    }

    .gf-case-study-slide .gf-case-study-slide-text a svg {
        width: 16px;
        height: 16px;
    }

    .gf-case-study-section .gf-case-study-heading-content {
        padding-left: 0;
        margin-bottom: 40px;
    }

    .gf-review-heading-content {
        margin-bottom: 40px;
    }

    .gf-our-services-tab-line .gf-our-services-tab-line1,
    .gf-our-services-tab-line .gf-our-services-tab-line7 {
        max-width: 486px;
    }

    .gf-our-services-tab-line .gf-our-services-tab-line1 {
        left: 5%;
    }

    .gf-our-services-tab-line .gf-our-services-tab-line7 {
        right: 5%;
    }

    .gf-our-services-tab-line .gf-our-services-tab-line2,
    .gf-our-services-tab-line .gf-our-services-tab-line6 {
        max-width: 326px;
    }

    .gf-our-services-tab-line .gf-our-services-tab-line2 {
        left: 20%;
    }

    .gf-our-services-tab-line .gf-our-services-tab-line6 {
        right: 20%;
    }

    .gf-our-services-tab-line .gf-our-services-tab-line3,
    .gf-our-services-tab-line .gf-our-services-tab-line5 {
        max-width: 150px;
    }
    .gf-our-services-tab-line .gf-our-services-tab-line3 {
        left: 36.5%;
    }

    .gf-our-services-tab-line .gf-our-services-tab-line5 {
        right: 36.5%;
    }
    .gf-our-services-tab-line .gf-our-services-tab-line4{
        max-height: 143px;
    }
    .gf-our-services-content .gf-our-services-tab-line{
        aspect-ratio: 1216 / 244;
        margin-bottom: 25px;
    }
    .gf-our-services-section {
        padding: 0 30px;
    }
    .gf-our-services-tabs .nav-link{
        font-size: 14px;
    }
    .gf-our-services-tabs-content .tab-pane{
        margin-top: 40px;
    }
    .gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-body-text h2{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-body-text p{
        font-size: 16px;
    }

    .gf-about-page-section .gf-home-banner-content {
        max-width: 550px;
    }
    .gf-about-page-section .gf-home-banner-content .gf-banner-text .gf-banner-heading{
        font-size: 60px;
    }
    .gf-about-page-section .gf-home-banner-content .gf-banner-text .gf-banner-paragraph{
        font-size: 20px;
    }
    .gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-technology .gf-our-services-tabs-technology-item img {
        height: auto;
    }
    #masthead .request-btn a {
        font-size: 14px;
        padding: 16px;
    }
}

@media(max-width: 1100px) {
    .gf-review-slide {
        padding: 24px;
        border-radius: 16px;
    }

    .gf-review-slide .gf-review-slide-text {
        font-size: 16px;
    }
    .gf-about-page-section .gf-home-banner-content {
        max-width: 450px;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab {
        width: 100px;
        padding: 8px 18px 18px 7px;
        margin-top: 0;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab .nav-tabs .nav-link::after{
        left: 86%;
    }

    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab-box {
        width: calc(calc(100% - 33.33%) - 100px);
    }

    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-close-btn {
        width: 30px;
        height: 30px;
        left: auto;
    }

    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-close-btn::before,
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-close-btn::after {
        content: "";
        display: block;
        width: 15px;
        height: 2px;
        background-color: rgb(240, 242, 254);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        transform-origin: center;
        transition: all 0.1s;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-close-btn::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }
}

@media (min-width: 1000px) and (max-width: 1120px) {
    #masthead .main-menu {
        width: 60%;
    }
    #masthead .request-btn {
        width: 20%;
    }
    #masthead .request-btn a {
        padding: 10px;
    }
    .gf-header-section {
        padding: 20px 30px 20px 30px !important;
    }
}

@media(max-width: 1024px){
    .gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-heading{
        font-size: calc(24px + 2px);
        margin-bottom: 20px;
        line-height: 35px;
    }
    .gf-letest-articles-col .gf-letest-articles-col-text {
        padding: 24px;
    }
    .gf-letest-articles-section .gf-letest-articles-heading a{
        padding: 20px 26px;
    }
    .gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-btn-date{
        padding-top: 20px;
    }
    .gf-what-offer-section .container {
        width: auto !important;
        max-width: 100% !important;
    }
    .gf-portfolio-col .gf-portfolio-col-text h2 {
        font-size: 18px;
    }
    .gf-portfolio-col .gf-portfolio-col-text ul li {
        gap: 5px;
        padding-right: 4px;
    }
}

@media(max-width: 991px) {
    .gf-what-offer-section .container {
        width: auto !important;
        max-width: 100% !important;
    }
    .gf-header-content .gf-header-toggle-btn,
    .gf-header-content .gf-header-logo .gf-header-close-btn {
        display: flex;
    }

    .gf-header-content .gf-header-nav {
        position: fixed;
        left: -350px;
        top: 0;
        width: 300px;
        height: 100vh;
        background: rgb(24, 22, 32);
        display: block;
        margin: 0;
        z-index: 999999;
        border-right: 1px solid rgba(240, 242, 254, 0.1);
        overflow-y: auto;
        transition: all 0.3s ease-in-out;
    }

    .gf-header-content .gf-header-nav.active {
        left: 0;
    }

    .gf-header-content .gf-header-nav {
        padding: 0px 20px 10px;
    }

    .gf-header-content .gf-header-nav .gf-header-logo {
        display: flex;
        align-items: center;
        max-width: calc(100% + 40px);
        width: calc(100% + 40px);
        background: rgb(24, 22, 32);
        position: sticky;
        top: 0;
        padding: 10px 20px 0 0;
        margin: 0 -20px 20px;
    }

    .gf-header-content .gf-header-nav .gf-header-item {
        margin-bottom: 4px;
    }

    .gf-header-content .gf-header-nav .gf-header-item .gf-header-link {
        padding: 8px 12px;
        border-radius: 6px;
    }

    .gf-header-content .gf-header-nav .gf-header-item .gf-header-link.active {
        background: rgb(82, 180, 178);
    }

    .gf-header-overlay {
        display: block;
        left: -100%;
    }

    .gf-header-overlay.active {
        left: 0;
    }

    .gf-header-content .gf-header-request-btn {
        padding: 12px 16px;
    }

    .gf-header-content .gf-header-logo {
        max-width: fit-content;
    }
    .gf-our-services-detail-content .gf-our-services-detail-tabs-content {
        padding-top: 60px;
    }
    .gf-our-services-detail-tabs-box .gf-our-services-detail-tabs-box-heading {
        margin-bottom: 60px;
    }
    .gf-our-services-detail-tabs-box .gf-our-services-detail-tabs-box-heading h3,
    .gf-our-services-detail-section .gf-our-services-detail-heading h2{
        font-size: 36px;
        margin-bottom: 18px;
    }
    .gf-our-services-detail-tabs-box .gf-our-services-detail-tabs-box-heading p{
        font-size: 16px;
    }
    .gf-our-services-detail-box-tabs {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        gap: 16px;
        overflow-x: auto;
        margin-bottom: 30px;
    }
    .gf-our-services-detail-box-tabs .nav-item .nav-link{
        margin-top: 0;
        padding-left: 0;
        font-size: 20px;
    }
    .gf-our-services-detail-box-tabs .nav-item .nav-link::before{
        display: none;
    }
    .gf-our-services-detail-box-tabs-content .row {
        display: flex;
    }
    .gf-our-services-detail-box-tabs-content .row > .col-lg-4{
        width: 33.333333% !important;
    }
    .gf-our-services-detail-box-tabs-content .row > .col-lg-8{
        width: 66.666666% !important;
    }
    .gf-our-services-detail-section{
        padding: 60px 0;
    }
    .gf-what-offer-section,
    .gf-portfolio-section,
    .gf-case-study-section,
    .gf-review-section,
    .gf-articles-section,
    .gf-our-services-section,
    .gf-our-approach-section,
    .gf-our-team-section {
        padding: 60px 0;
    }

    .gf-what-offer-content .gf-what-offer-heading-content h2,
    .gf-what-offer-content .gf-what-offer-heading-content p {
        text-align: center;
    }

    .gf-portfolio-section .gf-portfolio-heading-content {
        padding: 0;
    }

    .gf-portfolio-content {
        padding: 0;
    }

    .gf-portfolio-content .row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 48px;
    }

    .gf-portfolio-heading-content span,
    .gf-case-study-heading-content span {
        margin: 0 auto 8px;
        display: block;
    }

    .gf-portfolio-heading-content h2,
    .gf-case-study-heading-content h2 {
        text-align: center;
    }

    .gf-case-study-slider .gf-case-study-slider-btn-row {
        justify-content: center;
        gap: 20px;
    }

    .gf-case-study-slider .gf-case-study-slider-btn-row .gf-case-study-slider-btn {
        width: 40px;
        height: 40px;
    }

    .gf-case-study-slider .gf-case-study-slider-btn-row .gf-case-study-slider-btn svg {
        width: 20px;
        height: 20px;
    }

    .gf-review-heading-content .gf-review-heading-content-text h2 {
        font-size: 40px;
        margin-bottom: 18px;
    }

    .gf-review-heading-content .gf-review-heading-content-text p {
        font-size: 18px;
    }

    .gf-review-heading-content .gf-review-slider-btn-row .gf-review-slider-btn {
        width: 54px;
        height: 54px;
    }

    .gf-review-heading-content .gf-review-slider-btn-row .gf-review-slider-btn svg {
        width: 24px;
        height: 24px;
    }

    .gf-articles-slider {
        overflow: visible;
    }
    .gf-our-services-content .gf-our-services-tab-line{
        display: none;
    }
    .gf-our-services-tabs-content .tab-pane .row{
        flex-direction: column-reverse;
    }
    .gf-our-services-section .gf-our-services-heading{
        margin-bottom: 40px;
    }
    .gf-our-services-tabs {
        overflow-x: auto;
        scrollbar-width: none;
    }
    .gf-our-services-tabs::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }
    .gf-our-services-tabs .nav-link{
        white-space: nowrap;
    }
    .gf-our-services-tabs-content .tab-pane .row .img-fluid{
        max-width: 250px;
        display: block;
        margin: 0 auto 20px;
    }
    .gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-body-text h2,
    .gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-body-text p {
        text-align: center;
    }
    .gf-our-services-section .gf-our-services-heading h2,
    .gf-our-approach-section .gf-our-approach-content-text h2{
        font-size: 36px;
    }
    .gf-our-approach-section .gf-our-approach-content-text h2{
        margin-bottom: 18px;
    }
    .gf-our-approach-section .gf-our-approach-content-text{
        margin-bottom: 40px;
    }
    .gf-our-approach-content .row{
        --bs-gutter-y: 24px;
        justify-content: center;
    }
    .gf-our-approach-content .gf-our-approach-col h2{
        font-size: 18px;
        text-align: center;
    }
    .gf-our-approach-content .gf-our-approach-col p{
        font-size: 16px;
        text-align: center;
    }
    .gf-our-approach-content .gf-our-approach-col::before{
        display: none;
    }
    .gf-our-approach-content .gf-our-approach-col {
        padding-left: 0;
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one{
        transform: rotate(6deg);
        padding: 12px;
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two {
        transform: rotate(-6deg);
        margin-top: -25px;
        padding: 12px;
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one span,
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two span{
        font-size: 20px;
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one .gf-marquee-aimation-star,
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two .gf-marquee-aimation-star {
        font-size: 30px;
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one .js-marquee-wrapper .js-marquee,
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two .js-marquee-wrapper .js-marquee{
        gap: 20px;
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one .js-marquee-wrapper,
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two .js-marquee-wrapper{
        gap: 20px;
    }
    .gf-marquee-aimation-section{
        min-height: 200px;
    }
    .gf-about-page-section{
        min-height: calc(100vh - 96px);
        padding: 60px 0 0;
        display: flex;
        align-items: flex-end;
        z-index: 9;
    }
    .gf-about-page-section .gf-banner-left-shap{
        display: none;
    }
    .gf-about-page-animation{
        z-index: -1;
    }
    .gf-banner-section .gf-banner-shap,
    .gf-about-page-section .gf-banner-left-shap{
        max-width: 50%;
    }
    .gf-about-page-section .container{
        padding: 0;
    }
    .gf-about-page-section .gf-home-banner-content {
        max-width: 100%;
        backdrop-filter: blur(7px);
        padding: 20px 12px;
        background: #00000050;
        border-top: 1px solid #ffffff35;
    }

    .gf-our-team-section .gf-our-team-content .row {
        --bs-gutter-y: 24px;
    }
    .gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-heading {
        font-size: 20px;
        line-height: 35px;
    }
    .gf-letest-articles-section .gf-letest-articles-content .row {
        --bs-gutter-x: 24px;
    }
    .gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-btn-date a,
    .gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-btn-date p{
        font-size: 14px;
    }
    .gf-letest-articles-col .gf-letest-articles-col-text .gf-letest-articles-col-btn-date a svg {
        width: 15px;
        height: 15px;
    }
    .gf-letest-articles-col .gf-blog-col-img span {
        padding: 10px 20px;
        border-radius: 5px;
        left: 20px;
        top: 20px;
    }
    .gf-letest-articles-col{
        border-radius: 10px;
    }
    .gf-letest-articles-section{
        padding: 60px 0;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab-box {
        width: calc(100% - 100px);
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box{
        width: 100%;
        background: transparent;
        padding-top: 40px;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-img{
        height: 100px;
    }
    #masthead .request-btn {
        display: none;
    }
    #masthead .main-menu {
        width: 80%;
    }
}

@media(max-width: 767px) {
    .gf-articles-slide .gf-articles-slide-text {
        padding: 18px;
    }

    .gf-articles-slide .gf-articles-slide-text .gf-articles-slide-title {
        font-size: 16px;
    }

    .gf-articles-slide .gf-articles-slide-text .gf-articles-slide-profile {
        padding-top: 18px;
        margin-top: 18px;
    }

    .gf-articles-slide .gf-articles-slide-text .gf-articles-slide-profile .gf-articles-slide-profile-img {
        min-width: 34px;
        width: 34px;
        height: 34px;
    }

    .gf-articles-slide .gf-articles-slide-text .gf-articles-slide-profile .gf-articles-slide-profile-text p {
        font-size: 14px;
    }

    .gf-articles-slide .gf-articles-slide-text .gf-articles-slide-profile .gf-articles-slide-profile-text span,
    .gf-articles-slide .gf-articles-slide-text .gf-articles-slide-label-time-row .gf-articles-slide-time,
    .gf-articles-slide .gf-articles-slide-text .gf-articles-slide-label-time-row .gf-articles-slide-label {
        font-size: 12px;
    }
    .gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-technology{
        grid-template-columns: repeat(4, minmax(0, 1fr));
        display: grid;
        gap: 25px;
    }
    .gf-our-approach-content .gf-our-approach-content-img{
        margin-bottom: 40px;
    }
    .gf-our-services-detail-box-tabs-content .row {
        display: block;
    }
    .gf-our-services-detail-box-tabs-content .row > .col-lg-4{
        width: 100% !important;
    }
    .gf-our-services-detail-box-tabs-content .row > .col-lg-8{
        width: 100% !important;
    }
    .gf-letest-articles-section .gf-letest-articles-content .row {
        --bs-gutter-y: 24px;
    }
    .gf-letest-articles-section .gf-letest-articles-heading{
        display: block;
        margin-bottom: 40px;
    }
    .gf-letest-articles-section .gf-letest-articles-heading h2{
        margin-right: 0;
        margin-bottom: 12px;
        text-align: center;
        font-size: 40px;
    }
    .gf-letest-articles-section .gf-letest-articles-heading a{
        margin: 0 auto;
        font-size: 14px;
        padding: 14px 26px;
    }
    .gf-portfolio-content .gf-portfolio-col-detail-container{
        width: 100%;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text {
        padding: 20px 30px;
    }
    .gf-our-services-detail-tabs {
        justify-content: unset;
    }
    .gf-our-services-detail-tabs .nav-item .nav-link {
        max-width: unset;
        white-space: nowrap;
    }
    .wpcf7-form .Request-main-div .project span {
        grid-template-columns: repeat(1, 1fr);
    }
    #videoPopup .popup-content {
        width: 95%; 
        max-width: 100%; 
        padding: 15px;
    }
    #videoPopup iframe {
        padding-bottom: 36%; 
        width: 100%; 
    }
}

@media(max-width: 640px) {
    .gf-review-heading-content {
        display: grid;
    }

    .gf-review-heading-content .gf-review-slider-btn-row .gf-review-slider-btn {
        width: 40px;
        height: 40px;
    }

    .gf-review-heading-content .gf-review-slider-btn-row .gf-review-slider-btn svg {
        width: 20px;
        height: 20px;
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two {
        margin-top: -50px;
    }
    .gf-about-page-animation{
        max-width: 100%;
        border: 0;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box{
        padding-top: 20px;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-right-box-text-heading{
        font-size: 20px;
        margin-bottom: 16px;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-text .gf-portfolio-col-detail-right-box-text-paragraph p{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-img{
        height: 60px;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-right-box .gf-portfolio-col-detail-right-box-img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .gf-portfolio-col::after{
        font-size: 12px;
        width: 100px;
        height: 100px;
        padding: 15px;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row{
        margin-top: 10px;
    }
    .gf-portfolio-col-detail-container .gf-portfolio-col-detail-row .gf-portfolio-col-detail-tab-box .tab-pane {
        height: 500px;
    }
}

@media(max-width: 575px) {
    .container {
        max-width: 100%;
        width: 100%;
    }
    .gf-what-offer-section,
    .gf-portfolio-section,
    .gf-case-study-section,
    .gf-review-section,
    .gf-articles-section,
    .gf-our-services-section,
    .gf-our-approach-section,
    .gf-our-team-section {
        padding: 30px 0;
    }

    .gf-what-offer-accordion .accordion-item .accordion-body p,
    .gf-portfolio-heading-content span,
    .gf-case-study-heading-content span,
    .gf-our-services-section .gf-our-services-heading span {
        font-size: 14px;
    }

    .gf-what-offer-content .gf-what-offer-heading-content h2,
    .gf-portfolio-heading-content h2,
    .gf-case-study-heading-content h2,
    .gf-review-heading-content .gf-review-heading-content-text h2,
    .gf-articles-heading-content h2,
    .gf-our-services-section .gf-our-services-heading h2,
    .gf-our-approach-section .gf-our-approach-content-text h2 {
        font-size: 30px;
    }

    .gf-what-offer-content .gf-what-offer-heading-content p {
        font-size: 18px;
        line-height: 1.3;
    }

    .gf-review-heading-content .gf-review-heading-content-text p,
    .gf-our-approach-section .gf-our-approach-content-text p {
        font-size: 16px;
    }

    .gf-what-offer-accordion .accordion-item .accordion-header .accordion-button {
        font-size: 18px;
    }

    .gf-portfolio-col .gf-portfolio-col-text h2 {
        font-size: 20px;
        line-height: 1.2;
    }

    .gf-portfolio-col .gf-portfolio-col-text ul li {
        font-size: 12px;
    }

    .gf-portfolio-col .gf-portfolio-col-img {
        margin-bottom: 14px;
    }

    .gf-portfolio-content .row {
        --bs-gutter-y: 24px;
    }

    .gf-what-offer-item-btn {
        margin-top: 40px;
        padding-right: 0;
    }

    .gf-what-offer-item-btn .gf-what-offer-showmore-btn {
        margin: 0 auto;
        font-size: 14px;
    }

    .gf-what-offer-item-btn .gf-what-offer-showmore-btn svg {
        width: 30px;
        height: 30px;
    }

    .gf-review-slide .gf-review-slide-text {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .gf-review-slide .gf-review-slide-profile img {
        min-width: 34px;
        width: 34px;
        height: 34px;
    }

    .gf-review-slide .gf-review-slide-profile .gf-review-slide-profile-text h2 {
        font-size: 14px;
    }

    .gf-review-slide .gf-review-slide-profile .gf-review-slide-profile-text p {
        font-size: 12px;
    }
    .gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-technology{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        display: grid;
        gap: 25px;
    }
    .gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-technology .gf-our-services-tabs-technology-item img{
        max-width: 45px;
    }
    .gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-technology .gf-our-services-tabs-technology-item p {
        font-size: 14px;
    }
    .gf-our-approach-content .gf-our-approach-col p{
        font-size: 14px;
        line-height: 1.5;
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one span,
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two span {
        font-size: 16px;
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one .gf-marquee-aimation-star,
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two .gf-marquee-aimation-star {
        font-size: 24px;
        line-height: 1;
    }
    .gf-marquee-aimation-section {
        min-height: 150px;
    }
    .gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading {
        padding: 0 12px;
    }
    .gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading .gf-about-page-animation-col-heading-text p {
        font-size: 12px;
    }
    .gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading .gf-about-page-animation-col-heading-text span {
        font-size: 10px;
    }
    .gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading h2{
        font-size: 40px;
    }
    .gf-about-page-animation .js-marquee>* {
        margin-top: -64px;
    }
    .gf-about-page-section .gf-home-banner-content .gf-banner-text .gf-banner-heading {
        font-size: 36px;
        padding-bottom: 18px;
    }
    .gf-about-page-section .gf-home-banner-content .gf-banner-text .gf-banner-heading::before{
        width: 70px;
        height: 6px;
    }
    .gf-about-page-section .gf-home-banner-content .gf-banner-text .gf-banner-paragraph {
        font-size: 16px;
    }
    .gf-our-team-col {
        padding: 24px;
        border-radius: 12px;
    }
    .gf-our-team-col .gf-our-team-col-img {
        border-radius: 12px;
        margin-bottom: 18px;
    }
    .gf-our-team-col .gf-our-team-col-text-row .gf-our-team-col-text span {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .gf-our-team-col .gf-our-team-col-text-row .gf-our-team-col-text p{
        font-size: 20px;
    }
    .gf-our-team-col .gf-our-team-col-text-row svg {
        min-width: 24px;
        width: 24px;
        height: 24px;
    }
    .gf-blog-banner-section {
        padding: 50px 0 50px;
    }
    .gf-blog-banner-section .gf-home-banner-content .gf-banner-text {
        margin-bottom: 25px;
    }
    .gf-portfolio-detail-banner-section, .gf-article-detail-banner-section {
        padding: 50px 0 212px;
    }
    .gf-article-detail-banner-section .gf-home-banner-content .gf-banner-text .gf-banner-heading {
        font-size: 50px;
        line-height: 60px;    
    }
    .gf-author-bio {
        margin-right: 0;
    }
    .gf-article-detail-content .row {
        flex-direction: column-reverse;
    }
    .gf-letest-articles-section,
    .gf-our-services-detail-section{
        padding: 30px 0;
    }
    .gf-our-services-detail-section .gf-our-services-detail-heading h2,
    .gf-our-services-detail-tabs-box .gf-our-services-detail-tabs-box-heading h3{
        font-size: 30px;
    }
    .gf-our-services-detail-section .gf-our-services-detail-heading p{
        font-size: 16px;
    }
    .gf-our-services-detail-section .gf-our-services-detail-heading {
        margin-bottom: 40px;
    }
    .gf-our-services-detail-content .gf-our-services-detail-tabs-content {
        padding-top: 40px;
    }
    .gf-our-services-detail-box-tabs .nav-item .nav-link {
        font-size: 14px;
    }
    .gf-what-offer-accordion .gf-what-offer-item-btn {
        opacity: 1;
        margin-top: 15px;
        height: auto;
    }
    .gf-what-offer-accordion .gf-what-offer-item-btn .gf-what-offer-showmore-btn {
        color: #000;
        margin: unset;
    }
    .gf-portfolio-col .gf-portfolio-col-text ul {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .gf-blog-banner-section::before {
        height: 100px;
    }
    .gf-our-services-tabs .nav-link {
        max-width: unset;
    }
    .gf-our-services-tabs-btn .gf-our-services-btn {
        justify-content: center;
        width: 100%;
    }
}

@media(max-width: 425px) {
    .gf-header-content .gf-header-logo a {
        max-width: 155px;
    }

    .gf-header-content .gf-header-request-btn {
        padding: 10px 14px;
        font-size: 12px;
    }
}

@media(max-width: 375px) {
    .gf-header-content .gf-header-request-btn {
        padding: 8px 12px;
        font-size: 10px;
    }

    .gf-header-content .gf-header-logo a {
        max-width: 135px;
    }
    .gf-case-study-slide {
        padding: 20px 16px;
    }

    .gf-case-study-slide .gf-case-study-slide-text {
        padding: 16px;
    }

    .gf-case-study-slide .gf-case-study-slide-text h2 {
        font-size: 20px;
    }

    .gf-case-study-slide .gf-case-study-slide-text p {
        font-size: 14px;
    }
    .gf-our-services-tabs-content .tab-pane .gf-our-services-tabs-technology{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gf-our-approach-content .row > *{
        width: 100%;
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two {
        transform: rotate(-9deg);
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one {
        transform: rotate(9deg);
    }
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one .js-marquee-wrapper .js-marquee,
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two .js-marquee-wrapper .js-marquee,
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-one .js-marquee-wrapper,
    .gf-marquee-aimation-section .gf-marquee-aimation-content .gf-marquee-aimation-two .js-marquee-wrapper {
        gap: 12px;
    }
    .gf-about-page-animation-col .gf-about-page-animation-col-box .gf-about-page-animation-col-heading .gf-about-page-animation-col-heading-text p {
        font-size: 10px;
    }
}

/* New media query end */