/* Root Variables */
:root {
    --primary-font: 'Poppins', sans-serif;

    --h1-size: 48px;
    --h2-size: 36px;
    --h3-size: 28px;
    --h4-size: 22px;
    --h5-size: 18px;
    --h6-size: 16px;

    --line-heading-height: 1.3;

    --body-size: 16px;

    --heading-color: #032BA5;
    --sub-heading-color: #0A0A0A;
    --text-color: rgba(5, 7, 41, 0.6);
    --font-weight-regular: 400;
    --font-weight-bold: 600;
    --line-height: 1.3;

    --second-hover-color: #1216dd;

    --bg-color: rgba(230, 235, 250, 0.4);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--primary-font);
    font-size: var(--body-size);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height);
}

h1 {
    font-size: var(--h1-size);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-heading-height);
}

h2 {
    font-size: var(--h2-size);
    font-weight: var(--font-weight-bold);
}

h3 {
    font-size: var(--h3-size);
}

h4 {
    font-size: var(--h4-size);
}

h5 {
    font-size: var(--h5-size);
}

h6 {
    font-size: var(--h6-size);
}

p {
    font-size: var(--body-size);
    line-height: 26px;
    color: var(--text-color);
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-v24-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-v24-latin-500.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-v24-latin-700.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

a {
    text-decoration: none;
}


.align-items-center {
    align-items: center;
}
/**********************************************************************************/
.container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.container-fluid {
    width: 100%;
}

.site_header {
    padding: 20px 64px;
    box-shadow: 2px 3px 18px 0 rgb(0 0 0 / 9%);
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: transform 0.3s ease;
}

/* hide header (scroll down) */
.site_header.hide {
    transform: translateY(-100%);
}

/* show header (scroll up) */
.site_header.show {
    transform: translateY(0);
}

.header_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile_menu {
    display: none;
}

.mobile_menu img {
    width: 100%;
    max-width: 40px;
    cursor: pointer;
}

.menu_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 99;
}

.menu_overlay.active {
    opacity: 1;
    visibility: visible;
}

.side_menu {
    position: fixed;
    top: 0;
    right: -300px;
    width: 280px;
    height: 100%;
    background: #fff;
    transition: 0.3s;
    z-index: 100;
    padding: 20px;
    overflow-y: auto;
}

.side_menu.active {
    right: 0;
}

.menu_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu_logo {
    max-width: 120px;
}

.menu_close {
    font-size: 28px;
    cursor: pointer;
}

.mobile_nav {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.mobile_nav li {
    margin-bottom: 10px;
}

.mobile_nav a {
    text-decoration: none;
    display: block;
    color: #000;
}

.has_dropdown .dropdown {
    display: none;
    padding-left: 15px;
}

.has_dropdown.active .dropdown {
    display: block;
}

.side_menu .menu_header img {
    max-width: 180px;
}

.has_dropdown>a {
    position: relative;
    padding-right: 20px;
}

.has_dropdown .dropdown a {
    padding: 4px 0px 0px 0px;
    font-size: 15px;
    color: #474747;
}

.has_dropdown .dropdown {
    padding: 0px 0px 0px 30px;
}

.has_dropdown>a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 30.727 30.727' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.has_dropdown:hover>a::after {
    transform: translateY(-50%) rotate(180deg);
}

#menu-header-main-menu {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

#menu-header-main-menu li {
    list-style: none;
}

.header_cta a {
    background-color: var(--heading-color);
    color: #FFF;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-size: 16px;
    font-weight: 500;
}

.header_cta a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: var(--second-hover-color);
    border-radius: 8px;
    z-index: -1;
    transition: width 0.4s ease-in-out;
}

.header_cta a:hover::before {
    width: 100%;
}

.header_cta a svg {
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
}

.header_cta a:hover svg {
    transform: rotate(0deg);
}

.header_cta_border a {
    border: 1px solid var(--heading-color);
    color: #000;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-size: 16px;
    font-weight: 600;
    color: var(--heading-color);
}

.header_cta_border a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: var(--second-hover-color);
    border-radius: 8px;
    z-index: -1;
    transition: width 0.4s ease-in-out;
}

.header_cta_border a:hover {
    border: 1px solid var(--second-hover-color);
    color: #FFFFFF;
}

.header_cta_border a:hover::before {
    width: 100%;
}

.header_cta_border a svg {
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
}

.header_cta_border a:hover svg {
    transform: rotate(0deg);
}

.header_cta_border a:hover svg path {
    stroke: white;
}

/*****************************************************************/
.hero_section {
    padding: 160px 64px 70px 64px;
    background-image: url(../images/hero-image.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero_content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1120px;
    margin: 0px auto;
}

.her_sub_heading {
    color: #000;
}

.hero_content p {
    text-align: center;
    width: 100%;
    max-width: 870px;
    color: #000;
    padding-bottom: 16px;
    font-size: 18px;
}

.hero_content h1 {
    text-align: center;
    color: var(--heading-color);
}

.hero_buttons {
    display: flex;
    gap: 20px;
    align-content: center;
    justify-content: center;
}

#hero_title::after {
    animation: blink 10s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.current-menu-item a {
    color: var(--heading-color) !important;
    border-bottom: 2px solid;
}

.video_hero_section {
    display: flex;
    align-content: center;
    justify-content: center;
    padding-top: 60px;
}
.video_wapper img {
    border-radius: 32px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.video_wapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1030 / 500;
    overflow: hidden;
}
.hero_video_wrapper {
    position: relative;
}
.hero_play_button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: none;
}
/* Modal */
.hero_video_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.hero_video_modal_content {
    width: 80%;
    max-width: 800px;
    position: relative;
    border: 2px solid #ababab;
    border-radius: 20px;
}

.hero_video_modal_content iframe {
    width: 100%;
    height: 450px;
    border-radius: 20px;
}

.hero_close_btn {
    position: absolute;
    top: -25px;
    right: -25px;
    cursor: pointer;
}

.hero_close_btn svg {
    fill: #FFF;
}

.hero_rating_image {
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.hero_rating_image img {
    border-radius: 6px;
    width: 100%;
    height: 60px;
    object-fit: cover;
}

/****************************************************************/
.trusted_by_section {
    background-color: var(--bg-color);
    padding: 40px 64px;
}

.trusted_slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
}

.trusted_track {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
}

.trusted_wrapper {
    overflow: hidden;
    width: 100%;
}

.trusted_track>* {
    flex: 0 0 auto;
}

.trusted_logo img {
    height: 40px;
    filter: grayscale(1);
    opacity: 0.7;
    transition: filter 0.3s ease, opacity 0.3s ease;
}
.trusted_logo:hover img {
    filter: grayscale(0);
    opacity: 1;
}
.trusted_by_heading h2 {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #0A0A0A;
}

.trusted_by_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.white_bg_section {
    padding: 80px 64px;
}

.white_bg_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.color_bg_section {
    padding: 80px 64px;
    background-color: var(--bg-color);
}

.color_bg_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.transform_heading h2 {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: var(--sub-heading-color);
}

.transform_heading h2 span {
    color: var(--heading-color);
}

.transform_heading {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

.transform_heading p {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    text-align: center;
    width: 100%;
    max-width: 1070px;
}

.full_width_content_box .transform_heading p {
    max-width: 100% !important;
}

.transform_accordion,
.transform_box {
    width: 50%;
}

.transform_main {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 40px;
}


.transform_box {
    flex: 1;
    position: sticky;
    top: 100px;
}

.transform_box img {
    width: 100%;
    border-radius: 12px;
    transition: opacity 0.4s ease;
    height: 484px;
    object-fit: cover;
}

.transform_box img.fade {
    opacity: 0;
}

.transform_items {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.transform_item {
    overflow: hidden;
    cursor: pointer;
    padding: 16px 0px;
    border-top: 1px solid #D1D1D6;
}

.transform_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.transform_header:hover {
    color: var(--heading-color);
}

.acc_title {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
}

.tra_accordion_icon {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.tra_accordion_icon svg path {
    stroke: var(--heading-color);
}

.transform_item.active .tra_accordion_icon {
    transform: rotate(180deg);
    border: 1px solid var(--heading-color);
}

.transform_item.active .tra_accordion_icon svg path {
    stroke: var(--heading-color);
}

.transform_accoding_content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
}
.transform_item.active .transform_accoding_content {
    max-height: 300px;
    padding: 16px 0px 0px 0px;
}

.tra_accordion_icon {
    background-color: #F2F2F7;
    padding: 8px;
    border-radius: 150px;
    width: 25px;
    height: 25px;
}

/****************************************************************/
.case_study_section {
    padding: 80px 60px;
    background-color: var(--bg-color);
}

.case_study_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.case_studay_card {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.case_studay_main {
    width: 40%;
}

.case_studay_content {
    width: 60%;
    background-color: #FFF;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
}

.case_studay_content_area {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.case_studay_content_area p strong {
    color: var(--heading-color);
}

.case_studay_tag {
    padding: 4px 16px;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid var(--heading-color);
    border-radius: 8px;
    color: var(--heading-color);
    width: 100%;
    max-width: fit-content;
}

.case_studay_title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: var(--sub-heading-color);
}

.case_studay_actions {
    display: flex;
}

.case_studay_slider_wapper {
    position: relative;
}

.case_studay_swiper_nav {
    position: absolute;
    top: 22px;
    right: 22px;
    z-index: 1;
}

.case_studay_swiper_nav .nav-btn {
    background-color: var(--heading-color);
    border: 0px;
    border-radius: 150px;
    width: 40px;
    height: 40px;
    padding: 8px;
    cursor: pointer;
}

.case_studay_swiper_nav .nav-btn:hover {
    background-color: var(--second-hover-color);
}

/**********************************************************/
.key_facts_section {
    padding: 80px 64px;
}

.key_facts_main {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.key_facts_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.key_facts_box {
    background-color: rgba(242, 242, 247, 0.5);
    border-radius: 20px;
    padding: 40px 26px;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 300ms ease;
    border: 1px solid #e3e3e3cc;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    transition: all 300ms ease;
}
.key_facts_box:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 50%;
    top: 50%;
    width: 200%;
    aspect-ratio: 1;
    translate: -50% -50%;
    opacity: 0;
    transition: opacity .3s;
    background: conic-gradient(transparent 0 65%, #6366f1, #032ba5, transparent);
}
.key_facts_box:after {
    content: "";
    position: absolute;
    inset: 2px;
    z-index: -1;
    background: #fff;
    border-radius: 14px;
}
.home_awards_box:hover:before, .key_facts_box:hover:before {
    opacity: 1;
    animation: spin 2.5s linear infinite;
}
.key_number {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0%;
    color: var(--heading-color);
}

.key_facts_box p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(10, 10, 10, 1);
}

/**************************************************************************/
.web_build_section {
    padding: 80px 64px;
    background-color: var(--bg-color);
}

.we_build_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.web_build_tab_section {
    display: flex;
    flex-direction: row;
    gap: 24px;
}
.page-id-1835 .web_build_tab_nav {
    max-height: 340px;
}
.web_build_tab_nav {
    padding: 16px;
    background-color: #FFF;
    border-radius: 16px;
    width: 32%;
    max-height: 510px;
    overflow-y: auto;
    box-shadow: 0px 0px 2px 0px #cccc;
}

.web_build_tab_nav::-webkit-scrollbar {
    width: 6px;
}

.web_build_tab_nav::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.web_build_tab_nav::-webkit-scrollbar-thumb {
    background: #d3d3d3 #f1f1f1;
    border-radius: 10px;
}

.web_build_tab_nav::-webkit-scrollbar-thumb:hover {
    background: #d3d3d3;
}

.web_build_tab_nav {
    scrollbar-width: thin;
    scrollbar-color: #d3d3d3 #f1f1f1;
}

.web_build_tab_content {
    padding: 24px;
    background-color: #FFF;
    border-radius: 16px;
    width: 68%;
    box-shadow: 0px 0px 2px 0px #cccc;
}

.web_build_tab_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;

}

.web_build_icon_box img {
    width: 40px;
    height: 40px;
}

.web_build_icon_item a {
    text-align: center;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.web_build_tab_list li {
    display: block;
}

/* TAB BUTTON */
.web_build_tab_btn {
    font-weight: 600;
    font-size: 16px;
    font-family: var(--primary-font);
    line-height: 26px;
    letter-spacing: 0%;
    padding: 16px 24px;
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.why_about_right p {
    padding-bottom: 20px;
}

.why_area_bg {
    background-color: var(--bg-color) !important;
}

.web_build_tab_btn:hover {
    color: var(--heading-color);
}

.web_build_tab_btn[aria-selected="true"] {
    border: 1px solid var(--heading-color);
    color: #000000;
    border-radius: 16px;
    padding: 16px 24px;
}

/* TAB CONTENT */
.web_build_tab_content {
    flex: 1;
    padding: 32px 36px;
    min-height: 320px;
}

/* PANEL */
.web_build_tab_panel {
    display: none;
}

.web_build_tab_panel[aria-hidden="false"] {
    display: block;
    animation: wbFadeIn 0.25s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
/* .web_build_tab_panel ul {
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: rgba(5, 7, 41, 0.6);
    line-height: 22px;
} */

@keyframes wbFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.web_build_panel_title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    color: rgba(10, 10, 10, 1);
}

.web_sub_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    padding: 12px 0px;
}

.web_build_panel_desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: rgba(5, 7, 41, 0.6);
}

/* CTA TEXT */
.web_build_panel_cta_text {
    font-size: 14px;
    font-weight: 700;
    color: #111;
    margin-top: 18px;
}

/* DIVIDER */
.web_build_panel_divider {
    border: none;
    border-top: 1px solid #ddd;
    margin: 24px 0;
}

.web_build_icon_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.web_build_icon_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.web_build_icon_box {
    width: 80px;
    height: 80px;
    background: rgba(242, 242, 247, 0.5);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    border: 1px solid rgba(242, 242, 247, 0.5);
}

.web_build_icon_item:hover .web_build_icon_box {
    background: #dce6f7;
    transform: translateY(-3px);
}

/* ICON SVG */
.web_build_icon_box svg {
    width: 28px;
    height: 28px;
    color: #2563eb;
}

.web_build_icon_label {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(10, 10, 10, 1);
}

.btn_left_side {
    justify-content: flex-start;
    padding-bottom: 24px;
}

.web_build_grid_box {
    width: 100%;
    padding: 36px 0px;
    border-top: 1px solid rgba(229, 229, 234, 1);
}
.popup_get_in_touch{
    font-size: var(--h2-size);
    font-weight: var(--font-weight-bold);
    color: #000000;
}
/******************************************************************/
.our_expertise_section {
    padding: 80px 64px;
}

.our_expertise_main {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.our_expertise_box {
    width: calc(33.33% - 16px);
    background-color: rgba(242, 242, 247, 0.5);
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all 300ms ease;
    position: relative;
    z-index: 11;
    overflow: hidden;
}

.our_expertise_box:hover {
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}

.our_expertise_box::before {
    position: absolute;
    width: 124px;
    height: 121px;
    left: 0;
    top: 0;
    background-image: url(../images/dots.png);
    content: "";
    opacity: 0.4;
}

.our_expertise_list {
    padding-top: 16px;
}

.our_expertise_box h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0%;
}

.our_expertise_list ul li {
    width: fit-content;
    opacity: 1;
    border-radius: 40px;
    background-color: #FFFFFF;
    border: 1px solid rgba(229, 229, 234, 1);
    padding: 8px 16px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0%;
    color: rgba(3, 43, 165, 1);
    list-style: none;
}

.our_expertise_list ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.our_expertise_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.our_expertise_icon {
    position: absolute;
    right: -32px;
    bottom: -46px;
    background: #e0e8ff;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 30px 41px;
    border-radius: 50%;
    width: 135px;
    height: 140px;
}

.our_expertise_icon img {
    width: 40px;
    height: 40px;
}

.our_expertise_box:hover .our_expertise_icon {
    background-color: #032ba5;
}

.our_expertise_box:hover .our_expertise_icon img {
    filter: brightness(0) invert(1);
}

/********************************************************************/
.expert_software_section {
    background-color: var(--bg-color);
    padding: 80px 64px;
}

.expert_software_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.expert_software_main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

.expert_software_box {
    width: calc(50% - 20px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #E5E5EA;
    padding-bottom: 20px;
    gap: 10px;
}

.expert_icon {
    width: 40px;
    height: 40px;
    padding: 8px;
    background-color: rgba(3, 43, 165, 0.05);
    border-radius: 8px;
}

.expert_list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
}

.expert_list h3 {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: rgba(10, 10, 10, 1);
}

.expert_link_box {
    border: 1px solid var(--heading-color);
    border-radius: 10px;
    padding: 7px;
    width: 32px;
    height: 32px;
    text-align: center;
}

.expert_link_box:hover {
    background-color: var(--heading-color);
}

.expert_link_box:hover svg {
    filter: brightness(0) invert(1);
}
.expert_content_box {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.expert_content_box p {
    font-size: 15px;
    line-height: 22px;
}

/**************************************************************************/
.hire_our_home_section {
    padding: 80px 64px;
}

.hire_our_home_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.hire_our_home_main {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 32px;
    flex-direction: row;
}

.hire_our_home_image {
    width: 50%;
    position: sticky;
    top: 50px;
    height: fit-content;
}

.hire_our_home_content {
    width: 50%;
}

.hire_our_icon {
    width: 32px;
    height: 32px;
}

.hire_our_box a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hire_our_home_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.hire_our_main {
    display: flex;
    justify-content: flex-start;
    gap: 24px;
    flex-wrap: wrap;
}

.hire_our_box a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
}

.hire_our_box {
    background-color: #F2F2F7;
    padding: 16px;
    border-radius: 16px;
    width: calc(50% - 12px);
}

.hire_our_home_list h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: rgba(0, 0, 0, 1);
}

.hire_our_home_image img {
    animation: floatY 3s ease-in-out infinite;
    display: block;
}

@keyframes floatY {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-25px);
    }

    100% {
        transform: translateY(0);
    }
}

/*********************************************************************************/
.our_technology_section {
    padding: 80px 64px;
    background-color: var(--bg-color);
}

.our_technology_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.our_technology_main_area {
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    gap: 24px;
    width: 100%;
    border: 1px solid #E5E5EA;
    min-height: 350px;
}

/* ── LEFT SIDEBAR ── */
.our_technology_tab_box {
    display: flex;
    flex-direction: column;
    width: 30%;
    flex-shrink: 0;
    gap: 2px;
}

.our_technology_tab_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-radius: 16px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    user-select: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.our_technology_tab_item:hover {
    background: #f0f2ff;
    color: #2b3ecc;
}

.our_technology_tab_item.active {
    color: #000000;
    border: 1px solid var(--heading-color);
}

.our_technology_tab_item .arrow {
    font-size: 22px;
    opacity: 0.6;
}

.our_technology_tab_item.active .arrow {
    opacity: 1;
}

/* ── DIVIDER ── */
.divider {
    width: 1px;
    background: #e8eaf5;
    margin: 8px 0;
    flex-shrink: 0;
}

.technology_content_area {
    flex: 1;
    padding: 16px 0px;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    width: 70%;
}

.technology_content_area.active {
    display: flex;
}

.tech_card {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    gap: 16px;
    cursor: pointer;
    width: calc(24% - 9px);
    background-color: rgba(242, 242, 247, 0.5);
    border: 1px solid #E5E5EA;
    height: 130px;
    outline: 1px solid transparent;
    outline-offset: -14px !important;
    transition: all .3s ease;
}
.tech_card a {
    text-align: center;
}

.tech_card:hover {
    outline-color: #032ba5;
    outline-offset: 0px !important;
}

.tech_card img {
    /*width: 40px;*/
    height: 40px;
    object-fit: contain;
}

.tech_card span {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 1);
}

/**********************************************************************************/
.home_about_gt_section {
    padding: 80px 64px;
}

.home_about_gt_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.home_about_gt_main {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.home_about_gt_image,
.home_about_gt_content {
    width: 50%;
}

.about_box_image {
    display: flex;
    flex-direction: row;
    gap: 13px;
}

.home_about_gt_content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.about_gt_text {
    background-color: rgba(242, 242, 247, 1);
    padding: 24px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.about_gt_text h3 {
    color: rgba(10, 10, 10, 1);
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0%;
}

.about_box_image img {
    width: 100%;
}

/**********************************************************************************/
.home_awards_section {
    padding: 80px 64px;
    background-color: var(--bg-color);
}

.home_awards_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.home_awards_main {
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
}

.home_awards_bg_box {
    background-color: #F2F2F780 !important;
}

.home_awards_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background-color: #FFF;
    padding: 24px;
    border-radius: 16px;
    width: calc(20% - 20px);
    transition: all 300ms ease;
    position: relative;
    isolation: isolate;
    overflow: hidden; 
}
.home_awards_box::before{
    content: "";
    position: absolute;
    z-index: -2;
    left: 50%;
    top: 50%;
    width: 200%;
    aspect-ratio: 1;
    translate: -50% -50%;
    opacity: 0;
    transition: opacity .3s;
    background: conic-gradient(transparent 0 65%, #6366f1, #032ba5, transparent);
}
.home_awards_box:after {
    content: "";
    position: absolute;
    inset: 2px;
    z-index: -1;
    background: #fff;
    border-radius: 14px;
}
.home_awards_box:hover:before {
    opacity: 1;
    animation: spin 2.5s linear infinite;
}

.home_awards_box img {
    width: 100%;
    max-width: 110px;
}

.home_awards_box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
}

.home_awards_box span {
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(10, 10, 10, 1);
}

/**********************************************************************************/
.client_testimonials_section {
    padding: 80px 0px;
}

.client_testimonials_bg {
    padding: 70px 64px;
    background-color: var(--bg-color);
}

.client_testimonials_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.client_testimonials_main {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.client_testimonials_swiper .swiper-slide {
    width: 100%;
    transition: all 300ms ease;
    display: flex;
    gap: 8px;
    background-color: rgba(230, 235, 250, 1);
    border-radius: 16px;
    padding: 8px;
}

.client_testimonials_box {
    transition: all 300ms ease;
    display: flex;
    gap: 8px;
}

.client_testimonials_image {
    position: relative;
    display: flex;
    width: 40%;
}

.client_video_cion {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #00000059;
    border-radius: 150px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.client_testimonials_image img {
    border-radius: 16px;
}

.client_testimonials_content {
    border-radius: 16px;
    background-color: rgb(255 255 255);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    width: 100%;
}

.client_testimonials_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.client_testimonials_title span {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.client_testimonials_title p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: rgba(5, 7, 41, 0.6);
}


.client_video_popup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.client_video_popup.active {
    display: flex;
}

.client_video_popup_inner {
    position: relative;
    width: 90%;
    max-width: 800px;
}

.client_video_iframe_box iframe {
    width: 100%;
    height: 450px;
    border: none;
    border-radius: 20px;
}

.client_video_close {
    position: absolute;
    top: -16px;
    right: -16px;
    font-size: 30px;
    color: #000000;
    cursor: pointer;
    background-color: #FFF;
    border-radius: 160px;
    height: 35px;
    width: 35px;
    padding: 0px 8px;
}

.client_video_iframe_box {
    border-radius: 20px;
    border: 2px solid #979797;
}

/**********************************************************************************/
.home_blog_section {
    padding: 80px 64px;
    background-color: var(--bg-color);
}

.home_blog_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.home_blog_main {
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
}
.home_blog_box {
    background-color: #FFF;
    padding: 8px;
    border-radius: 16px;
    transition: all 300ms ease;
    box-shadow: 0px 0px 10px 3px #e7e7e7;
    width: calc(33.33% - 16px);
}

.home_blog_box:hover {
    .transition: all 300ms ease;
    : hover -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-15px);
    transform: translateY(-10px);
}

.home_blog_title h3 {
    color: rgba(10, 10, 10, 1);
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
}

.home_blog_title a {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.home_blog_content {
    padding: 8px;
}

.home_blog_link {
    border: 1px solid var(--heading-color);
    border-radius: 10px;
    padding: 7px;
    width: 32px;
    height: 32px;
    text-align: center;
}

.home_blog_link:hover {
    background-color: var(--heading-color);
}

.home_blog_image a img {
    border-radius: 20px;
}

.home_blog_link:hover svg {
    filter: brightness(0) invert(1);
}

/**********************************************************************************/
.home_faq_section {
    padding: 80px 64px;
}

.home_faq_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.home_faq_box {
    background-color: rgba(242, 242, 247, 1);
    border-radius: 16px;
    overflow: hidden;
    transition: box-shadow 0.25s, border-color 0.25s;
    padding: 16px 24px;
}

.home_faq_box:hover {
    box-shadow: 0 3px 12px rgb(43 62 204 / 8%);
    border-color: #d5d5e1;
}

.home_faq_main {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.home_faq_box.open {
    border-color: #2b3ecc;
    box-shadow: 0 8px 32px rgba(43, 62, 204, 0.13);
}

.faq_question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 16px;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.faq_question a {
    color: rgba(10, 10, 10, 1);
    text-decoration: none;
    transition: color 0.2s;
    pointer-events: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.home_faq_box.open .faq_question a {
    color: #2b3ecc;
}

.faq_toggle {
    width: 30px;
    height: 30px;
    border-radius: 10%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    transition: background 0.2s, transform 0.3s;
    position: relative;
}

.home_faq_box.open .faq_toggle {
    background: #2b3ecc;
    transform: rotate(90deg);
}

.faq_toggle::before,
.faq_toggle::after {
    content: '';
    position: absolute;
    background: #2b3ecc;
    border-radius: 2px;
    transition: background 0.2s;
}

.faq_toggle::before {
    width: 14px;
    height: 2px;
}

.faq_toggle::after {
    width: 2.2px;
    height: 14px;
}

.home_faq_box.open .faq_toggle::before,
.home_faq_box.open .faq_toggle::after {
    background: #fff;
}

.faq_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding 0.3s ease;
}
.faq_answer ul {
    padding: 10px 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.faq_answer ul li {
    color: var(--text-color);
    list-style: inside;
}
.home_faq_box.open .faq_answer {
    max-height: 500px;
}

.faq_answer p {
    margin: 0;
    padding-top: 16px;
}

.faq_answer ol {
    padding-top: 10px;
}

.faq_answer ol li {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
}

/***************************************************************************************/
.footer_contact_section {
    background-color: var(--bg-color);
    padding: 80px 64px;
}

.footer_contact_wapper {
    display: flex;
    gap: 40px;
    flex-direction: row;
}

.contact_get_your_content {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.footer_contact_form {
    width: 50%;
    background-color: #E6EBFA;
    padding: 40px;
    border-radius: 20px;
}

.contact_get_your_title h2 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
}

.contact_get_your_title {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_information_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_contact_info {
    background-color: #FFF;
    padding: 16px;
    border-radius: 16px;
}

.footer_contact_other_info {
    display: flex;
    gap: 18px;
    align-items: center;
}

.contact_content a {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: rgba(5, 7, 41, 0.6);
    text-decoration: none;
}

.contact_icon {
    display: contents;
}

.contact_county_info {
    display: flex;
    gap: 18px;
    align-items: center;
}

.footer_uas {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_contact_review {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.fgt_form_area p span select,
.fgt_form_area p span textarea,
.fgt_form_area p span input {
    border: none;
    background-color: #FFF;
    padding: 10px 16px;
    border-radius: 8px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    width: 100%;
    color: #000000 !important;
}

.fgt_form_input_large .fgt_form_area {
    width: 100%;
}

.fgt_form_input {
    display: flex;
    flex-direction: row;
    gap: 14px;
}

.fgt_contact_form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.fgt_form_area {
    width: 50%;
}

.submit-btn {
    background-color: var(--heading-color);
    color: #FFF;
    padding: 10px 20px;
    border-radius: 10px;
    border: none;
    font-family: Poppins;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    cursor: pointer;
}
.row.align {
    display: flex;
    flex-direction: row;
    gap: 14px;
    flex-wrap: wrap;
}
.col-md-6.form-group {
    width: calc(50% - 7px);
}
.other_filed {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-top: 14px;
}
.form-control {
    background-color: #FFF;
    padding: 10px 16px;
    border-radius: 8px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    width: 100%;
    color: #7e8282;
    border: 1px solid rgba(199, 199, 204, 1);
}
.select-filed{
    color: #7e8282 !important;
    border: 1px solid rgba(199, 199, 204, 1) !important;
}
.wpcf7-list-item {
    margin: 0px auto !important;
}
.full_width_btn:disabled {
    background-color: #a5a5a5;
}
.full_width_btn:not(:disabled) {
    background-color: var(--heading-color);
}
.full_width_btn {
    width: 100%;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 10px;
    border: none;
    font-family: Poppins;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    cursor: pointer;
    margin: 20px 0px 0px 0px;
}

/*******************************************************************************/
.footer_section {
    padding: 80px 64px 30px 64px;
}

.footer_logo_area a img {
    width: 100%;
    max-width: 264px;
}

.footer_box {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.footer_logo_area {
    width: 22%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer_menu_box {
    width: fit-content;
}

.footer_logo_area ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.footer_logo_area ul li {
    list-style: none;
}

.footer_menu_box ul li {
    list-style: none;
}

.footer_menu_box ul li a {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-decoration: none;
    color: rgba(5, 7, 41, 0.6);
}

.footer_menu_box ul {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.footer_menu_box span {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    text-align: center;
    border-bottom: 1px solid var(--heading-color);
}

.footer_menu_box {
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.footer_copyright_text {
    background-color: var(--heading-color);
    padding: 10px;
}

.copy_text p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
}
.menu-item-object-page::before,
.menu-item-object-custom::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 10px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10'%3E%3Cpath d='M1.45975 0.449396C1.22257 0.195849 0.830136 0.167757 0.559263 0.384934C0.257532 0.626853 0.225494 1.07439 0.48969 1.35682L3.89764 5L0.448773 8.68692C0.203386 8.94924 0.224097 9.36267 0.494474 9.59916C0.750671 9.82325 1.13795 9.80562 1.37274 9.55919L5.06533 5.6835C5.43088 5.29982 5.43364 4.69758 5.07161 4.31056L1.45975 0.449396ZM6.6562 0.440807C6.42142 0.194379 6.03414 0.176754 5.77794 0.400839C5.50756 0.637325 5.48685 1.05076 5.73224 1.31308L9.1811 5L5.73224 8.68692C5.48685 8.94924 5.50756 9.36267 5.77794 9.59916C6.03414 9.82325 6.42142 9.80562 6.6562 9.55919L10.3428 5.6898C10.7108 5.30355 10.7108 4.69645 10.3428 4.3102L6.6562 0.440807Z' fill='%23050729' fill-opacity='0.6'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

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

.technology_hero {
    padding: 0px 64px;
    position: absolute;
    top: 30%;
    left: 0px;
    right: 0px;
}

.hero_banner_section .hero_bg_custom {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.hero_banner_section {
    position: relative;
    height: 100vh;
}

.technology_main {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.technology_content {
    width: 60%;
}

.technology_image {
    width: 40%;
}

.technology_content .breadcrumb ul {
    display: flex;
    align-content: center;
    gap: 8px;
}

.technology_content .breadcrumb ul li {
    list-style: none;
}

.technology_content .breadcrumb ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-decoration: none;
    color: #0A0A0A;
}

.technology_content {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero_left_btn {
    display: flex;
    gap: 20px;
    align-content: center;
    justify-content: flex-start;
}

/*******************/
.technology_con_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.technology_service_box:hover span {
    color: var(--heading-color);
}

.technology_service_box:hover {
    background-color: #FFFFFF;
    border: 1px solid var(--heading-color);
}

.technology_service_box span {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    text-align: center;
    color: #0A0A0A;
}

.technology_service_box {
    width: calc(33.33% - 10px);
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: #f8f8fb;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e5e5ea;
}

.technology_service_box p {
    text-align: center;
}

/****************************************************************************/
.ai_technology_hero_two {
    background-image: url("../images/hero-section.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 180px 64px 120px 64px;
}

.ai_technology_wapper_two {
    display: flex;
    align-items: center;
    gap: 40px;
}

.ai_technology_con_two {
    align-items: flex-start !important;
}

.ai_technology_con_two p,
.ai_technology_con_two h1 {
    text-align: left !important;
}

.ai_technology_main_two {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ai_experience_main_two {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    border-radius: 16px;
    width: 100%;
    max-width: 630px;
}

.ai_experience_two:last-child {
    border-right: 0px;
}

.ai_experience_two {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    border-right: 1px solid #E5E5EA;
    padding-right: 24px;
}

.ai_experience_two span {
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--heading-color);
}

.ai_experience_two p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
    color: rgba(5, 7, 41, 0.6);
}

.hero_left_image {
    width: 40%;
}

.hero_left_image img {
    border-radius: 16px;
}
.page-id-3982 .ai_technology_hero{
    padding: 180px 64px 120px 64px;
}
.ai_technology_hero {
    background-image: url("../images/AI-Development-Service.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 180px 64px 80px 64px;
}

.ai_technology_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.ai_technology_content h1 {
    font-size: var(--h1-size);
    font-weight: 600;
    line-height: var(--line-heading-height);
    text-align: center;
}

.ai_technology_content .breadcrumb ul {
    display: flex;
    align-content: center;
    gap: 8px;
    align-items: center;
}

.ai_technology_content .breadcrumb ul li {
    list-style: none;
}

.ai_technology_content .breadcrumb ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-decoration: none;
    color: #0A0A0A;
}

.ai_technology_content p {
    width: 100%;
    max-width: 920px;
    text-align: center;
    padding-bottom: 15px;
}
.hero_listing{
    padding: 0px 20px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hero_listing li {
    color: var(--text-color);
}
.hero_tow_list_ul {
    padding-bottom: 10px;
    margin-top: -15px;
}

.hero_tow_list_ul ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero_tow_list_ul li {
    list-style: none;
    color: var(--text-color);
    position: relative;
    padding-left: 30px;
}

.hero_tow_list_ul ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.75 8.75V15.15C16.75 16.0337 16.0337 16.75 15.15 16.75H2.35C1.46634 16.75 0.75 16.0337 0.75 15.15V2.35C0.75 1.46634 1.46634 0.75 2.35 0.75H8.75H12.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.08301 7.98287L9.24228 10.5407C9.43801 10.6991 9.68199 10.7718 9.9253 10.7443C10.1686 10.7167 10.3933 10.5909 10.5543 10.3921L16.7497 2.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.color_heading {
    color: var(--heading-color);
}

.ai_experience_main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 48px;
}

.ai_technology_main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
}

.ai_experience span {
    font-family: Poppins;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--heading-color);
}

.ai_experience p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--sub-heading-color);
}

.ai_experience {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-right: 1px solid #E5E5EA;
    padding-right: 24px;
}

.ai_experience:last-of-type {
    border-right: 0;
}

.hire_herolist_content .ai_experience {
    border-color: rgba(209, 209, 214, 1);
}

.arrow_design {
    background-color: #032BA5;
    width: 8px;
    height: 9px;
    display: block;
    border-radius: 150px;
}

.short_heading p {
    display: flex;
    padding-bottom: 0px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    color: var(--sub-heading-color);
}

.short_heading {
    border: 1px solid #8099EA;
    padding: 6px 20px 6px 20px;
    border-radius: 150px;
    background-color: #E6EBFA;
}

/**********************************************************************/
.ai_development_box {
    background-color: #F2F2F780;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E5E5EA;
    width: calc(33.33% - 16px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    outline: 1px solid transparent;
    outline-offset: -14px !important;
    transition: all .3s ease;
}

.ai_development_box:hover {
    outline-color: var(--heading-color);
    outline-offset: 0px !important;
}

.ai_development_service {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
}

.ai_development_box h3 {
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.ai_sevice_text {
    position: relative;
}

.ai_sevice_inner {
    overflow: hidden;
    max-height: 72px;
    transition: max-height 0.5s ease;
}

.ai_sevice_text.expanded .ai_sevice_inner {
    max-height: 1000px;
}

.ai_sevice_inner .list_style_defult {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
}

.ai_sevice_inner .list_style_defult li {
    color: var(--text-color);
}

.tech_service_link {
    border: 1px solid #E5E5EA;
    padding: 4px 12px;
    border-radius: 150px;
    text-decoration: none;
    color: var(--sub_heading);
    width: fit-content;
    font-size: 14px;
    cursor: pointer;
}

.tech_service_link:hover {
    background-color: var(--heading-color);
    color: #FFF;
}

/********************************************************************************/
.tech_cta_section {
    background-image: url("../images/cta-bg-image.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 64px;
}

.tech_cta_box {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
}

.tech_cta_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 50%;
}

.tech_cta_service {
    width: 50%;
    background-color: #FFF;
    padding: 40px 24px;
    border-radius: 16px;
}

.cta_service_wapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.tech_cta_col {
    width: calc(50% - 12px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.tech_cta_svg {
    width: 60px;
    height: 58px;
    background-color: #032BA50D;
    border-radius: 150px;
    padding: 18px;
}

.tech_cta_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tech_cta_info p {
    font-size: 14px;
}

.tech_cta_info span {
    font-weight: 500;
}

/**********************************************************/
/* ════════════════════════════════════════════════════════
       ABOUT SECTION
════════════════════════════════════════════════════════ */
.why_about_section {
    display: flex;
    gap: 24px;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

/* ── LEFT COLUMN ──────────────────────────────────────── */
.why_about_left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 40%;
    background-color: #E6EBFA;
    padding: 24px;
    border-radius: 16px;
}

/* Hero Card */
.why_hero_card {
    border-radius: 16px;
    overflow: hidden;
    background: var(--sub-heading-color);
    position: relative;
    min-height: 260px;
}

.why_hero_card img {
    border-radius: 16px;
}

/* Stats Grid */
.why_stats_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.why_stat_card {
    background: #FFFFFF80;
    border: 16px;
    border-radius: 16px;
    padding: 16px 24px;
    transition: border-color 0.2s, box-shadow 0.2s;
    display: flex;
    gap: 12px;
    flex-direction: column;
}

.why_stat_card:hover {
    border-color: var(--heading-color);
    box-shadow: 0 4px 24px rgba(3, 43, 165, 0.13);
}

.why_stat_number {
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0%;
    color: #0A0A0A;
}

.why_stat_number sup {
    font-size: 18px;
    color: var(--heading-color);
}

.why_stat_label {
    margin-top: 6px;
    color: #05072999;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

/* ── RIGHT COLUMN – ACCORDION ─────────────────────────── */
.why_about_right {
    display: flex;
    flex-direction: column;
    width: 60%;
    background-color: #FFFFFF;
    padding: 24px;
    border-radius: 16px;
}

.page-id-3773 .why_about_right,
.page-id-3732 .why_about_right,
.page-id-3801 .why_about_right,
.page-id-1847 .why_about_right,
.page-id-1774 .why_about_right,
.page-id-1731 .why_about_right,
.page-id-1659 .why_about_right,
.page-id-1636 .why_about_right,
.page-id-1188 .why_about_right,
.page-id-1115 .why_about_right,
.page-id-1177 .why_about_right,
.page-id-1158 .why_about_right,
.page-id-1082 .why_about_right,
.page-id-317 .why_about_right {
    background-color: #f5f7fd;
}

.acc_item {
    border-bottom: 1px solid #e5e5ea;
}

.acc_item:last-child {
    border-bottom: none;
}

/* Trigger button */
.acc_trigger {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 4px;
    cursor: pointer;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    border-radius: 10px;
    font-family: var(--primary-font);
}

.acc_trigger::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

.why_about_right.is_open .acc_trigger::after {
    transform: rotate(180deg);
    transition: 0.3s ease;
}

.acc_trigger::after {
    transition: 0.3s ease;
}

.acc_trigger:focus-visible {
    outline: 2px solid var(--heading-color);
    outline-offset: 2px;
}

/* Feature Icon Box */
.feature_icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.25s;
    padding: 8px;
}

.feature_icon svg {
    width: 22px;
    height: 22px;
    color: var(--heading-color);
    transition: color 0.25s;
}

/* Hover */
.acc_trigger:hover .feature_icon {
    background: var(--heading-color);
}

.acc_trigger:hover .feature_icon svg {
    color: #fff;
}

/* Open state */
.acc_item.is_open .feature_icon {
    background: var(--heading-color);
}

.acc_item.is_open .feature_icon svg {
    color: #fff;
}

.acc_item.is_open .feature_title {
    color: var(--heading-color);
}

.acc_item.is_open .acc_chevron {
    transform: rotate(180deg);
    color: var(--heading-color);
}

/* Title row */
.acc_title_wrap {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.feature_title {
    transition: color 0.2s;
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #000000;
}

/* Chevron */
.acc_chevron {
    width: 20px;
    height: 20px;
    color: var(--muted-color);
    flex-shrink: 0;
    transition: transform 0.35s ease, color 0.2s;
}

/* Expand / Collapse – CSS grid trick (no JS height calc) */
.acc_body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
}

.acc_item.is_open .acc_body {
    grid-template-rows: 1fr;
}

.acc_body_inner {
    overflow: hidden;
}

.acc_desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    padding-bottom: 16px;
}

.acc_trigger:hover .feature_icon img {
    filter: brightness(0) invert(1);
}

.acc_item.is_open .feature_icon img {
    filter: brightness(0) invert(1);
}

/***************************************************/
.technologies_tab_bar {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    list-style: none;
    border: 1px solid #E5E5EA;
}

.technologies_tab_bar li {
    display: contents;
}

.technologies_tab_btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 50px;
    border: 1.5px solid #d1d5db;
    background: transparent;
    color: #4b5563;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color .2s, background .2s, color .2s;
    white-space: nowrap;
}

.technologies_tab_btn:hover {
    border-color: var(--heading-color);
    color: var(--heading-color);
}

.technologies_tab_btn[aria-selected="true"] {
    border-color: var(--heading-color);
    background: #fff;
    color: var(--heading-color);
    font-weight: 600;
}

.technologies_tab_panel {
    display: none;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .07);
    padding: 44px 48px;
}

.technologies_tab_panel[aria-hidden="false"] {
    display: block;
}

.technologies_main_area {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.technologies_panel_inner {
    display: flex;
    align-items: center;
    gap: 24px;
}

.technologies_panel_text {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.technologies_panel_text h3 {
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0%;
}

.technologies_panel_image {
    flex-shrink: 0;
    width: 40%;
    border-radius: 16px;
    overflow: hidden;
}

.technologies_panel_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/******************************************************************************/
.tech_stack_skills_row {
    display: flex;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid #e5e7eb;
    gap: 30px;
}

.tech_stack_category_label {
    min-width: 300px;
    color: rgba(10, 10, 10, 1);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
}

.tech_stack_tags_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tech_stack_tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(242, 242, 247, 0.5);
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 20px;
    padding: 8px 16px;
    color: rgba(10, 10, 10, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

.tech_stack_tag_plus {
    color: rgba(3, 43, 165, 0.5);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}

/**************************************************/
.case_studay_image img {
    border-radius: 16px;
}

.swiper-pagination {
    bottom: -40px !important;
}

.swiper-pagination-bullet-active {
    background-color: #032ba5 !important;
}

.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
}

/******************************************************************/
.industry_card__icon_wrap svg {
    width: 32px;
    height: 32px;
}

.industry_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}

.industry_card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 28px 0px 30px 28px;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
    border-left: 1px solid rgba(229, 229, 234, 1);
    width: calc(33.33% - 0px);
}

.industry_card__label {
    font-size: 18px;
    color: rgba(5, 7, 41, 0.6);
    line-height: 26px;
}

.industry_grid .industry_card:nth-child(3n+1) {
    border-left: none;
}

/* Remove bottom border from last row items */
.industry_grid .industry_card:nth-last-child(-n+3) {
    border-bottom: none;
}

/***************************************************/
.our_process_container {
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

.our_process_container .white_bg_wapper {
    align-items: flex-start;
}

.our_process_container .transform_heading p {
    text-align: left;
}

.transform_heading h2.text-left {
    text-align: left;
    font-weight: 600;
}

.our_process_left {
    width: 36.3%;
    position: sticky;
    top: 10px;
    gap: 80px;
}

.our_process_right {
    width: 64.7%;
    position: relative;
    padding-left: 120px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.our_process_line {
    position: absolute;
    left: 55px;
    top: 55px;
    bottom: 20px;
    width: 2px;
    overflow: hidden;
    background-image: linear-gradient(to bottom,
            #d9d9de 50%,
            transparent 0%);
    background-size: 2px 12px;
    background-repeat: repeat-y;
}

.our_process_line_fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background-image: linear-gradient(to bottom,
            #032ba5 50%,
            transparent 0%);
    background-size: 2px 12px;
    background-repeat: repeat-y;
    transition: height 0.4s ease;
}

.our_process_item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.our_process_number {
    position: absolute;
    left: -90px;
    top: 55px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(229, 229, 234, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--text-color);
    z-index: 2;
    background-color: rgba(242, 242, 247, 1);
}

.our_process_item.active .our_process_number {
    color: var(--heading-color);
    border: 1px solid var(--heading-color);
}

.our_process_card {
    background-color: rgba(242, 242, 247, 0.5);
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 16px;
    padding: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 300ms ease;
}
.our_process_card:hover{
    transform: translateY(-8px);
}

.our_process_card h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
}

/**************************************************************************/
.multi_device_box {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.multi_device_area {
    padding: 16px;
    border: 1px solid rgba(167, 167, 167, 1);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.multi_device_area h3 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(10, 10, 10, 1);
}

.multi_device_area p {
    text-align: center;
}

.multi_device_area img {
    border-radius: 8px;
}

.multi_device_area:hover h3 {
    color: var(--heading-color);
}

.multi_device_area:hover {
    border: 1px solid var(--heading-color);
}

/*****************************************************/
.process_slider_wapper {
    position: relative;
}

.process_card {
    padding: 20px;
    border: 1px solid rgb(167 167 167 / 55%);
    border-radius: 16px;
    background-color: rgba(242, 242, 247, 0.5);
    display: flex;
    flex-direction: column;
    gap: 12px;
    /*min-height: 370px;*/
}

.process_slider .swiper-wrapper {
    align-items: stretch;
}

.process_slider .swiper-slide {
    height: auto;
    display: flex;
}

.process_card {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}


.process_card h3 {
    font-weight: 600;
    font-size: 18px;
}

.process_card span {
    font-family: Poppins;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: rgba(167, 167, 167, 1);
}

.process_card:hover {
    background-color: #FFF;
    border: 1px solid var(--heading-color);
}

.process_card:hover h3,
.process_card:hover span {
    color: var(--heading-color);
}

.process-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}

/*********************************************************/
.why_choose_an_box {
    background-image: url("../images/Why-Choose-Guru-TechnoLabs.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40%;
    border-radius: 16px;
    padding: 25px;
    display: flex;
    align-items: flex-end;
}

.why_choose_an_main {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
    gap: 25px;
}

.why_choose_an_area {
    background-color: rgba(0, 0, 0, 0.36);
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 16px 24px;
    border-radius: 16px;
    width: calc(50% - 13px);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.why_choose_an_wapper {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.why_choose_content {
    background-color: rgba(230, 235, 250, 0.4);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 60%;
}

.why_choose_an_area span {
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: rgba(255, 255, 255, 1);
}

.why_choose_an_area p {
    color: rgba(255, 255, 255, 1);
}
.why_choose_content ul{
    margin: 0px;
    padding: 0px 20px;
}
.why_choose_content ul li {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
}
.why_choose_bg {
    background-color: #FFFFFF;
}

.why_choose_text h3 {
    font-size: 19px;
    font-weight: 600;
    line-height: 28px;
    color: var(--heading-color);
}

.iphone_app_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.iphone_app_list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    line-height: 1.6;
    color: var(--text-color);
    list-style: none;
}

.iphone_app_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    background-color: #032ba526;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}

/*************************************************************/
.industries_area {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.industries_left_side {
    width: 30%;
    background-color: #fff;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.industries_left_side .our_technology_tab_item {
    background-color: rgba(230, 235, 250, 0.4);
}

.industries_left_side_bg {
    background-color: #f5f7fd !important;
}

.our_technology_tab_item.active {
    background-color: #FFF !important;
    color: var(--heading-color) !important;
}

.industries_right_side {
    width: 70%;
    background-color: #fff;
    padding: 16px;
    border-radius: 16px;
}

.industries_right_side .technology_content_area {
    width: 100% !important;
    padding: 0px;
}

.ind_red_box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(209, 48, 56, 1) 100%);
    border-radius: 16px;
}

.industries_content_box img {
    display: block;
    border-radius: 16px;
}

.industries_image_box {
    display: flex;
    align-items: flex-end;
    gap: 30px;
    justify-content: space-between;
}

.industries_image_box .header_cta_border a {
    border: 1px solid #ffffff;
    color: #FFFF;
}

.ind_image_we {
    width: 70%;
}

.industries_image_box .hero_buttons {
    width: 30%;
    padding-bottom: 40px;
}

.industries_text_box {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.industries_text_box h3 {
    color: var(--heading-color);
    font-weight: 600;
    line-height: 36px;
}

.travel_color_box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(1, 99, 218, 1) 100%);
    border-radius: 16px;
}

.educational_color_box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(104, 108, 230, 1) 100%);
    border-radius: 16px;
}

.dating_color_box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(244, 53, 109, 1) 100%);
    border-radius: 16px;
}

.real_color_box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(25, 99, 59, 1) 100%);
    border-radius: 16px;
}

.healthcare_color_box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(16, 139, 149, 1) 100%);
    border-radius: 16px;
}

.sport_color_box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(124, 218, 40, 1) 100%);
    border-radius: 16px;
}

.related_service_wapper {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

/***********************************************************/
.related_service_wapper {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.related_service_box {
    background-color: rgba(242, 242, 247, 0.5);
    padding: 32px;
    border-radius: 16px;
    width: calc(33.33% - 16px);
    display: flex;
    flex-direction: column;
    gap: 36px;
    transition: all .35s ease;
}
.related_service_box.related_service_box_color:hover {
    transform: translate(0px,-8px);
    box-shadow: 8px 8px 0 -1px #e0e7ff,8px 8px 0 0 #c7d2fe,
             16px 16px 0 -1px #eef2ff,16px 16px 0 0 #c7d2fe;
}

.related_service_box_color {
    background-color: #FFFFFF;
}

.related_service_box h3 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
}

.related_service_box ul li {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(3, 43, 165, 1);
}

.related_service_box ul {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.related_service_box ul li {
    list-style: none;
}

.related_service_box ul li a {
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(3, 43, 165, 1) !important;
    text-decoration: none;
}

.related_service_box ul li a:hover {
    font-weight: 500;
    text-decoration: underline;
}

/*************************************************************************/
.page-id-302 .ai_technology_content h1 {
    max-width: 980px;
}

.travel_technology_hero {
    background-image: url("../images/Travel-booking-engine-development-services.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 80px 64px 80px 64px;
    margin-top: 40px;
}

.who_this_main {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.who_this_service {
    width: calc(33.33% - 16px);
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(242, 242, 247, 1);
    padding: 24px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    transition: all 300ms ease;
   position: relative;
    /* isolation: isolate; */
    overflow: hidden;
}
.who_this_service::before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 50%;
    top: 50%;
    width: 200%;
    aspect-ratio: 1;
    translate: -50% -50%;
    opacity: 0;
    transition: opacity .3s;
    background: conic-gradient(transparent 0 65%, #6366f1, #032ba5, transparent);
}
.who_this_service:after {
    content: "";
    position: absolute;
    inset: 2px;
    z-index: -1;
    background: #fff;
    border-radius: 14px;
}
.who_this_service:hover:before {
    opacity: 1;
    animation: spin 2.5s linear infinite;
}
.who_this_service:hover{
    transform: translateY(-8px);
}
.white_who_this_service {
    background-color: #FFFFFF;
}

.who_this_service h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: rgba(10, 10, 10, 1);
}

.who_this_tag a {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgba(3, 43, 165, 1);
    text-decoration: none;
}

.who_this_tag {
    border-top: 1px solid rgba(229, 229, 234, 1);
    padding-top: 12px;
}

.who_this_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.page-id-2023 .booking_engine_image {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.booking_engine_image {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.booking_engine_image_area {
    width: 43%;
}

.booking_engine_image h2 {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
}

.booking_engine_content_wapper {
    width: 57%;
}

.problems_list_box {
    height: calc((108px * 4) + (16px * 3));
    overflow-y: auto;
    padding-right: 6px;
    scroll-behavior: smooth;
}

.problems_list_box::-webkit-scrollbar {
    width: 5px;
}

.problems_list_box::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 10px;
}

.problems_list_box::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.problems_list_box::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
}

.booking_engine_wapper {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.problems_list_wrapper {
    height: calc((145px * 4) + (16px * 3));
    overflow-y: auto;
    padding-right: 6px;
    scroll-behavior: smooth;
}

.problems_list_wrapper::-webkit-scrollbar {
    width: 5px;
}

.problems_list_wrapper::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 10px;
}

.problems_list_wrapper::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.problems_list_wrapper::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
}

.problems_list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    list-style: none;
    background-color: #FFF;
    padding: 24px;
    border-radius: 16px;
}

.bg_problems_list {
    background-color: rgba(242, 242, 247, 0.5);
}

.problem_card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
    padding-bottom: 12px;
}

.problem_card.is_visible {
    opacity: 1;
    transform: translateY(0);
}

.problem_card:hover {
    border-color: var(--heading-color);
}

.problem_card_number {
    width: 80px;
    height: 106px;
    background: rgba(3, 43, 165, 0.05);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 400;
    color: rgba(10, 10, 10, 1);
    transition: background 0.3s ease, color 0.3s ease;
}

.problem_card:hover .problem_card_number {
    background: #eff4ff;
    color: var(--heading-color);
}

.problem_card_content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.problem_card_title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: rgba(10, 10, 10, 1);
}

.problems_scroll_hint {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    font-size: 0.8rem;
    color: var(--clr_text_muted);
    opacity: 0.7;
}

.problems_scroll_hint svg {
    animation: bounce_down 1.4s ease infinite;
}

@keyframes bounce_down {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4px);
    }
}

/******************/
.travel_segment_main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
}

.travel_segment_box {
    width: calc(50% - 12px);
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: space-between;
    border: 1px solid rgba(229, 229, 234, 1);
    padding: 12px;
    border-radius: 16px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.travel_segment_image {
    width: 40%;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(209, 209, 214, 1);
    border-radius: 8px;
}

.travel_segment_image img {
    border-radius: 8px;
    height: 100%;
}

.travel_segment_content h3 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
}

.travel_segment_content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 60%;
    padding: 12px;
}

.full_wi_travel_box {
    width: 100%;
}

.travel_solutions_main {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.travel_solutions_box {
    width: calc(33.33% - 16px);
    background-color: #FFF;
    padding: 24px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05);
    transition: all 300ms ease;
}
.travel_solutions_box:hover{
    transform: translateY(-8px);
}
.travel_solutions_image {
    background-color: rgba(3, 43, 165, 0.05);
    padding: 8px;
    border-radius: 8px;
    width: 48px;
    height: 48px;
}

.travel_solutions_content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.travel_solutions_content h3 {
    font-family: Poppins;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

.our_process_card_white {
    background-color: #FFFFFF;
}

/******************/
.honest_comparison_main {
    box-shadow: 2px 2px 25px 10px rgba(3, 43, 165, 0.1);
    border-radius: 16px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

.honest_comparison_color {
    background-color: rgba(3, 43, 165, 1);
    display: flex;
    padding: 27px 20px;
    border-radius: 16px;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    height: 80px;
}

.honest_comparison_box {
    width: calc(33.33% - 7px);
}

.honest_comparison_color img {
    width: 24px;
    height: 24px;
}

.honest_comparison_color span {
    font-family: Poppins;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0%;
    color: #FFF;
}

.honest_comparison_wtc span {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.honest_comparison_wtc {
    padding: 16px 8px;
    background-color: #FFF;
}

.honest_comparison_wtb span {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    padding-left: 32px;
    display: block;
}

.honest_comparison_wtg {
    padding: 20px 8px;
    background-color: rgba(242, 242, 247, 0.5);
}

.honest_comparison_wtb {
    padding: 14px 8px;
    position: relative;
}

.honest_comparison_wtb::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 2px;
    width: 26px;
    height: 26px;
    background-image: url("../images/right.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.white_honest_comparison {
    padding-top: 10px;
}

.color_honest_comparison {
    background-color: rgba(230, 235, 250, 1);
    padding: 10px;
    border-radius: 16px;
    border: 1px solid rgba(3, 43, 165, 0.25);
}

.why_travel_companies_image img {
    border-radius: 16px;
}

.why_travel_companies_main {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.why_travel_companies_image {
    width: 40%;
}

.why_travel_companies_content_wapper {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #FFF;
    padding: 24px;
    border-radius: 16px;
}

.why_travel_companies_icon {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.why_travel_companies_icon img {
    width: 48px;
    height: 48px;
}

.why_travel_companies_icon h3 {
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.why_travel_companies_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
    padding-bottom: 16px;
}

.why_travel_companies_box:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

/**************************************************************************************************************/
.custom_software_main {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
}

.custom_software_box {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    scroll-behavior: smooth;
    height: calc((112px * 4) + (16px * 3));
    padding: 10px;
}

.custom_software_box::-webkit-scrollbar {
    width: 5px;
}

.custom_software_box::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 10px;
}

.custom_software_box::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.custom_software_box::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
}

.page-id-2019 .custom_software_box {
    background: hsl(225deg 66.67% 94.12% / 40%);
}

.custom_software_image {
    width: 40%;
}

.custom_software_image img {
    border-radius: 16px;
}

.custom_software_text h3 {
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.custom_software_text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.custom_software_content {
    background-color: #FFF;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    justify-content: flex-start;
    gap: 13px;
}

.bg_custom_software_content {
    background-color: var(--bg-color);
}


/* ── TAB NAV ── */
.different_custom_software_main {
    display: flex;
    border: 1px solid #e2e6ef;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.different_custom_software_box {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px;
    cursor: pointer;
    border-right: 1px solid rgba(209, 209, 214, 1);
    transition: background 0.2s, border-bottom-color 0.2s;
    position: relative;
    background-color: rgb(239 242 252);
}

.different_custom_software_box:last-child {
    border-right: none;
}

.different_custom_software_box:hover {
    background: #f7f9ff;
}

.different_custom_software_box.active {
    border-bottom: 2px solid var(--heading-color);
    background: #fff;
}

.different_custom_software_wapper {
    background-color: rgba(230, 235, 250, 0.4);
    padding: 0px 24px 40px 24px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.different_custom_tab_icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.different_custom_tab_icon svg {
    width: 28px;
    height: 28px;
    stroke: #6b7280;
    fill: none;
    stroke-width: 1.6;
    transition: stroke 0.2s;
}

.different_custom_tab_label {
    transition: color 0.2s;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.different_custom_software_box.active .different_custom_tab_label {
    color: #1a56db;
}

.different_custom_tab_content_area {
    background: rgba(255, 255, 255, 1);
    border-top: none;
    border-radius: 16px;
    padding: 24px 40px;
    display: none;
    align-items: center;
    gap: 40px;
}

.different_custom_tab_content_area.active {
    display: flex;
}

.different_custom_tab_content_text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.different_custom_tab_content_text h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

.different_custom_tab_content_image {
    flex-shrink: 0;
    max-width: 326px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.different_custom_tab_content_image img{
    border-radius: 16px;
}

/****************************************************************/
.lcc_cap_main {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.lcc_cap_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    padding: 20px;
    border: 1px solid rgba(242, 242, 247, 1);
    border-radius: 16px;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05);
    flex-wrap: wrap;
    transition: all 300ms ease;
}
.lcc_cap_box:hover{
    transform: translateY(-8px);
}

.bg_lcc_cap_box {
    background-color: #FFFFFF;
}
.icon_lcc_cap {
    padding: 20px;
    background-color: rgba(3, 43, 165, 0.05);
    border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 120px;
}
.icon_lcc_cap img {
    width: 32px;
    height: 32px;
}
.lcc_cap_icon_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 60px;
    width: calc(60% - 25px);
}
.lcc_cap_text span {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
}
.lcc_cap_text {
    width: calc(40% - 25px);
}

.flight_api_box {
    width: calc(20% - 13px);
    background-color: #FFF;
    padding: 24px;
    border: 1px solid rgba(242, 242, 247, 1);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms ease;
}
.flight_api_box:hover{
    transform: translateY(-8px);
}

.flight_api_box img {
    max-width: 130px;
}

.flight_api_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 16px;
}

.hotal_we_build {
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.bg_case_slider {
    padding: 80px 64px;
    background-color: #FFF;
}

.case_studay_content_bg {
    width: 60%;
    background-color: #f5f7fd;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
}

.bg_faq_acco {
    padding: 80px 64px;
    background-color: var(--bg-color);
}

/***********************************************************/
.two_clm_service {
    width: calc(50% - 12px);
}

.what_our_car_rental__wrapper {
    display: flex;
    gap: 24px;
    flex-direction: row;
}

.what_our_car_rental__tab_list {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 20px;
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--bg-color);
    overflow-y: scroll;
    height: 420px;
    scrollbar-width: thin;
    scrollbar-color: rgba(229, 229, 234, 1) transparent;
}

/* Chrome, Edge, Safari */
.what_our_car_rental__tab_list::-webkit-scrollbar {
    width: 4px;
}

.what_our_car_rental__tab_list::-webkit-scrollbar-track {
    background: transparent;
}

.what_our_car_rental__tab_list::-webkit-scrollbar-thumb {
    background: rgba(229, 229, 234, 1);
    border-radius: 10px;
}

.what_our_car_rental__tab_item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 24px 16px 0px;
    cursor: pointer;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
    transition: background 0.2s, border-left-color 0.2s, color 0.2s;
    position: relative;
}

.what_our_car_rental__tab_item:last-child {
    border-bottom: none;
}

.what_our_car_rental__tab_item.what_our_car_rental__tab_item--active .what_our_car_rental__tab_label {
    color: rgba(3, 43, 165, 1);
}

.what_our_car_rental__tab_item.what_our_car_rental__tab_item--active {
    border-bottom: 1px solid rgb(3 43 165);
}

.what_our_car_rental__tab_icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(3, 43, 165, 0.05);
    padding: 8px;
    border-radius: 8px;
}

.what_our_car_rental__tab_label {
    color: rgba(10, 10, 10, 1);
    font-size: 18px;
    line-height: 26px;
}

.what_our_car_rental__tab_arrow {
    margin-left: auto;
    font-size: 28px;
    color: rgba(199, 199, 204, 1);
}

.what_our_car_rental__tab_item--active .what_our_car_rental__tab_arrow {
    color: rgba(3, 43, 165, 1);
}

.what_our_car_rental__content_panel {
    width: 60%;
    border-radius: 16px;
    padding: 32px;
    background: var(--bg-color);
    display: none;
}

.what_our_car_rental__content_panel.what_our_car_rental__content_panel--active {
    display: block;
}

.what_our_car_rental__content_icon img {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(3, 43, 165, 0.05);
    padding: 8px;
    border-radius: 8px;
}

.what_our_car_rental__content_title {
    color: #111;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.what_our_car_rental__content_desc {
    padding-top: 24px;
}

.what_our_car_rental__content_icon {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-bottom: 1px solid rgba(242, 242, 247, 1);
}

.what_our_car_rental__tab_item:first-child {
    padding: 0px 24px 16px 0px;
}

/*********************************************************************/
.hero_list_ul ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.hero_list_ul {
    padding-bottom: 24px;
}

.hero_list_ul ul li {
    position: relative;
    background-color: rgba(255, 255, 255, 1);
    padding: 8px 16px 8px 30px;
    border: 1px solid rgba(209, 209, 214, 1);
    border-radius: 150px;
    font-size: 13px;
    color: rgba(10, 10, 10, 1);
}

.hero_list_ul ul li::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-image: url("../images/hero-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ai_development_box_white {
    background-color: #FFFFFF;
}

.industries_right_bg {
    background-color: #f5f7fd;
}

.ind_bg_box {
    background-color: #f5f7fd;
    height: calc((62px * 4) + (16px * 3));
    overflow-y: auto;
    scroll-behavior: smooth;
}

.ind_bg_box::-webkit-scrollbar {
    width: 5px;
}

.ind_bg_box::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 10px;
}

.ind_bg_box::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.ind_bg_box::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
}

.ind_text_color h3 {
    color: #000;
}

.ind_listing_pointe {
    padding-top: 20px;
}

.ind_listing_pointe ul li {
    position: relative;
    padding-left: 30px;
    list-style: none;
    font-size: 16px;
    line-height: 24px;
    color: rgba(5, 7, 41, 0.6);
}

.ind_listing_pointe ul li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 6px;
    width: 14px;
    height: 14px;
    background-image: url("../images/hero-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: center;
}

.ind_listing_pointe ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.why_about_bg {
    background-color: #e6ebfa66;
}

.swift_modern_main {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
}

.swift_modern_area {
    width: 50%;
}

.swift_modern_image_area {
    width: 50%;
}

.swift_modern_image_area img {
    border-radius: 30px;
}

.swift_modern_area ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.swift_modern_area ul li {
    position: relative;
    padding-left: 33px;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}
.swift_modern_area ul li a {
    color: var(--heading-color);
}
#testimonial_modal_content {
    background-color: #FFF;
    padding: 40px;
    height: 380px;
}
#testimonial_modal_content h3 {
    padding-bottom: 10px;
}
#testimonial_modal_content p {
    padding-bottom: 10px;
}

.swift_modern_area ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 19px;
    height: 18px;
    background-image: url('../images/right_shos.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/**********************************************************************************/
.our_approach_main {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    flex-direction: row;
}

.our_approach_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: calc(33.33% - 16px);
    background-color: #FFF;
    border-radius: 16px;
    padding: 24px;
    border-left: 1px solid rgba(229, 229, 234, 1);
    border-right: 1px solid rgba(229, 229, 234, 1);
    border-bottom: 1px solid rgba(229, 229, 234, 1);
    border-top: 5px solid rgba(3, 43, 165, 1);
}

.our_approach_number {
    font-family: Poppins;
    font-weight: 300;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0%;
    color: var(--heading-color);
}

.our_approach_content h3 {
    font-family: Poppins;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--heading-color);
    padding-bottom: 8px;
}

.ul_listin_pointe li {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
}

.ul_listin_pointe {
    padding: 0px 20px;
}

/***************************************************************/
.react_next_gen_solutions {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.react_next_gen_solutions_left {
    width: 48%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.react_next_gen_solutions_tab {
    position: relative;
    background: var(--bg-color);
    border-radius: 8px;
    padding: 18px 25px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: all .3s ease;
}

.react_next_gen_solutions_tab:hover {
    color: #0d3fc6;
}

.react_next_gen_solutions_tab.active {
    color: #0d3fc6;
}

.react_next_gen_solutions_tab.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #0d3fc6;
    border-radius: 6px 0 0 6px;
}

.react_next_gen_solutions_right {
    width: 52%;
    background: var(--bg-color);
    border-radius: 8px;
    padding: 45px 35px;
    position: relative;
    overflow: hidden;
}

.react_next_gen_solutions_right:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #0d3fc6;
}

.react_next_gen_solutions_content {
    display: none;
}

.react_next_gen_solutions_content.active {
    display: block;
}

.react_next_gen_solutions_icon {
    width: 80px;
    height: 80px;
    background: #FFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.react_next_gen_solutions_icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.react_next_gen_solutions_content h3 {
    color: #0d3fc6;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0%;
    padding-bottom: 20px;
}

/*************************************/
.full_width_content_box {
    width: 100% !important;
}

.digital-transformation-card {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
}

.digital-transformation-card-image {
    width: calc(43.7% - 20px);
}

.digital-transformation-card-content {
    width: calc(56.3% - 20px);
}

.digital-transformation-card-content-inner:not(.no-bg-color) {
    padding: 24px;
    border-radius: 16px;
    background: #F2F2F780;
    border: 1px solid #F2F2F7;
    display: flex;
    height: 100%;
}

.digital-transformation-card-content .transform_heading {
    /* justify-content: space-between; */
    align-items: flex-start;
}

.page-id-767 .digital-transformation-card-content .transform_heading {
    justify-content: center;
    align-items: flex-start;
}

.digital-transformation-card-content .transform_heading p,
.digital-transformation-card-content .transform_heading h2 {
    text-align: left;
}

.digital-transformation-card-image img {
    border-radius: 16px;
}

.show-default-styl-list {
    list-style: unset !important;
    padding-left: 20px;
}

.hero_buttons_left {
    justify-content: flex-start;
}

/********************************************************************************************/
/* ===== NAVBAR ===== */
.error_not_found_navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 60px;
    flex-wrap: wrap;
    gap: 20px;
}

.error_not_found_logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 22px;
    font-weight: 800;
    color: #032ba5;
}

.error_not_found_logo_icon {
    width: 38px;
    height: 38px;
    border: 2.5px solid #032ba5;
    border-radius: 10px;
    transform: rotate(15deg);
    position: relative;
}

.error_not_found_logo_icon::before {
    content: "";
    position: absolute;
    inset: 6px;
    border: 2.5px solid #032ba5;
    border-radius: 6px;
}

.error_not_found_nav_links {
    display: flex;
    align-items: center;
    gap: 36px;
}

.error_not_found_nav_links a {
    text-decoration: none;
    color: #032ba5;
    font-weight: 600;
    font-size: 16px;
    transition: opacity 0.2s;
}

.error_not_found_nav_links a:hover {
    opacity: 0.7;
}

.error_not_found_nav_cta {
    background: #dc0c4e;
    color: #fff !important;
    padding: 12px 26px;
    border-radius: 100px;
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(220, 12, 78, 0.35);
}

/* ===== HERO ===== */
.error_not_found_hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}

.error_not_found_hero_text {
    flex: 1 1 480px;
    z-index: 2;
}

.error_not_found_num_404 {
    font-size: clamp(70px, 10vw, 140px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.03em;
    color: #032ba5;
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
}

.error_not_found_num_404 .error_not_found_zero {
    color: #dc0c4e;
}

.error_not_found_spark {
    position: absolute;
    color: #dc0c4e;
    font-size: 28px;
}

.error_not_found_spark.top-left {
    top: -10px;
    left: -10px;
    transform: rotate(-15deg);
}

.error_not_found_spark.bottom-right {
    bottom: 20px;
    right: -40px;
    transform: rotate(10deg);
}

.error_not_found_oops {
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
    color: #032ba5;
    margin-top: 24px;
    letter-spacing: -0.01em;
}

.error_not_found_desc {
    color: #6b7280;
    font-size: 17px;
    line-height: 1.7;
    margin-top: 18px;
    max-width: 420px;
}

.error_not_found_hero_buttons {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-top: 36px;
    flex-wrap: wrap;
}

.error_not_found_btn_home {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #dc0c4e;
    color: #fff;
    padding: 16px 32px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(220, 12, 78, 0.4);
    transition: transform 0.2s ease;
}

.error_not_found_btn_home:hover {
    transform: translateY(-3px);
}

.error_not_found_btn_home svg {
    width: 20px;
    height: 20px;
}

.error_not_found_link_homepage {
    color: #032ba5;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: gap 0.2s ease;
}

.error_not_found_link_homepage:hover {
    gap: 14px;
}

/* ===== ILLUSTRATION ===== */
.error_not_found_hero_illustration {
    flex: 1 1 0px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.error_not_found_crack {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 140px;
    background: #032ba5;
    border-radius: 0 0 50% 50% / 0 0 90% 90%;
    clip-path: polygon(20% 0%, 35% 15%, 55% 5%, 70% 20%, 85% 8%, 100% 25%, 90% 100%, 10% 100%, 0% 30%);
}

/*****************************************************************************************/
.vw_contact_section {
    background-image: url('../images/contact-us-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 130px 64px 80px 64px;
}
 
.vw_contact_wapper {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.vw_contact_box_main {
    width: 55%;
}

.vw_contact_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vw_contact_form_area {
    width: 45%;
    border: 1px solid rgba(242, 242, 247, 1);
    background-color: #FFFFFF;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.vw_form_text h2 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0%;
}

.vw_form_text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.vw_form_box {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.vw_seacure_are {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vw_seacure_text p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.vw_seacure_text {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.vw_contact_form_area .fgt_form_area p span select,
.fgt_form_area p span textarea,
.fgt_form_area p span input {
    border: 1px solid rgba(199, 199, 204, 1);
}

.vw_contact_box h1 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
}

.vw_contact_box_main {
    width: 55%;
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.vw_svg_text_box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.vw_text_box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vw_svg_text_box span {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.vw_box_wapper {
    display: flex;
    flex-direction: column;
    gap: 38px;
}

.vw_contact_box h1 span {
    color: var(--heading-color);
}

.vw_address_section {
    background-color: rgba(230, 235, 250, 0.4);
    padding: 80px 64px;
}

.vw_address_icon img {
    width: 100px;
    height: 100px;
}

.vw_address_wapper {
    display: flex;
    justify-content: center;
}

.vw_address_main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}

.vw_address_box {
    width: 50%;
    border-right: 1px solid rgba(209, 209, 214, 1);
}

.vw_address_box {
    width: 100%;
    max-width: 450px;
    border-right: 1px solid rgba(209, 209, 214, 1);
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.vw_address_info {
    display: flex;
    flex-direction: column;
    gap: 21px;
    justify-content: center;
    align-items: center;
}

.vw_address_info span {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: var(--heading-color);
}

.vw_address_info p {
    text-align: center;
}

.vw_address_box:last-child {
    border: none;
}

/*******/
.vw_info_section {
    padding: 80px 64px;
}

.vw_info_wapper {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.vw_info_card {
    background: #fff;
    border: 1px solid rgba(242, 242, 247, 1);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    width: calc(33.33% - 24px);
}

/* ---------- CARD 1: CONTACT ---------- */
.vw_contact_card_inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.vw_contact_row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.vw_contact_icon_circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eef1ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    overflow: hidden;
}

.vw_contact_icon_circle img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.vw_contact_flag_circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid #eee;
}

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

.vw_contact_text {
    flex: 1;
    font-size: 18px;
    line-height: 26px;
}

.vw_contact_copy_btn {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid #e2e2e2;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #999;
    flex-shrink: 0;
    transition: background .2s, color .2s;
}

.vw_contact_copy_btn:hover {
    background: #f0f0f0;
    color: #555;
}

.vw_contact_copy_btn svg {
    width: 14px;
    height: 14px;
}

.vw_contact_social_row {
    display: flex;
    gap: 12px;
    margin-top: 4px;
}

.vw_contact_social_btn {
    width: 48px;
    height: 48px;
    border-radius: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform .2s;
    border: 1px solid rgba(229, 229, 234, 1);
}

.vw_contact_social_btn:hover {
    transform: translateY(-2px);
}

.vw_contact_social_row a img {
    width: 24px;
    height: 24px;
}

.vw_info_card_heading {
    color: #1c1c1c;
    margin-bottom: 22px;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

/* ---------- SWIPER COMMON ---------- */
.vw_case_studay_slider {
    width: 100%;
    flex: 1;
}

.vw_swiper_slide_box {
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 14px;
    height: 100%;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 22px;
}

/* ---------- CARD 2: CLUTCH RATING ---------- */
.vw_clutch_logo_row {
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-size: 30px;
    font-weight: 800;
    color: #1c1c1c;
    letter-spacing: -1px;
}

.vw_clutch_logo_row .vw_accent_dot {
    color: #ff3d2e;
    font-size: 36px;
    line-height: 0;
}

.vw_clutch_tagline {
    font-size: 11px;
    letter-spacing: 2px;
    color: #9a9a9a;
    margin-top: 6px;
    font-weight: 600;
}

.vw_clutch_stars_row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
}

.vw_clutch_stars {
    display: flex;
    gap: 2px;
    color: #ffb800;
}

.vw_clutch_stars svg {
    width: 18px;
    height: 18px;
}

.vw_clutch_score {
    font-size: 16px;
    font-weight: 700;
    color: #2c2c2c;
}

/* ---------- CARD 3: KEY FACTS ---------- */
.vw_fact_number {
    font-size: 30px;
    font-weight: 800;
    color: var(--heading-color);
    margin-bottom: 8px;
}

.vw_fact_label {
    font-size: 15px;
    color: #555;
    line-height: 1.5;
    max-width: 220px;
}

/* ---------- PAGINATION DOTS ---------- */
.vw_slider_pagination_wrap {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.vw_slider_pagination_wrap .swiper-pagination {
    position: relative !important;
    display: flex;
    gap: 8px;
    align-items: center;
    top: 0px !important;
    left: 0px !important;
    justify-content: center;
}

.vw_slider_pagination_wrap .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background: #d9dee8;
    opacity: 1;
    border-radius: 50%;
    transition: background .2s, transform .2s;
}

.vw_slider_pagination_wrap .swiper-pagination-bullet-active {
    background: #2451f5;
    transform: scale(1.1);
}

/********************************************************************************************/
.expertise_card_list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.expertise_card_list .expertise_card_list_item {
    width: 50%;
    width: calc(50% - 12px);
    padding: 24px;
    border: 1px solid #F2F2F7;
    background: #fff;
    box-shadow: 2px 2px 10px 0px #0000000D;
    border-radius: 16px;
    transition: all 300ms ease;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.expertise_card_list .expertise_card_list_item:hover:before {
    opacity: 1;
    animation: spin 2.5s linear infinite;
}
.expertise_card_list_item:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 50%;
    top: 50%;
    width: 200%;
    aspect-ratio: 1;
    translate: -50% -50%;
    opacity: 0;
    transition: opacity .3s;
    background: conic-gradient(transparent 0 65%, #6366f1, #032ba5, transparent);
}
.expertise_card_list_item:after {
    content: "";
    position: absolute;
    inset: 2px;
    z-index: -1;
    background: #fff;
    border-radius: 14px;
}
.expertise_card_list_item .heading_flex_content {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 16px;
}

.expertise_card_list_item .heading_flex_content h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

.expertise_card_list_item .icon_box {
    width: 72px;
    height: 72px;
    background: #E6EBFA66;
    border: 1px solid #F2F2F7;
    border-radius: 16px;
    display: flex;
    align-items: center;
}

.expertise_card_list_item .icon_box img {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0 auto;
}

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

.solution_provide_content .tab_content_image {
    width: calc(35% - 15px);
}

.solution_provide_content .tab_content_right {
    width: calc(65% - 15px);
}

.solution_provide_content .tab_content_right .web_build_panel_title {
    margin-bottom: 20px;
}

/********************************************************************************************/
.travel_solutions_box.travel_solutions_box_bg_color {
    background: #F2F2F780;
}

.industries_flutter_main {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
}

.industries_flutter_box {
    width: calc(50% - 40px);
    border: 1px solid rgba(229, 229, 234, 1);
    padding: 24px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 300ms ease;
}
.industries_flutter_box:hover{
    transform: translateY(-8px);
}

.industries_flutter_icon_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.industries_flutter_icon_box img {
    width: 48px;
    height: 48px;
    background-color: rgba(3, 43, 165, 0.05);
    padding: 8px;
    border-radius: 8px;
}

.industries_flutter_icon_box h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.industries_flutter_listing {
    background-color: rgba(230, 235, 250, 0.4);
    padding: 16px;
    border-radius: 16px;
}

.industries_flutter_listing ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0%;
    color: var(--heading-color);
    list-style: none;
    width: calc(50% - 20px);
    position: relative;
    padding-left: 20px;
}

.industries_flutter_listing ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.industries_flutter_listing ul li:before {
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    background-color: var(--heading-color);
    border-radius: 150px;
    top: 7px;
    left: 0px;
}

/******************************************************************/
/********** Hire Page CSS ***************************/
.hire_hero_section {
    background-image: url("../images/hire-hero-bg.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 180px 64px 120px 64px;
}

.hire_hero_wapper {
    display: flex;
    align-items: center;
    gap: 40px;
}

.hire_hero_left_area {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.hire_hero_right_area {
    width: 50%;
}

.hire_experience_main_two {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    border: 1px solid rgba(242, 242, 247, 1);
    border-radius: 16px;
    width: auto;
    max-width: 630px;
}

.hire_dedicated_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
}

.hire_dedicated_content {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.hire_dedicated_image {
    width: 40%;
}

.hire_dedicated_image img {
    border-radius: 20px;
}

.hire_dedicated_content .transform_heading h2 {
    text-align: left;
    font-weight: 600;
}

.hire_tech_heading p,
.hire_tech_heading h2 {
    text-align: left;
}

.hire_technical_skills_left {
    width: 50%;
}

.hire_technical_skills_wapper {
    width: 50%;
}

.hire_technical_skills_wapper {
    width: 50%;
    background-color: rgba(230, 235, 250, 0.4);
    padding: 14px;
    border-radius: 16px;
}

.hire_technical_skills {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    scroll-behavior: smooth;
    height: calc((124px * 4) + (16px * 3));
    padding: 10px;
}

.hire_technical_box {
    background-color: rgba(255, 255, 255, 1);
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.hire_technical_box p {
    width: 100%;
}

.hire_technical_skills::-webkit-scrollbar {
    width: 5px;
}

.hire_technical_skills::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 10px;
}

.hire_technical_skills::-webkit-scrollbar-thumb {
    background: rgba(229, 229, 234, 1);
    border-radius: 10px;
}

.hire_technical_skills::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
}

.hire_responsibilities_main {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.hire_responsibilities_image {
    width: 40%;
}

.hire_responsibilities_text_wapper {
    width: 60%;
}

.hire_responsibilities_text_main {
    display: flex;
    flex-direction: row;
    gap: 25px;
    padding: 8px;
    flex-wrap: wrap;
    overflow-y: auto;
    scroll-behavior: smooth;
    height: calc((160px * 4) + (16px * 3));
}

.hire_responsibilities_main {
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: center;
    align-items: center;
}

.hire_responsibilities_text_box {
    width: calc(50% - 13px);
    border-left: 6px solid rgba(179, 194, 242, 1);
    background-color: #FFF;
    padding: 16px 24px;
    border-radius: 16px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(209, 209, 214, 1);
    border-top: 1px solid rgba(209, 209, 214, 1);
    border-bottom: 1px solid rgba(209, 209, 214, 1);
    display: flex;
    justify-content: center;
    align-items: align-items: flex-start;
    ;
    gap: 16px;
}

.hire_responsibilities_text p {
    color: rgba(0, 0, 0, 1);
}

.hire_responsibilities_number span {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: rgba(5, 7, 41, 0.6);
}

.hire_responsibilities_number {
    border-right: 1px solid rgba(229, 229, 234, 1);
    padding-right: 16px;
}

.hire_expertise_main {
    display: flex;
    flex-direction: row;
    gap: 24px;
    border: 1px solid rgba(242, 242, 247, 1);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 24px;
}

.hire_expertise_image {
    width: 40%;
    padding: 40px;
    background-image: url("../images/our-expertise.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 24px 0px 0px 24px;
}

.hire_expertise_top_title {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hire_expertise_content_area {
    width: 60%;
    padding: 10px;
}

.hire_expertise_scroll {
    overflow-y: auto;
    scroll-behavior: smooth;
    height: calc((160px * 4) + (16px * 3));
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
    padding: 14px;
}

.hire_responsibilities_text_main::-webkit-scrollbar,
.hire_expertise_scroll::-webkit-scrollbar {
    width: 5px;
}

.hire_responsibilities_text_main::-webkit-scrollbar-track,
.hire_expertise_scroll::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 10px;
}

.hire_responsibilities_text_main::-webkit-scrollbar-thumb,
.hire_expertise_scroll::-webkit-scrollbar-thumb {
    background: rgba(229, 229, 234, 1);
    border-radius: 10px;
}

.hire_responsibilities_text_main::-webkit-scrollbar-thumb:hover,
.hire_expertise_scroll::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
}

article.hire_expertise_content_box {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid rgb(209 209 214 / 46%);
    border-radius: 16px;
    padding: 16px;
    width: calc(50% - 13px);
}

.hire_expertise_title h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.hire_expertise_title {
    border-left: 3px solid rgba(3, 43, 165, 1);
    padding-left: 16px;
}

.hire_expertise_content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Track wrapper ── */
.hire_steps_track {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── Number strip ── */
.hire_steps_numbers {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin: 0px 80px 40px;
    padding: 0;
}

.hire_steps_number_item {
    display: flex;
    align-items: center;
    flex: 1;
}

.hire_steps_number_item:last-child {
    flex: 0;
}

.hire_steps_number_circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid rgba(209, 209, 214, 1);
    background: #FFF;
    font-size: 18px;
    font-weight: 400;
    color: rgba(3, 43, 165, 1);
    letter-spacing: 0.03em;
    position: relative;
    z-index: 1;
}

span.hire_steps_number {
    background-color: rgba(242, 242, 247, 1);
    padding: 8px;
    border-radius: 50%;
}

.hire_steps_connector {
    display: block;
    flex: 1;
    height: 1.5px;
    background: repeating-linear-gradient(to right,
            #c5cbe8 0,
            #c5cbe8 6px,
            transparent 6px,
            transparent 12px);
    margin: 0 4px;
}

/* ── Cards row ── */
.hire_steps_cards {
    display: flex;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hire_steps_card {
    background: #ffffff;
    border-radius: 18px;
    border-top: 8px solid rgba(179, 194, 242, 1);
    border-left: 1px solid #e2e6f3;
    border-right: 1px solid #e2e6f3;
    border-bottom: 1px solid #e2e6f3;
    padding: 28px 20px 24px;
    position: relative;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    position: relative;
    flex: 1;
}

.hire_steps_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(74, 87, 160, 0.12);
}

.hire_steps_card_inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    align-items: center;
}

.hire_steps_card_title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    text-align: center;
}

.hire_steps_card_divider {
    display: block;
    width: 28px;
    height: 2.5px;
    background: #2b3aab;
    border-radius: 2px;
    margin-bottom: 14px;
}

.hire_steps_card_text {
    text-align: center;
}

/* Top center notch/arrow */
.hire_steps_card::before {
    content: '';
    position: absolute;
    top: -1px;
    /* align with top border */
    left: 50%;
    transform: translateX(-50%);
    width: 5px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid rgba(179, 194, 242, 1);
}

.hire_cards_wrapper {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.hire_card {
    background: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
    width: calc(33.33% - 16px);
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 24px !important;
}

.hire_card_header {
    display: flex;
    align-items: center;
    gap: 24px;
    background-color: rgba(230, 235, 250, 1);
    padding: 15px 24px;
    border-radius: 16px;
}

.hire_card_icon {
    width: 60px;
    height: 60px;
    background: #FFF;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hire_card_icon svg {
    width: 24px;
    height: 24px;
}

.hire_card_title {
    font-size: 17px;
    font-weight: 700;
    color: #1a1a2e;
}

.hire_divider {
    border: none;
    border-top: 1.5px dashed #c5cdf7;
    margin: 0 0 20px 0;
}

.hire_feature_item {
    display: flex;
    gap: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 28px 54px;
    position: relative;
}

.hire_check_icon {
    flex-shrink: 0;
    margin-top: 1px;
}

.hire_card_icon img {
    width: 32px;
    height: 32px;
}

.item_bg {
    background-color: rgba(242, 242, 247, 1);
}

.item_bg:last-child {
    border-radius: 0px 0px 24px 24px;
}

.hire_feature_item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 28px;
    width: 18px;
    height: 21px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8008 12V18.4C16.8008 19.2837 16.0844 20 15.2008 20H2.40078C1.51713 20 0.800781 19.2837 0.800781 18.4V5.6C0.800781 4.71634 1.51713 4 2.40078 4H8.80078H12.8008' stroke='%23032BA5' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M6.13281 11.2329L9.29209 13.7907C9.48781 13.9491 9.73179 14.0218 9.97511 13.9943C10.2184 13.9667 10.4431 13.8409 10.6041 13.6421L16.7995 6' stroke='%23032BA5' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
    left: 22px;
}

article.hire_why_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
}

.hire_why_wapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    scroll-behavior: smooth;
    height: calc((126px * 4) + (16px * 3));
    padding: 10px;
}

.hire_why_wapper::-webkit-scrollbar {
    width: 5px;
}

.hire_why_wapper::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 10px;
}

.hire_why_wapper::-webkit-scrollbar-thumb {
    background: rgba(229, 229, 234, 1);
    border-radius: 10px;
}

.hire_why_wapper::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
}

.hire_why_box h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.hire_why_box:last-child {
    border-bottom: 0;
}

.hire_why_about_right p {
    padding-bottom: 16px;
}

article.custom_software_content {
    border: 1px solid rgba(229, 229, 234, 1);
}

/***********************************/
.different_custom_software_box {
    justify-content: center;
}

.no_bg_content {
    background-color: transparent;
}

.p-0 {
    padding: 0;
}

.fem_tab_nav {
    max-width: 532px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E5E5EA;
    box-shadow: 2px 2px 10px 0px #0000000D;
}

.fem_tab_btn {
    flex: 1;
    background: transparent;
    padding: 14px 15px;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 16px;
    border: 1px solid transparent;
}

.fem_tab_btn:hover,
.fem_tab_btn.active {
    background: #fff;
    color: #032BA5;
    border: 1px solid #032BA5;
}

.fem_tab_pane {
    display: none;
    animation: fadeSlide .4s ease;
}

.fem_tab_pane.active {
    display: block;
}

.fem_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.fem_content,
.fem_image {
    flex: 1 1 calc(50% - 12px);
}

.fem_tab_content {
    max-width: 1066px;
    margin: 0 auto;
}

.fem_content {
    box-shadow: 2px 2px 10px 0px #0000000D;
    background: #fff;
    border: 1px solid #E5E5EA;
    border-radius: 16px;
    padding: 60px 30px;
}

.fem_image img {
    border-radius: 16px;
}

.fem_content h3 {
    font-size: 24px;
    line-height: 32px;
    color: #000;
    margin-bottom: 16px;
}

.fem_content p {
    font-size: 16px;
    line-height: 24px;
    color: rgba(5, 7, 41, 0.6);
}

@keyframes fadeSlide {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/************************************************/
.dedicated_team_content {
    margin-bottom: 20px;
}

.dedicated_team_content:last-of-type {
    margin-bottom: 0;
}

.dedicated_team_content .dedicated_team_title {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
    margin-bottom: 3px;
}

.dedicated_team_content .dedicated_team_desc {
    font-size: 16px;
    line-height: 24px;
    color: rgba(5, 7, 41, 0.6);
    margin: 0;
}

.business_operation_grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    margin-bottom: 50px;
    background-color: #FFF;
    padding: 20px;
    border-radius: 16px;
}

.business_operation_grid:last-of-type {
    margin-bottom: 0;
}

.business_operation_grid:nth-child(2n) .business_operation_image {
    order: 2;
}

.business_operation_grid:nth-child(2n) .business_operation_content {
    order: 1;
}

.business_operation_image {
    flex: 1 1 calc(42% - 20px);
}

.business_operation_image img {
    border-radius: 16px;
}

.business_operation_content {
    flex: 1 1 calc(58% - 20px);
}

.business_operation_content .num_cnt {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #E5E5EA;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

.business_operation_content h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #000;
    margin-bottom: 8px;
}

.business_operation_content p {
    font-size: 16px;
    line-height: 24px;
    color: rgba(5, 7, 41, 0.6);
    margin-bottom: 20px;
}

.business_operation_content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.business_operation_content ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: #000;
    font-size: 16px;
    border: 1px solid rgba(229, 229, 234, 1);
    background: #fff;
    border-radius: 40px;
    padding: 8px 16px;
}

/*********************Table***************************/
.comparison_table_wrapper {
    overflow-x: auto;
}
.case_full_content{
    width: 100%;
}
.comparison_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.case_comparison_table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    overflow: hidden;
}
.case_comparison_table th {
    background: #B3C2F2 !important;
    color: #000000 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}
.comparison_table th {
    background: #1537b6;
    color: #fff;
    padding: 28px;
    text-align: left;
    font-size: 24px;
    font-weight: 600;
}

.comparison_table th:first-child {
    border-radius: 20px 0 0 0;
}

.comparison_table th:last-child {
    border-radius: 0 20px 0 0;
}
.table_comparison{
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
.comparison_table td {
    padding: 15px;
    vertical-align: middle;
    line-height: 24px;
    font-size: 16px;
    position: relative;
}

.comparison_table td:first-child {
    width: 25%;
    font-weight: 600;
}

.comparison_table td:nth-child(2) {
    background: #eef1fb;
    padding-left: 55px;
}
.case_comparison_table td:nth-child(2) {
    background: #FFFFFF;
    padding-left: 55px;
}

.comparison_table td .right_check_icon:before {
    content: "";
    position: absolute;
    top: 18px;
    left: 15px;
    width: 26px;
    height: 26px;
    background-image: url("../images/right.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.comparison_table tbody tr:nth-child(odd) td:first-child,
.comparison_table tbody tr:nth-child(odd) td:last-child {
    background: #ffffff;
}

.comparison_table tbody tr:nth-child(even) td:first-child,
.comparison_table tbody tr:nth-child(even) td:last-child {
    background: #f7f7f7;
}

.comparison_table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 20px;
}

.comparison_table tbody tr:last-child td:last-child {
    border-radius: 0 0 20px 0;
}

.platforms_main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
}

.platforms_box {
    background-color: #FFF;
    width: calc(33.33% - 60px);
    border-radius: 16px;
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.05);
    border-left: 1px solid rgba(229, 229, 234, 1);
    border-right: 1px solid rgba(229, 229, 234, 1);
    border-top: 1px solid rgba(229, 229, 234, 1);
    border-bottom: 3px solid var(--heading-color);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 28px;
    padding: 32px;
}

.platforms_box img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.tools_main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.tools_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border: 1px solid rgba(229, 229, 234, 1);
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.05);
    padding: 32px 32px 64px 32px;
    border-radius: 16px;
    background-color: #FFF;
    width: calc(20% - 20px);
}

.tools_box span {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tools_box span::after {
    content: '';
    position: absolute;
    top: 40px;
    width: 50px;
    height: 2px;
    background: var(--heading-color);
}

.tools_box img {
    width: 100px;
    height: 100px;
}

/***************************************************************/
.wireframe__main_wrapper {
    display: flex;
    gap: 24px;
    flex-direction: row;
}

/* LEFT PANEL */
.wireframe__problems_panel {
    width: calc(33.33% - 24px);
    border-left: 3px solid rgba(191, 26, 26, 1);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(242, 242, 247, 1);
    border-bottom: 1px solid rgba(242, 242, 247, 1);
    border-top: 1px solid rgba(242, 242, 247, 1);
    display: flex;
    flex-direction: column;
    gap: 34px;
}

.wireframe__panel_header {
    display: flex;
    align-items: center;
    gap: 16px;
}

.wireframe__header_icon_red {
    width: 40px;
    height: 40px;
    background: rgba(191, 26, 26, 1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wireframe__header_icon_blue {
    width: 40px;
    height: 40px;
    background: rgba(3, 43, 165, 1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wireframe__header_icon_red svg,
.wireframe__header_icon_blue svg {
    width: 36px;
    height: 36px;
}

.wireframe__panel_title {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

.wireframe__problem_item {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-start;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
    padding-bottom: 16px;
}

.wireframe__problems_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wireframe__cross_icon {
    flex-shrink: 0;
    margin-top: 2px;
}

.wireframe__cross_icon svg {
    width: 32px;
    height: 32px;
}

.wireframe__problem_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

.wireframe__center_panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 31px;
    background-color: rgba(240, 244, 253, 1);
    border-radius: 16px;
    padding: 20px;
    width: calc(33.33% - 24px);
    justify-content: center;
}


.wireframe__info_box {
    background: rgba(230, 235, 250, 1);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
}

.wireframe__info_icon {
    width: 48px;
    height: 48px;
    background: rgba(3, 43, 165, 1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wireframe__info_icon svg {
    width: 32px;
    height: 32px;
}

.wireframe__info_text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

/* RIGHT PANEL */
.wireframe__solutions_panel {
    width: calc(33.33% - 24px);
    border-left: 1px solid rgba(242, 242, 247, 1);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.05);
    border-right: 3px solid rgba(3, 43, 165, 1);
    border-bottom: 1px solid rgba(242, 242, 247, 1);
    border-top: 1px solid rgba(242, 242, 247, 1);
    display: flex;
    flex-direction: column;
    gap: 34px;
}

.wireframe__solution_item {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-start;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
    padding-bottom: 16px;
}

.wireframe__check_icon svg {
    width: 32px;
    height: 32px;
}

.wireframe__solution_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}

/************************************/
.marketing_importance_wapper {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
}

.marketing_importance_main {
    width: calc(60% - 20px);
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}

.marketing_importance_image {
    width: calc(40% - 20px);
}

.marketing_importance_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.marketing_importance_box p {
    position: relative;
    padding-left: 32px;
}

.marketing_importance_box p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.75 8.75V15.15C16.75 16.0337 16.0337 16.75 15.15 16.75H2.35C1.46634 16.75 0.75 16.0337 0.75 15.15V2.35C0.75 1.46634 1.46634 0.75 2.35 0.75H8.75H12.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.08203 7.98287L9.2413 10.5407C9.43703 10.6991 9.68101 10.7718 9.92433 10.7443C10.1676 10.7167 10.3923 10.5909 10.5533 10.3921L16.7487 2.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.marketing_importance_main .transform_heading h2 {
    text-align: left;
}

.marketing_importance_main .transform_heading p {
    text-align: left;
}

.maintence_pltform_main {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    flex-direction: row;
}

.maintence_pltform_box {
    width: calc(25% - 12px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background-color: #FFF;
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0px 2px 16px 2px rgba(0, 0, 0, 0.05);
}

.maintence_pltform_box img {
    width: 64px;
    height: 64px;
}

.maintence_pltform_box span {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.maintence_text p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}

.maintence_text {
    border: 1px solid #ccc;
    border-radius: 16px;
    padding: 40px;
}

/**************************************************/
.web_app_solucation_list {
    padding-top: 20px;
}

.case_studay_content_area ul,
.web_app_solucation_list ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}

.case_studay_content_area ul li,
.web_app_solucation_list ul li {
    position: relative;
    padding: 8px 5px 8px 35px;
    background-color: var(--bg-color);
    border-radius: 40px;
    width: calc(50% - 22px);
    font-size: 15px;

}

.case_studay_content_area ul li::before,
.web_app_solucation_list ul li::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 12px;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M5 0L6.35045 3.64955L10 5L6.35045 6.35045L5 10L3.64955 6.35045L0 5L3.64955 3.64955L5 0Z' fill='%23032BA5' fill-opacity='0.5'/%3E%3C/svg%3E");
}

.marketing_importance_main .transform_heading {
    align-items: flex-start;
}

.why_web_list .marketing_importance_box p {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(209, 209, 214, 1);
}

.why_web_list .marketing_importance_box {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
}

.border_buttom {
    border-bottom: 1px solid rgba(209, 209, 214, 1);
    padding: 0px 0px 6px 0px !important;
}

.why_web_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

/************************************/
.key_feature_section {
    background-image: url('../images/key_features.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 64px 140px 64px;
}

.pwa_key_feature_main {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
}

.pwa_key_feature_image {
    width: calc(30% - 20px);
}

.pwa_key_feature_wp_slider {
    width: calc(70% - 20px);
    position: relative;
}

.pwa_key_feature_slider {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px;
    background-color: rgba(230, 235, 250, 0.4);
    padding: 8px;
    border-radius: 16px;
}

.pwa_key_feature_slider_box {
    width: calc(50% - 0px);
    padding: 16px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pwa_border_buttom {
    border-bottom: 1px solid rgba(229, 229, 234, 1);
}

.pwa_border_right {
    border-right: 1px solid rgba(229, 229, 234, 1);
}

.pwa_key_feature_wp_slider .swiper-arrow {
    background-color: rgba(242, 242, 247, 1);
    padding: 16px;
    border: none;
    border-radius: 8px;
    width: 52px;
    height: 52px;
    font-size: 17px;
    cursor: pointer;
}

.pwa_arrow_slider {
    display: flex;
    flex-direction: row;
    gap: 20px;
    position: absolute;
    left: 100px;
    bottom: -70px;
}

.box_btn_left {
    justify-content: flex-start;
    padding-top: 40px;
}

/******************************************/
.services_pw_tab {
    background-color: #FFF;
    border-radius: 10px;
    padding: 24px;
}

.services_pw_tab ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: thin;
}

.services_pw_tab ul li {
    list-style: none;
    text-align: center;
    border-right: 1px solid rgba(229, 229, 234, 1);
    padding: 0px 19px 0px 19px;
    font-size: 15px;
    line-height: 22px;
}

.services_pw_main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.services_pw_tab ul li:last-child {
    border-right: 0px;
}

.services_pw_tab ul li a {
    color: #000;
}

.services_pw_tab ul li a:hover {
    color: var(--heading-color);
}

.service_pw_box {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
}

.service_pw_content_box {
    width: calc(50% - 6px);
    display: flex;
    flex-direction: column;
    gap: 40px;
    background-color: rgba(242, 242, 247, 0.5);
    padding: 16px;
    border-radius: 16px;
    justify-content: space-between;
}

.service_pw_image_box {
    width: calc(50% - 10px);
}

.service_pw_wapper {
    background-color: #FFF;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.service_pw_text h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.service_pw_text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.service_pw_list {
    background-color: rgba(242, 242, 247, 0.5);
    padding: 16px;
    border-radius: 16px;
}

.service_pw_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.service_pw_list ul li {
    position: relative;
    list-style: none;
    padding-left: 30px;
    margin-bottom: 12px;
    width: calc(25% - 18px);
    color: rgba(5, 7, 41, 0.6);
}

.service_pw_list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.75 8.75V15.15C16.75 16.0337 16.0337 16.75 15.15 16.75H2.35C1.46634 16.75 0.75 16.0337 0.75 15.15V2.35C0.75 1.46634 1.46634 0.75 2.35 0.75H8.75H12.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.08203 7.98287L9.2413 10.5407C9.43703 10.6991 9.68101 10.7718 9.92433 10.7443C10.1676 10.7167 10.3923 10.5909 10.5533 10.3921L16.7487 2.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/************************************************/
.industry_solution_main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
}

.industry_solution_box {
    width: calc(33.33% - 27px);
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    padding: 32px;
    border-radius: 16px;
    border: 1px solid rgba(229, 229, 234, 1);
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05);
}

.industry_solution_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.industry_solution_text span {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}

.industry_solution_text p {
    text-align: center;
}

.industry_solution_image {
    background-color: rgba(3, 43, 165, 0.05);
    padding: 8px;
    border-radius: 5px;
}

.industries_we_image {
    background-color: rgba(3, 43, 165, 0.05);
    padding: 8px;
    border-radius: 5px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.industries_we_image img {
    width: 32px;
    height: 32px;
}

.industries_we_main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
}

.industries_we_box {
    background-color: #FFF;
    padding: 24px;
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 16px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
}

.industries_we_content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.industries_we_content h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.industries_we_list {
    padding: 16px;
    border-radius: 16px;
    background-color: rgba(230, 235, 250, 0.4);
}

.industries_we_list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
}

.industries_we_list ul li {
    width: calc(50% - 4px);
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.industries_we_list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 6px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--heading-color);
    border-radius: 150px;
}

.industries_platform_main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}

.industries_platform_box {
    padding: 60px;
    box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.05);
    border-left: 1px solid rgba(229, 229, 234, 1);
    border-right: 1px solid rgba(229, 229, 234, 1);
    border-top: 1px solid rgba(229, 229, 234, 1);
    border-bottom: 3px solid var(--heading-color);
    border-radius: 16px;
    width: 375px;
    height: 160px;
}

.page-id-1447 .swift_modern_area ul li,
.page-id-1437 .swift_modern_area ul li {
    color: rgba(5, 7, 41, 0.6);
}

.shopify_define_box {
    padding: 24px;
    border: 1px solid rgba(242, 242, 247, 1);
    border-radius: 16px;
    background-color: #FFF;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
    width: calc(23% - -12px);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}

.shopify_define_main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

/***************************************************/
.about_humble_wapper {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.about_humble_content {
    width: calc(50% - 20px);
}

.about_humble_box_wapper {
    width: calc(50% - 20px);
}

.about_humble_main {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    flex-direction: row;
}

.about_humble_box {
    width: calc(50% - 20px);
    background-color: rgba(230, 235, 250, 0.4);
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    gap: 16px;
    border-radius: 20px;
}

.about_humble_box span {
    font-weight: 600;
    font-size: 36px;
    color: var(--heading-color);
}

.about_humble_content .transform_heading h2 {
    text-align: left;
}

.about_humble_content .transform_heading p {
    text-align: left;
}

.about_vision_main {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
}

.about_vision_box {
    position: relative;
    width: calc(50% - 20px);
}

.about_vision_text h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--heading-color);
}

.about_vision_text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: absolute;
    top: 15%;
    width: 350px;
    left: 40px;
}

.about_vision_text p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.about_owner_content .transform_heading p,
.about_owner_content .transform_heading h2 {
    text-align: left;
}

.about_owner_main {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
}

.about_owner_content {
    width: calc(65% - 20px);
    background-color: rgba(230, 235, 250, 0.4);
    border-radius: 20px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about_ceo_image {
    width: calc(35% - 20px);
}

.about_ceo_image img {
    border-radius: 16px;
    height: 100%;
    object-fit: cover;
}

.about_owner_content .transform_heading {
    align-items: flex-start;
}
.about_onwer_info {
    background-color: rgba(255, 255, 255, 1);
    padding: 24px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/**************************************/
.thanks_bg_section {
    background-image: url("../images//Thank-You-Backgound-Image.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 140px 64px 70px 64px;
}

.thanks_bg_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.thanks_heading_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.thanks_heading_area h2 {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
    text-align: center;
    color: var(--heading-color);
}

.thanks_heading_area p {
    font-size: 24px;
}

.thanks_heading_area p {
    text-align: center;
}

.thanks_content_area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.thanks_content_area span {
    font-family: Poppins;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
}

.thanks_content_area p {
    font-size: 24px;
    text-align: center;
}

.thanks_icon img {
    width: 100%;
    max-width: 265px;
}

/************************************************/
.our_works_main {
    display: flex;
    align-items: center;
    gap: 40px;
}

.our_works_box,
.our_works_images {
    width: 50%;
}

.reverse_row {
    flex-direction: row-reverse;
}

.our_works_images img {
    width: 100%;
    display: block;
    border-radius: 16px;
}

.our_works_box h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
}

.our_works_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.our_works_box ul {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

.our_works_box ul li {
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    list-style: none;
    background-color: #FFF;
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 150px;
}

.our_works_txt_grey {
    background-color: #FFFFFF;
    padding: 24px;
    border-radius: 16px;
}

.our_works_txt_white {
    background-color: rgba(230, 235, 250, 0.4);
    padding: 24px;
    border-radius: 16px;
}

.our_custom_pagination {
    display: flex;
    justify-content: center;
    margin: 60px 0 20px;
}

.our_works_images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    max-height: 400px;
}

.our_custom_pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    margin: 0 4px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    text-decoration: none;
    color: #222;
    font-weight: 600;
    transition: .3s;
}

.our_custom_pagination .page-numbers:hover {
    background: #032BA5;
    color: #fff;
    border-color: #032BA5;
}

.our_custom_pagination .current {
    background: #032BA5;
    color: #fff;
    border-color: #032BA5;
}

.our_custom_pagination .prev,
.our_custom_pagination .next {
    padding: 0 18px;
}

.our_filter_wpper {
    padding: 60px 0px;
}

.filter_container {
    background-color: rgba(230, 235, 250, 0.4);
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
}

#filter-device,
#filter-technology,
#filter-service,
#filter-industry {
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
}

.filter_container .label {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

.filter-options {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.tech_cta_content ul {
    padding-left: 20px;
}

.tech_cta_content ul li {
    font-size: 16px;
    line-height: 28px;
    color: var(--text-color);
}

.app_eco_list {
    margin: 0px;
    padding-top: 5px;
}

/*************************************************************/
.eco_app_tab_row {
    display: flex;
    gap: 16px;
    background: #e8ebf9;
    border-radius: 14px;
    padding: 10px;
    margin-bottom: 22px;
}

.eco_app_tab_btn {
    flex: 1;
    border: none;
    background: #f5f7fd;
    padding: 16px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s ease;
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #f5f7fd;
}

.eco_app_tab_btn:hover {
    color: var(--heading-color);
    border: 1px solid var(--heading-color);
}

.eco_app_tab_btn.eco_app_tab_active {
    background: #f5f7fd;
    color: var(--heading-color);
    border-color: var(--heading-color);
    border: 1px solid;
}

.eco_app_panel_body {
    display: none;
    gap: 24px;
    align-items: stretch;
}

.eco_app_panel_body.eco_app_panel_visible {
    display: flex;
}

.eco_app_image_box {
    width: 30%;
    background: linear-gradient(160deg, #dfe4fb, #eef0fc);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    min-height: 460px;
}

.eco_app_image_box img {
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 12px 18px rgba(40, 40, 90, 0.18));
    height: 480px;
}

.eco_app_content_box {
    width: 70%;
    background: #ffffff;
    border-radius: 16px;
    padding: 24px;
}

.fuel_app_content_box,
.fuel_app_image_box {
    width: 50%;
}

.eco_app_tab_row {
    display: flex;
    gap: 41px;
    background: rgb(255 255 255);
    border-radius: 16px;
    padding: 16px 40px;
    margin-bottom: 32px;
}

.eco_app_feature_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
}

.eco_app_feature_grid::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #eef0f5;
}

.eco_app_feature_item {
    padding: 16px 0;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
}

.eco_app_feature_grid .eco_app_feature_item:nth-last-child(-n+2) {
    border-bottom: none;
}

.eco_app_feature_item:nth-child(odd) {
    padding-right: 16px;
}

.eco_app_feature_item:nth-child(even) {
    padding-left: 16px;
}

.eco_app_feature_title {
    margin: 0 0 8px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
.travel_app_architecture {
    width: 100%;
    background-color: #FFF !important;
}
.travel_app_architecture .eco_app_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.who_this_content span {
    font-weight: 300;
    font-size: 36px;
    line-height: 44px;
    color: var(--heading-color)
}
.development_hours_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #d1d1d6;
}

.development_hours_table th,
.development_hours_table td {
    padding: 18px 20px;
    border: 1px solid #d1d1d6;
    text-align: left;
    vertical-align: middle;
}

.development_hours_table th {
    color: var(--heading-color);
    font-size: 20px;
    font-weight: 600;
    background: #fff;
}

.development_hours_table tbody tr:hover {
    background: #f8f8f8;
}

.development_hours_table .text-center {
    text-align: center;
}

.development_hours_table th:first-child,
.development_hours_table td:first-child {
    width: 10%;
}

.development_hours_table th:nth-child(2),
.development_hours_table td:nth-child(2) {
    width: 60%;
}

.development_hours_table th:last-child,
.development_hours_table td:last-child {
    width: 30%;
}

.fuel_tab_wapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fuel_tab_wapper p {
    padding-bottom: 15px;
}

.fuel_app_image_box img {
    width: 400px;
    height: 400px;
}

.fuel_tab_wapper h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

ul.tab_feature_list {
    padding-left: 20px;
}

.tab_feature_list li {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
}

.horizontal_bullet_list ul {
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding-top: 20px;
}

.horizontal_bullet_three_list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.horizontal_bullet_three_list ul li {
    width: calc(33.33% - 11px);
}

.horizontal_bullet_three_list {
    margin: 0px auto;
}

/*************************************************/
.sport_innovative_main {
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
}

.sport_innovative_content_box {
    width: calc(33.33% - 16px);
    background-color: rgba(230, 235, 250, 0.4);
    padding: 38px 24px 24px 24px;
    border-radius: 16px;
}

.sport_innovative_image_box {
    width: calc(33.33% - 16px);
}

.case_studay_content_area ol li {
    padding: 8px 5px 8px 5px;
    font-size: 15px;
    position: relative;
    color: var(--text-color);
}

.case_studay_content_area ol {
    padding-left: 15px;
}

.eco_app_text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.eco_app_text h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.ott_more_content {
    display: none;
}

.ott_view_toggle {
    margin-top: 15px;
    background: transparent;
    cursor: pointer;
    transition: 0.3s;
    border: none;
    text-decoration: underline;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    font-family: var(--primary-font);
}

.ott_view_toggle:hover {
    color: #000000;
}

.ott_solutions_main {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.ott_solutions_box {
    width: calc(33.33% - 16px);
    padding: 16px;
    background-color: rgba(242, 242, 247, 0.5);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ott_solutions_box h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

.ott_more_content {
    padding-top: 16px;
}

.ott_more_content p {
    padding: 0px 0px 16px 0px;
}

.ott_more_content ul li {
    padding-left: 0px;
    list-style: none;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    padding: 5px 0px;
}

.ott_solutions_box img {
    border-radius: 16px;
}

.ott_platform_main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ott_platform_box {
    display: flex;
    flex-direction: row;
    gap: 34px;
    align-items: center;
}

.ott_platform_image {
    width: calc(50% - 16px);
}

.ott_platform_content {
    width: calc(50% - 18px);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ott_platform_content .hero_tow_list_ul li {
    color: #000000;
    font-weight: 600;
    width: calc(50% - 12px);
}

.ott_platform_content .hero_tow_list_ul ul {
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
}

.ott_platform_image img {
    border-radius: 16px;
}

.different_education_main {
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
}

.different_education_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: calc(25.33% - 23px);
    background-color: rgba(242, 242, 247, 0.5);
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 16px;
    padding: 20px;
}

.different_education_icon {
    background-color: rgba(3, 43, 165, 0.05);
    padding: 10px;
    border-radius: 8px;
}

.different_education_box span {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #0000000;
}

.different_education_box:hover {
    background-color: #FFF;
    border: 1px solid var(--heading-color);
}

.page-id-1800 .eco_app_tab_row {
    background: rgb(231 233 241);
}

.page-id-1800 .eco_app_content_box {
    background: rgb(243 244 250);
}

.healthcare_feature_box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
}

.healthcare_feature_image {
    width: calc(33.33% - 10px);
    background-color: #FFF;
    padding: 8px;
    border-radius: 16px;
}
.page-id-1953 .healthcare_feature_image {
    display: flex;
    align-items: center;
}
.healthcare_feature_image img {
    border-radius: 16px;
}

.healthcare_feature_content {
    width: calc(65% - 10px);
}

.healthcare_feature_content {
    width: calc(65% - 10px);
    background-color: rgba(255, 255, 255, 1);
    padding: 24px;
    border-radius: 16px;
}

.page-id-1835 .why_about_right .why_choose_content {
    width: 100%;
}

.why_tourism_box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
}

.why_tourism_image {
    width: calc(50% - 12px);
}

.why_tourism_content {
    width: calc(50% - 12px);
}

.why_tourism_list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
}

.why_tourism_list li {
    width: calc(50% - 12px);
    border-bottom: 1px solid rgba(229, 229, 234, 1);
    padding-bottom: 24px;
}

.why_tourism_list {
    padding: 0px;
    margin: 0px auto;
}

.why_tourism_image img {
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 24px;
}

.tourism_business_box {
    padding: 24px 40px;
    background-color: rgba(230, 235, 250, 0.4);
    border-radius: 16px;
}

.tourism_business_box {
    padding: 24px 40px;
    background-color: rgba(230, 235, 250, 0.4);
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    align-items: center;
}

.tourism_business_content h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

.tourism_business_content {
    width: calc(65% - 20px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.tourism_business_image {
    width: calc(35% - 20px);
}

.tourism_business_image img {
    border-radius: 16px;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
}

.tourism_business_main {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/*******************************************/
.our_expertise_content {
    display: flex;
    gap: 34px;
    align-items: center;
}
.our_expertise_imgae {
    flex: 50%;
    background: #fff;
    padding: 10px;
    border-radius: 16px;
}
.our_expertise_desc {
    flex: 50%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.our_expertise_content:nth-child(odd) .our_expertise_imgae {
    order: 2;   
}
.fantasy_box_list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.fantasy_box_list ul li {
    list-style-type: none;
    display: inline-block;
    width: calc(20% - 16px);
    color: #000;
    text-align: center;
    padding: 10px 0 20px;
    background-color: #FFF;
    border-radius: 8px;
}
.fantasy_box_list ul li figure {
    width: 100px;
    height: 100px;
    text-align: center;
    font-size: 24px;
    color: #000;
    background: url('../images/fantasy-sport-app-develop.png') no-repeat center;
    margin: 0 auto;
    transform: scale(.8,.8);
}
/******************************************/
.travel_feature_slider {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
}

.feature_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.feature_item {
    padding: 34px 36px;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
    border-right: 1px solid rgba(229, 229, 234, 1);
}

.feature_grid .feature_item:nth-child(3n) {
    border-right: none;
}

.feature_grid .feature_item:nth-child(n+7) {
    border-bottom: none;
}

.travel_feature_wrapper .feature_title {
    margin: 0 0 12px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.travel_feature_wrapper .slider_nav_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 34px;
}

.travel_feature_wrapper .slider_nav_btn {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

.travel_feature_wrapper .slider_nav_btn svg {
    width: 18px;
    height: 18px;
}

.travel_feature_wrapper #prevBtn {
    background: #e9e9e9;
    color: #000000;
}

.travel_feature_wrapper #nextBtn {
    background: #ffffff;
    color: #000000;
}

.travel_feature_wrapper .slider_nav_btn:hover {
    transform: translateY(-2px);
}

.our_process_card ul {
    padding-left: 18px;
}

.our_process_card ul li {
    font-size: 16px;
    line-height: 26px;
    color: var(--text-color);
}

.dating_service_main {
    display: flex;
    flex-direction: row;
    gap: 70px;
    flex-wrap: wrap;
}

.dating_service_box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border: 1px solid rgba(3, 43, 165, 1);
    border-radius: 16px;
    padding: 24px;
    width: calc(50% - 35px);
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 100%;
    min-height: 348px;
}

.dating_service_image {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.dating_service_image img {
    width: 136px;
}

.dating_sub_title {
    width: fit-content;
    background-color: rgba(3, 43, 165, 0.1);
    padding: 8px 20px;
    border-radius: 150px;
    color: rgba(3, 43, 165, 1);
    font-weight: 500;
}
.dating_sub_title h3{
    color: rgba(3, 43, 165, 1);
    font-weight: 500;
    font-size: 16px;
}
.dating_service_content {
    width: 380px;
}

.dating_service_box::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 280px;
    right: -20px;
    bottom: -20px;
    background: rgb(3 43 165 / 15%);
    border-radius: 50%;
    filter: blur(30px);
    z-index: -1;
}

.dating_industries_box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(249, 128, 167, 1) 100%);
    border-radius: 16px;
    display: flex;
    gap: 20px;
    padding: 40px 20px 30px 40px;
    justify-content: space-between;
}

.dating_industries_text {
    width: calc(60% - 20px);
}

.dating_industries_image {
    width: calc(40% - 20px);
}

.dating_industries_text {
    width: calc(50% - 70px);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.dating_industries_text h3 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: rgba(3, 43, 165, 1);
}

.dating_ind_text span {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: rgba(3, 43, 165, 1);
    position: relative;
    padding-left: 20px;
}

.dating_ind_text span:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgba(3, 43, 165, 1);
    border-radius: 150px;
    top: 7px;
    left: 0px;
}

.dating_industries_content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dating_industries_image img {
    height: 550px;
    object-fit: contain;
}

/********************************************************************/
.diverse_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.diverse_card {
    position: relative;
    height: 360px;
    border-radius: 16px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.diverse_card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 9, 20, 0) 40%, rgba(10, 9, 20, 0.55) 72%, rgba(10, 9, 20, 0.88) 100%);
    transition: background .45s ease;
    z-index: 1;
}

.diverse_card:hover::before,
.diverse_card:focus-within::before {
    background: linear-gradient(180deg, rgb(10 9 20 / 76%) 0%, rgb(10 9 20 / 75%) 40%, rgba(10, 9, 20, 0.95) 100%)
}

.diverse_card_content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 26px;
    color: #fff;
}

.diverse_card_title {
    max-height: 60px;
    opacity: 1;
    transform: translateY(0);
    overflow: hidden;
    transition: max-height .35s ease, opacity .3s ease, transform .35s ease, margin .35s ease;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
}

.diverse_card:hover .diverse_card_title,
.diverse_card:focus-within .diverse_card_title {
    max-height: 0;
    opacity: 0;
    transform: translateY(8px);
    margin: 0;
}

.diverse_card_desc {
    font-size: 0.92rem;
    line-height: 1.5;
    color: #e8e7f2;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(8px);
    transition: max-height .45s ease, opacity .35s ease .05s, transform .45s ease .05s, margin .45s ease;
    margin-bottom: 0;
}

.diverse_card:hover .diverse_card_desc,
.diverse_card:focus-within .diverse_card_desc {
    max-height: 160px;
    opacity: 1;
    transform: translateY(0);
    margin-bottom: 14px;
}

.diverse_card_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: rgba(3, 43, 165, 1);
    font-weight: 600;
    font-size: 16px;
    padding: 12px 18px;
    border-radius: 10px;
    border: none;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .45s ease, opacity .4s ease .1s, padding .45s ease;
    text-decoration: none;
    width: 100%;
    justify-content: center;
}

.diverse_card:hover .diverse_card_btn,
.diverse_card:focus-within .diverse_card_btn {
    max-height: 60px;
    opacity: 1;
}

.diverse_card_btn svg {
    transition: transform .3s ease;
}

.diverse_card_btn:hover svg {
    transform: translateX(3px);
}

/* Featured CTA card (always-on content, no title/hover behavior) */
.diverse_card.diverse_cta {
    background:
        radial-gradient(circle at 20% 15%, rgba(91, 61, 240, 0.55), transparent 55%),
        linear-gradient(160deg, #1b1733 0%, #0f0d1e 100%);
}

.diverse_card.diverse_cta::before {
    content: none;
}

.diverse_card.diverse_cta .diverse_card_content {
    justify-content: flex-start;
}

.diverse_card.diverse_cta .diverse_card_desc {
    max-height: none;
    opacity: 1;
    transform: none;
    margin-bottom: 28px;
    font-size: 1rem;
    color: #cfcbe6;
}

.diverse_card.diverse_cta .diverse_card_btn {
    max-height: 60px;
    opacity: 1;
    background: #fff;
    color: #241f47;
}

.diverse_card:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 3px;
}

/******************************************************************************/
.custom_tab_content .tab_contnet:not(.active) {
    display: none;
}

.common_app_features .common_app_btn {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.common_app_btn .custom_tab_link:first-of-type {
    border-top-left-radius: 40px;
}

.common_app_btn .custom_tab_link:last-of-type {
    border-top-right-radius: 40px;
}

.common_app_btn .custom_tab_link {
    flex: 1;
    background: rgba(230, 235, 250, 0.4);
    border: 0;
    padding: 17px 15px;
    text-align: center;
    color: var(--heading-color);
    font-size: 22px;
    font-weight: 500;
    cursor: pointer;
}

.common_app_btn .custom_tab_link:hover,
.common_app_btn .custom_tab_link.active {
    color: #fff;
    background-color: var(--heading-color);
}

.item_grid_content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.item_grid_content ul li {
    position: relative;
    font-size: 16px;
    padding-left: 30px;
    color: rgba(5, 7, 41, 0.6);
    line-height: 24px;
    margin-bottom: 20px;
}

.item_grid_content ul li:last-of-type {
    margin-bottom: 0;
}

.item_grid_content ul li:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.75 8.75V15.15C16.75 16.0337 16.0337 16.75 15.15 16.75H2.35C1.46634 16.75 0.75 16.0337 0.75 15.15V2.35C0.75 1.46634 1.46634 0.75 2.35 0.75H8.75H12.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.08301 7.98287L9.24228 10.5407C9.43801 10.6991 9.68199 10.7718 9.9253 10.7443C10.1686 10.7167 10.3933 10.5909 10.5543 10.3921L16.7497 2.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.app_features_grid_content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.app_features_grid_content .item_grid_content:not(.image_box_content) {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
}

.dating_features_grid {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.dating_item_grid {
    width: calc(40% - 13px);
    padding: 24px;
    background-color: rgba(230, 235, 250, 0.4);
    border-radius: 16px;
}

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

.dating_grid_list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.dating_grid_list {
    margin: 0px;
    padding: 0px;
}

.dating_grid_list ul li {
    width: calc(50% - 10px);
    font-size: 15px;
    padding-left: 25px;
}

.dating_grid_list ul li::before {
    width: 16px;
    height: 16px;
}

.our_process_heading {
    align-items: flex-start;
}

.travel_chatbot_image img {
    width: 100%;
    max-width: 250px;
    margin: 0px auto;
    display: block;
}

.travel_related_grid {
    display: flex;
    gap: 24px;
    flex-direction: row;
    flex-wrap: wrap;
}

.travel_related_box {
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(242, 242, 247, 1);
    background-color: #FFFFFF;
    padding: 24px;
    border-radius: 16px;
    width: calc(25% - 18px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    transition: all 300ms ease;
}
.travel_related_box:hover {
    transform: translateY(-8px);
    background-color: #e0e8ff;
}
.travel_related_box img {
    width: 50px;
    height: 50px;
}

.travel_related_box h3 {
    text-align: center;
    line-height: 28px;
    font-size: 20px;
    font-weight: 500;
}

.travel_related_box h3 a {
    color: rgba(10, 10, 10, 1);
}

.page-id-3801 .horizontal_bullet_three_list ul li {
    width: calc(50.33% - 11px);
}

.page-id-3801 .healthcare_feature_content {
    background-color: rgb(245 247 253);
}

.large_text_why p {
    transition: color 0.2s;
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #000000;
}

.travel_tech_wapper {
    display: flex;
}

.travel_tech_wapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.travel_tech_main {
    background-color: #FFFF;
    padding: 40px;
    border-radius: 16px;
}

.travel_tech_box {
    background-color: rgba(230, 235, 250, 0.4);
    border-radius: 16px;
}

.page-id-2007 .travel_related_box span {
    text-align: center;
    line-height: 24px;
}

.flight_feature {
    background-color: rgb(245 247 253);
}
.web_build_tab_panel .hero_tow_list_ul,
.flight_feature .hero_tow_list_ul {
    padding: 10px;
    margin: 0px;
}

.flight_feature_image .healthcare_feature_image {
    background-color: #f5f7fd;
}

.travel_solutions_content img {
    border-radius: 16px;
}

.challenges_main {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.challenges_box {
    width: 50%;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(242, 242, 247, 1);
    padding: 24px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.challenges_box h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}

.challenges_box ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.challenges_box li {
    position: relative;
    padding-left: 30px;
    list-style: none;
    border-top: 1px solid rgba(229, 229, 234, 1);
    padding-top: 16px;
}

.challenges_box li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 20px;
    height: 20px;
    background: url('../images/delete-icon.png') no-repeat center;
    background-size: contain;
}

.web_build_listing ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.web_build_listing ul li {
    position: relative;
    padding-left: 28px;
    color: rgba(5, 7, 41, 0.6);
}

.web_build_listing ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 0L10.1607 5.83927L16 8L10.1607 10.1607L8 16L5.83927 10.1607L0 8L5.83927 5.83927L8 0Z' fill='%23032BA5' fill-opacity='0.5'/%3E%3C/svg%3E");
}

.page-id-2039 .eco_app_content_box,
.page-id-2039 .eco_app_tab_row {
    background: rgb(245 247 253)
}

.page-id-2039 .eco_app_tab_btn.eco_app_tab_active,
.page-id-2039 .eco_app_tab_btn {
    background: #ffffff;
}

.testimonial_section {
    max-width: 1000px;
    margin: 0 auto;
}

.testimonial_heading {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 18px;
}

.testimonial_heading span {
    color: #2148ff;
}

.testimonial_subtext {
    text-align: center;
    color: #6b7280;
    font-size: 14.5px;
    line-height: 1.7;
    max-width: 820px;
    margin: 0 auto 40px auto;
}

.testimonial_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.testimonial_card {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.testimonial_media {
    position: relative;
    width: 100%;
    height: 320px;
    background-color: #d9d9d9;
    overflow: hidden;
}

.testimonial_media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.testimonial_play_btn {
    position: absolute;
    bottom: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(108, 122, 255, 0.9);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.testimonial_play_btn:hover {
    background-color: #2148ff;
    transform: scale(1.08);
}

.testimonial_play_btn svg {
    width: 14px;
    height: 14px;
    margin-left: 2px;
    fill: #ffffff;
}

.testimonial_body {
    padding: 16px 20px 20px 20px;
}

.testimonial_top_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.testimonial_company {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.testimonial_stars {
    color: #ffb400;
    font-size: 14px;
    letter-spacing: 2px;
}

.testimonial_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.testimonial_modal_overlay {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1000;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.testimonial_modal_overlay.testimonial_modal_active {
    display: flex;
}

.testimonial_modal_box {
    position: relative;
    width: 100%;
    max-width: 800px;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

.testimonial_modal_iframe_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.testimonial_modal_iframe_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.testimonial_modal_close {
    position: absolute;
    top: -40px;
    right: 0;
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.all_user_test {
    width: 168px;
}

.trusted_platforms_box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 100px;
}

.privacy_content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.privacy_area {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.privacy_area h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    color: #000;
}

.privacy_area h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 34px;
    color: #000;
}

/***********************************************************************/
.bio_card {
    max-width: 1024px;
    margin: 70px auto;
    background: #fff;
    box-shadow: 0 20px 50px rgba(18, 22, 47, 0.12);
    border-radius: 16px;
    overflow: hidden;
}

/* SECTION 1 : PROFILE HEADER */
.profile_header {
    position: relative;
    background: linear-gradient(135deg, #032ba5, #35379c);
    padding: 48px 44px;
    display: flex;
    align-items: center;
    gap: 32px;
    overflow: hidden;
}

.profile_header::after {
    content: "”";
    position: absolute;
    right: 24px;
    top: -40px;
    font-family: 'Fraunces', serif;
    font-size: 220px;
    color: rgba(255, 255, 255, 0.05);
    line-height: 1;
    pointer-events: none;
}

.profile_photo {
    width: 120px;
    border-radius: 8px;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.15);
    position: relative;
    z-index: 1;
}

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

.profile_name {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    margin: 0 0 6px 0;
    letter-spacing: 0.2px;
}

.profile_role {
    font-size: 15px;
    font-weight: 500;
    color: burlywood;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    margin: 0 0 18px 0;
}

.social_row {
    display: flex;
    gap: 10px;
}

.social_icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #de0c4f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    transition: transform 0.2s ease, background 0.2s ease;
}

.social_icon:hover {
    transform: translateY(-2px);
    background: #c92c47;
}

/* SECTION 2 : BIO CONTENT */
.bio_section {
    padding: 44px;
}

.bio_text p {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
}

.bio_text p:last-of-type {
    margin-bottom: 0;
}

.highlight {
    color: var(--ink_navy);
    font-weight: 600;
}

.publications_strip {
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #ededed;
}
.publications_label {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    color: #de1253;
    margin: 0 0 16px 0;
}
.publications_row {
    display: flex;
    gap: 16px;
    flex-direction: row;
}
.publication_logo:hover {
    border-color: var(--coral);
    box-shadow: 0 6px 16px rgba(229, 64, 92, 0.12);
}

.publication_logo img {
    width: 140px;
    height: 60px;
    object-fit: contain;
}
/**************************************************/
.career_job_card {
    background: #fff;
    border-bottom: 1px solid #e2e6ed;
}
.career_job_card:last-child { border-bottom: none; }

.career_job_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 30px;
    background: #edf1f8;
    cursor: pointer;
}
.career_job_title {
    font-size: 20px;
    font-weight: 700;
    color: #1a2233;
    margin: 0 0 6px 0;
}
.career_job_meta {
    font-size: 14px;
    color: #556;
    margin: 0;
}
.career_job_actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}
.career_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
}
.career_btn:hover { transform: translateY(-1px); }
.career_btn_outline {
    background: #fff;
    color: #1c3f94;
    border: 1.5px solid #1c3f94;
}
.career_btn_solid {
    background: #1c3f94;
    color: #fff;
}
.career_btn_outline.career_active {
    background: #1c3f94;
    color: #fff;
}
.career_arrow {
    transition: transform 0.25s ease;
    display: inline-block;
}
.career_job_card.career_open .career_details_btn .career_arrow {
    transform: rotate(90deg);
}

.career_job_details {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    background: #fff;
}
.career_job_card.career_open .career_job_details {
    max-height: 800px;
}
.career_job_details_inner {
    padding: 26px 30px 34px 30px;
}
.career_req_item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
    font-size: 15px;
    color: #24304a;
    line-height: 1.5;
}
.career_req_item svg { flex-shrink: 0; margin-top: 3px; }

.career_apply_note {
    display: block;
    margin: 30px auto 4px auto;
    max-width: 680px;
    text-align: center;
    border: 1.5px solid #1c3f94;
    border-radius: 8px;
    padding: 14px 20px;
    color: #1c3f94;
    font-weight: 600;
    font-size: 16px;
}
.page-id-2084 .travel_solutions_box {
    justify-content: center;
    align-items: center;
}
.page-id-2084 .travel_solutions_content {
    justify-content: center;
    align-items: center;
}
.page-id-2084 .travel_solutions_content h3 {
    text-align: center;
}
.page-id-2084 .travel_solutions_content p {
    text-align: center;
}
.life_image img {
    border-radius: 16px;
}
.resources-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 50px;
    background-color: #FFF;
    border-radius: 16px;
    border: 1px solid #E5E5EA;
    padding: 16px 40px;
    flex-direction: row;
}
.resources-tab-btn {
    width: 100%;
    padding: 16px 30px;
    border: 0;
    border-radius: 8px;
    background: #E6EBFA66;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s ease;
}
.resources-tab-btn.active {
    background: #FFF;
    color: #032BA5;
    border: 1px solid #032BA5;
}
.resources-tab-content {
    display: none;
}

.resources-tab-content.active {
    display: block;
}

.resources-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.resource-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 8px;
}
.resource_content_area {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
}
.resource-image img {
    width: 100%;
    height: 196px;
    object-fit: contain;
    display: block;
    border-radius: 20px;
}
.resource-title a {
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #0A0A0A;
    display: inline-grid;
}
.resource-btn {
    padding: 10px 20px;
    background: #FFF;
    color: #032BA5;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: .3s ease;
    border: 1px solid #032BA5;
    font-size: 15px;
}
.resource-btn:hover {
    background: #032BA5;
    color: #FFF;
}
.page-id-2095 .trusted_by_section {
    background-color: #FFF;
    padding: 40px 64px;
}
.resources_child_section {
    background-image: url('../images/resources-single-page-banner.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 180px 64px 80px 64px;
}
.resources_child_main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    flex-wrap: wrap;
}
.resources_child_content {
    width: calc(50% - 40px);
}
.resources_child_image {
    width: calc(50% - 40px);
    background-color: #FFF;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid rgba(242, 242, 247, 1);
}
.resources_child_content h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0%;
}
.resources_child_image img {
    border-radius: 16px;
}
.resources_child_inner_main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
}
.resources_child_inner_left {
    width: calc(30% - 20px);
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.resources_child_inner_right {
    width: calc(70% - 20px);
}
ul.resource_list {
    border: 1px solid rgba(242, 242, 247, 1);
    padding: 16px;
    box-shadow: 4px 4px 25px 1px rgba(3, 43, 165, 0.15);
    border-radius: 8px;
    margin: 0px;
    height: 550px;
    overflow-y: auto;
}
ul.resource_list::-webkit-scrollbar {
    width: 3px;
}

ul.resource_list::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 10px;
}

ul.resource_list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

ul.resource_list::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
}
ul.resource_list li {
    padding: 12px 0px;
    list-style: none;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
}
ul.resource_list li a{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(10, 10, 10, 1);
}
.resources_child_inner_content h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    padding: 30px 0px 12px 0px;
}
.resources_child_inner_content h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    padding: 20px 0px 2px 0px;
}
.resources_child_inner_content h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}
.resources_child_inner_content {
    display: flex;
    flex-direction: column;
    gap: 18px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.resources_child_inner_content ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 10px 0px;
}
.resources_child_inner_content ul li a {
    color: #194bff;
    border-bottom: 1px solid #194bff;
    padding-bottom: 1px;
}
.resources_child_inner_content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.5;
    overflow-x: hidden;
}

.resources_child_inner_content table th,
.resources_child_inner_content table td {
    padding: 14px 16px;
    text-align: left;
    border: 1px solid #e6e6e6;
    color: var(--text-color);
}

.resources_child_inner_content table th {
    font-weight: 600;
    background: #f5f7fa;
}

.resources_child_inner_content table tbody tr:nth-child(even) {
    background: #fafafa;
}

.resources_child_inner_content table tbody tr:hover {
    background: #f3f6ff;
}
.resources_child_inner_content .table-active {
    background-color: var(--bg-color);
}
/* .resources_child_inner_content p {
    color: #282828;
} */
.resources_child_inner_content ol {
    padding-left: 16px;
}
.resources_child_inner_content ol li {
    color: var(--text-color);
    position: relative;
    padding-bottom: 20px;
}  
.resources_child_inner_content ul li {
    list-style: none;
    color: var(--text-color);
    position: relative;
    padding-left: 30px;
}
.resources_child_inner_content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.75 8.75V15.15C16.75 16.0337 16.0337 16.75 15.15 16.75H2.35C1.46634 16.75 0.75 16.0337 0.75 15.15V2.35C0.75 1.46634 1.46634 0.75 2.35 0.75H8.75H12.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.08301 7.98287L9.24228 10.5407C9.43801 10.6991 9.68199 10.7718 9.9253 10.7443C10.1686 10.7167 10.3933 10.5909 10.5543 10.3921L16.7497 2.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    flex-wrap: wrap;
}
.resources_child_inner_content p a {
    color: #194bff;
    font-family: 'Poppins';
    border-bottom: 1px solid #194bff;
    padding-bottom: 1px;
}
.resource_bio_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    border: 1px solid #ccc;
    border-radius: 16px;
    padding: 30px;
    background-color: var(--bg-color);
    margin-top: 30px;
}
.resource_bio_content {
    width: calc(65% - 20px);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.resource_bio_image {
    width: calc(35% - 20px);
}
.bio_info_heading{
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.resource_bio_image img {
    height: 300px;
    object-fit: cover;
}
.resources_child_form_area {
    border: 1px solid rgba(242, 242, 247, 1);
    box-shadow: 4px 4px 25px 1px rgba(3, 43, 165, 0.25);
    border-radius: 16px;
    position: sticky;
    top: 50px;
}
.bio_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.resource_form {
    width: 100%;
    padding: 16px 24px 24px 24px;
}
.resource_bio_social ul {
    display: flex;
    flex-direction: row;
    gap: 6px;
}
.resource_bio_social ul li::before{
    content: none;
}
.resource_bio_social ul li{ 
    padding-left: 0px;
}
.resource_form_field {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid #e7e9f1;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(3, 43, 165, 0.04);
}

.resource_form_icon {
    width: 64px;
    min-width: 64px;
    background: #f5f7fd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resource_form_icon svg {
    display: block;
    max-width: 26px;
    height: auto;
}

.resource_form_content {
    flex: 1;
    min-width: 0;
    padding: 10px 14px 8px;
}

.resource_form_content label {
    display: block;
    margin: 0 0 4px;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #032ba5;
}

.resource_form_input {
    width: 100% !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: 14px;
    line-height: 22px;
    color: #333;
}

.resource_form_input::placeholder {
    color: #9999a1;
    opacity: 1;
}

.resource_form_input:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.resource_phone_input {
    display: flex;
    align-items: center;
    width: 100%;
    height: 24px;
}

.resource_country {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #e1e1e1;
    font-size: 18px;
    line-height: 20px;
}

.resource_arrow {
    font-size: 18px;
    color: #222;
    line-height: 14px;
}

.resource_country_code {
    padding-right: 10px;
    font-size: 14px;
    color: #222;
    white-space: nowrap;
}

.resource_phone_input .resource_form_input {
    flex: 1;
    min-width: 0;
}
.table_responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}


/* Message */
.resource_message_field {
    min-height: 72px;
}

.resource_message_field .resource_form_content {
    padding-top: 10px;
}

.resource_message_field textarea.resource_form_input {
    height: 30px !important;
    min-height: 30px !important;
    resize: vertical;
    line-height: 22px;
}


/* Submit */
.resource_form_submit {
    width: 100%;
    min-height: 52px;
    padding: 14px 25px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #032ba5 !important;
    color: #fff !important;
    font-family: inherit;
    font-size: 16px !important;
    font-weight: 500;
    cursor: pointer;
}


/* Remove CF7 default spacing */
.resource_form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.resource_form br {
    display: none;
}

.resource_form p {
    margin: 0;
}
.resources_child_inner_content img {
    border-radius: 10px;
}
.gds_type {
    width: calc(25.33% - 23px);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.gds_type .travel_solutions_content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    text-align: center;
    color: #000;
}
.gds_logo_main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
}
.gds_logo_box {
    box-shadow: 2px 0px 10px 2px rgba(0, 0, 0, 0.05);
    border-bottom: 5px solid rgba(3, 43, 165, 1);
    border-radius: 16px;
    border-top: 1px solid rgba(229, 229, 234, 1);
    border-left: 1px solid rgba(229, 229, 234, 1);
    border-right: 1px solid rgba(229, 229, 234, 1);
    padding: 40px;
    height: 164px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms ease;
}
.gds_logo_box:hover{
    transform: translateY(-8px);
}
/**********************/
.case_industry_wapper {
    display: flex;
    flex-direction: row;
    gap: 24px;
}
.case_industry_box {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
    align-items: center;
}
.case_industry_text {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    align-items: center;
}
.case_industry_wapper {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 16px 24px;
    background-color: #FFF;
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 16px;
    justify-content: center;
    align-items: center;
}
.case_industry_text p {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    color: #000000;
}
.case_study_content_box p{
    padding-bottom: 0px;
}
.case_industry_text span {
    color: rgba(3, 43, 165, 1);
}
.case_client_object {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.case_client_object p {
    width: 100%;
    max-width: 100%;
    margin-bottom: -20px;
}
.case_info_listing {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.case_info_listing h3 {
    font-size: 20px;
    font-weight: 600;
    color: #343434;
    line-height: 24px;
}
.case_our_study{
    width: 50%;
}
.case_our_study_image{
     width: 50%;
}
.case_features_box {
    display: flex;
    align-items: center;
    gap: 120px;
    background: linear-gradient(90deg, #E6EBFA 0%, #FBFBFF 100%);
    padding: 50px 90px;
    border-radius: 24px;
    border: 1px solid rgba(229, 229, 234, 1);
    box-shadow: 2px 1px 10px 0px rgba(0, 0, 0, 0.05);
    flex-wrap: wrap;
    justify-content: space-between;
}
.case_features_content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: calc(50% - 60px);
}
.case_features_text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.case_features_image {
    width: calc(50% - 60px);
}
.case_features_main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.feature_box_design{
    background: linear-gradient(90deg, #FBFBFF 0%, #E6EBFA 100%);
}
.case_color_scheme_box {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.tech_stack_wapper {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-end;
}
.tech_stack_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 30px;
    background-color: #FFF;
    border-radius: 16px;
}
.tech_stack_box img {
    width: 120px;
    height: 80px;
}
.tech_stack_box span {
    font-size: 20px;
    line-height: 24px;
}
.page-id-2187 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-2187 .case_features_image img {
    width: 210px;
}
.page-id-2187 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-2187 .feature_box_design .case_features_image {
    text-align: left;
}
.page-id-4614 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-4614 .case_features_image img {
    width: 210px;
}
.page-id-4614 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-4614 .feature_box_design .case_features_image {
    text-align: left;
}
.page-id-2850 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-2850 .case_features_image img {
    width: 210px;
}
.page-id-2850 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-2850 .feature_box_design .case_features_image {
    text-align: left;
}

.page-id-3034 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-3034 .case_features_image img {
    width: 210px;
}
.page-id-3034 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-3034 .feature_box_design .case_features_image {
    text-align: left;
}
.page-id-3034 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-3034 .case_features_image img {
    width: 210px;
}
.page-id-3034 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-3034 .feature_box_design .case_features_image {
    text-align: left;
}

.page-id-3116 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-3116 .case_features_image img {
    width: 210px;
}
.page-id-3116 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-3034 .feature_box_design .case_features_image {
    text-align: left;
}
.page-id-3116 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-3116 .case_features_image img {
    width: 210px;
}
.page-id-3116 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-3116 .feature_box_design .case_features_image {
    text-align: left;
}

.page-id-3245 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-3245 .case_features_image img {
    width: 210px;
}
.page-id-3245 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-3034 .feature_box_design .case_features_image {
    text-align: left;
}
.page-id-3245 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-3245 .case_features_image img {
    width: 210px;
}
.page-id-3245 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-3245 .feature_box_design .case_features_image {
    text-align: left;
}

.page-id-3485 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-3485 .case_features_image img {
    width: 210px;
}
.page-id-3485 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-3485 .feature_box_design .case_features_image {
    text-align: left;
}
.page-id-3485 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-3485 .case_features_image img {
    width: 210px;
}
.page-id-3485 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-3485 .feature_box_design .case_features_image {
    text-align: left;
}

.page-id-7412 .mobile_feaure_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-7412 .mobile_feaure_image img {
    width: 210px;
}
.page-id-7412 .mobile_feaure_image {
    width: calc(60% - 60px);
}
.page-id-7412 .feature_box_design .mobile_feaure_image {
    text-align: left;
}

.tech_zomate_main {
    display: flex;
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.tech_zomate_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    background-color: #f5f7fd;
    padding: 20px;
    border-radius: 16px;
}
.tech_zomate_box {
    width: calc(25% - 23px);
}
.tech_zomate_box img {
    width: 80px;
    height: 80px;
}
.tech_zomate_box span {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.case_our_study img {
    width: 156px;
}
.image_section {
    background-image: url('../images/tutorsmart_bg_image.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 64px;
}
.full_image_tutors img {
    width: 100%;
    max-width: 850px;
}
.full_image_tutors {
    margin: 0px auto;
}
.page-id-2233 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-2233 .case_features_image img {
    width: 210px;
}
.page-id-2233 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-2233 .feature_box_design .case_features_image {
    text-align: left;
}

.page-id-2569 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-2569 .case_features_image img {
    width: 210px;
}
.page-id-2569 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-2569 .feature_box_design .case_features_image {
    text-align: left;
}

.page-id-2673 .case_features_image {
    text-align: right;
    width: calc(40% - 60px);
}
.page-id-2673 .case_features_image img {
    width: 210px;
}
.page-id-2673 .case_features_content {
    width: calc(60% - 60px);
}
.page-id-2673 .feature_box_design .case_features_image {
    text-align: left;
}

/*********************************************/
.blog_section {
    background-image: url('../images/blog-backgound-image.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 180px 64px 80px 64px;
}
.blog_cta_area {
    background-image: url('../images/blog-cta-backgound-image.webp');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    border-radius: 16px;
    padding: 40px 25px;
}
.blog_cta_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.blog_cta_heading {
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    color: #000;
}
.blog_cta_buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.blog_cta_buttons .header_cta a::after {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9H17M17 9L9 1M17 9L9 17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.blog_cta_buttons .header_cta a:hover::before {
    transform: translateX(5px);
}
blockquote.wp-block-quote {
    border-left: 5px solid #032ba5;
    padding: 0px 10px;
}
blockquote.wp-block-quote a {
    border-bottom: 1px solid;
}
.blog_breadcrumb ul {
    display: flex;
    gap: 5px;
    flex-direction: row;
}
.blog_breadcrumb ul li {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
.blog_breadcrumb ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000;
}
.blog_breadcrumb {
    padding-bottom: 15px;
}
.blog_publish_date_box {
    display: flex;
    gap: 12px;
    align-items: center;
}
.publish_date {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}
.publish_date span,
.publish_date p{
    font-size: 13px;
}
.blog_publish_date_box svg {
    width: 18px;
    height: 20px;
}
.blog_publish_date_wappper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding-top: 20px;
}
.blog_faq {
    padding-top: 30px;
}
.blog_faq .white_bg_wapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: flex-start;
}
.blog_faq .white_bg_wapper .transform_heading h2 {
    font-size: 32px;
    line-height: 42px;
    text-align: left;
    color: var(--sub-heading-color);
}
.blog_author_box {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
}
.blog_author_information {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: calc(70% - 20px);
    background-color: #FFFF;
    padding: 40px;
    border-radius: 16px;
}
.blog_author_image {
    width: calc(30% - 20px);
}
.blog_author_image img {
    border-radius: 16px;
}
.blog_social_icon {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.blog_author_information .author_heading {
    font-family: Poppins;
    font-weight: 600;
    font-size: 36px;
    color: #000;
}
.case_study_objects ul {
    padding: 0px 20px;
}
.case_study_objects ul li {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
}
.case_study_challenges_main {
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
}
.case_study_challenges_image img {
    border-radius: 16px;
}
.case_study_challenges_image {
    width: calc(40% - 12px);
}
.page-id-4614 .case_study_challenges_content {
    height: calc((100px * 4) + (16px * 3));
}
.case_study_challenges_content {
    width: calc(60% - 12px);
    display: flex;
    flex-direction: column;
    gap: 22px;
    overflow-y: auto;
    scroll-behavior: smooth;
    height: calc((139px * 4) + (16px * 3));
}
.case_study_challenges_title h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
.case_study_challenges_list {
    display: flex;
    flex-direction: row;
    gap: 16px;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
    padding-bottom: 16px;
}
.case_study_challenges_title {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.case_study_challenges_count {
    width: 80px;
    height: 70px;
    padding: 20px;
    background-color: rgba(3, 43, 165, 0.05);
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.case_study_challenges_content::-webkit-scrollbar {
    width: 5px;
}

.case_study_challenges_content::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 10px;
}
.read_more_cat {
    padding: 20px 0px 0px 0px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.blog_post_navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
    padding-top: 40px;
}

.blog_post_navigation_item {
    width: 50%;
}

.blog_post_navigation_item a {
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    color: #000;
}
/* 
.blog_post_navigation_next a {
    justify-content: flex-end;
    text-align: left;
} */
.blog_post_navigation_prev a {
    text-align: right;
}
.blog_post_navigation_image {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.blog_post_navigation_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.blog_post_navigation_content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.blog_post_navigation_content small {
    font-size: 14px;
}
.blog_post_navigation_content strong {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.blog_table_of_contents {
    background-color: var(--bg-color);
    padding: 30px;
    border-radius: 16px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.toc_list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.75 8.75V15.15C16.75 16.0337 16.0337 16.75 15.15 16.75H2.35C1.46634 16.75 0.75 16.0337 0.75 15.15V2.35C0.75 1.46634 1.46634 0.75 2.35 0.75H8.75H12.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.08301 7.98287L9.24228 10.5407C9.43801 10.6991 9.68199 10.7718 9.9253 10.7443C10.1686 10.7167 10.3933 10.5909 10.5543 10.3921L16.7497 2.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
ul.toc_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.toc_list li {
    list-style: none;
    color: var(--text-color);
    position: relative;
    padding-left: 30px;
}
.toc_title {
    font-size: 22px;
    font-weight: 600 !important;
    color: #032ba5 !important;
}
.toc_list li a {
    color: rgb(65 71 174);
}
.case_study_challenges_content::-webkit-scrollbar-thumb {
    background: rgba(229, 229, 234, 1);
    border-radius: 10px;
}

.case_study_challenges_content::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
}
.case_client_object {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
}
.case_info_delivered_content p {
    text-align: left;
    margin: 0px;
    padding-bottom: 10px;
}
.case_info_delivered_image {
    width: calc(50% - 20px);
}
.case_info_delivered_content {
    width: calc(50% - 20px);
}
.case_info_delivered {
    background-color: rgba(255, 255, 255, 1);
    padding: 24px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.case_info_delivered ul li {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
}
.case_info_delivered ul {
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.case_tech_stack_box {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.case_tech_stack_list {
    display: flex;
    flex-direction: row;
    gap: 40px;
    border-bottom: 2px solid rgba(229, 229, 234, 1);
    padding-bottom: 24px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.case_tech_stack_btn {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    align-items: center;
    background-color: rgba(242, 242, 247, 0.5);
    width: fit-content;
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 60px;
    padding: 8px 16px;
}
.case_tech_stack_text {
    width: calc(70% - 20px);
}
.case_tech_stack_text span {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
.case_tech_stack_btn p {
    color: #000;
}
.case_result_box {
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    border: 1px solid #eef0f5;
}

.case_result_box table {
    width: 100%;
    border-collapse: collapse;
}

.case_result_box thead th {
    background-color: #B7C0EF;
    color: #1a1a2e;
    text-align: left;
    padding: 16px 24px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}
.case_result_box tbody td {
    padding: 16px 24px;
    font-size: 16px;
    color: #2c2c3a;
    border-top: 1px solid #eef0f5;
    line-height: 26px;
}

.case_result_box tbody tr:nth-child(even) {
    background-color: #f6f7fb;
}

.case_result_box tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.case_result_box td:first-child {
    color: #1a1a2e;
    font-weight: 500;
}
.case_result_box table {
    width: 100%;
    border-collapse: collapse;
}

.case_result_box table th,
.case_result_box table td {
    border-left: 1px solid #ddd;
    padding: 12px 15px;
    text-align: left;
}

.case_result_box table th {
    font-weight: 600;
}
.case_result_infomation {
    border: 1px solid rgba(179, 194, 242, 1);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.05);
}
.case_result_infomation span {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.client_quite {
    background-image: url("../images/client_quotes.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 64px 40px 64px;
}
.client_quite_box {
    display: flex;
    flex-direction: row;
    gap: 120px;
    align-items: center;
    flex-wrap: wrap;
}
.client_quite_heading {
    width: calc(25% - 60px);
}
.client_quite_review {
    width: calc(75% - 60px);
    background-color: #FFF;
    padding: 40px;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
}
.client_quite_review img {
    width: 100%;
    max-width: 150px;
}
.client_quite_review span {
    font-size: 18px;
    line-height: 26px;
}
.case_info_delivered h3 {
    font-size: 20px;
}
.tech_zomate_box p {
    text-align: center;
}
.case_our_study ul {
    margin: 0px;
    padding: 0px 20px;
}
.case_our_study ul li {
    color: var(--text-color);
    padding-bottom: 16px;
}
.hire_dedicated_content ul li {
    color: var(--text-color);
    padding-bottom: 8px;
}
.hire_dedicated_content ul {
    margin: 0px;
    padding: 0px 20px;
}
/**************************************************************************/
.blog_category_content span {
    color: var(--heading-color);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
}
.blog_category_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.blog_category_slider_wrap{
    position: relative;
}

.blog_category_nav{
    position: absolute;
    top: -82px;
    right: 0;
    display: flex;
    gap: 10px;
}
.cat_nav_btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #7993e3;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.cat_nav_btn.swiper-button-disabled{
    opacity: .4;
    cursor: default;
}
.cat_nav_btn:not(.swiper-button-disabled):hover {
    background: #032ba5;
    border-color: #032ba5;
    color: #fff;
}
.cat_nav_btn:not(.swiper-button-disabled):hover svg {
    color: #FFF;
}

.blog_category_slider{
    overflow: hidden;
    padding-bottom: 6px; /* room for the hover accent line */
}
.category_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-decoration: none;
    background: #fff;
    border: 1px solid #dbe2eb;
    border-radius: 8px;
    padding: 24px;
    height: 100%;
    min-height: 320px;
    box-sizing: border-box;
    transition: border-color .25s ease, box-shadow .25s ease;
    box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
}
.category_box:hover{
    border-color: #d0d6e9;
    border-bottom-color: var(--heading-color);
    box-shadow: 0 12px 24px rgba(43,75,242,.08);
    border-bottom: 5px solid var(--heading-color);
}
.cat_nav_btn svg {
    color: #15369f;
    width: 20px;
}
.category_box_number {
    font-size: 14px;
    font-weight: 400;
    color: #7b8490;
    margin-bottom: 44px;
}
.category_box_icon {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    background: #deecff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    transition: background .25s ease;
}
.blog_category_main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.category_box_icon img{
    width: 35px;
    height: 35px;
    object-fit: contain;
    /* icons are supplied as navy PNG/SVG; filter flips them white on hover */
    transition: filter .25s ease;
}
.category_box:hover .category_box_icon{
    background: var(--heading-color);
}
.category_box:hover .category_box_icon img{
    filter: brightness(0) invert(1);
}
.category_box_title {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}
.category_box_desc {
    font-size: 14px;
    line-height: 1.5;
    color: #898989;
}

.blog_listing_main{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px 24px;
}
 
.blog_listing_box{
    background: var(--bg-color);
    border: 1px solid #dbe2eb;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow .25s ease, transform .25s ease;
}
.blog_listing_box img {
    height: 210px;
    object-fit: cover;
}
.blog_listing_box:hover{
    box-shadow: 0 14px 28px rgba(16,24,75,.08);
    transform: translateY(-3px);
}
 
.blog_listing_thumb{
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #eef1f8;
}
.blog_listing_thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}
.blog_listing_box:hover .blog_listing_thumb img{
    transform: scale(1.05);
}
 
.blog_listing_title{
    margin: 0;
    padding: 20px 22px 24px;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;
}
.blog_listing_title a{
    color: #000000;
    text-decoration: none;
}
.blog_listing_title a h3{
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.blog_listing_title a:hover{
    color: var(--heading-colors);
}
 
.blog_listing_empty{
    grid-column: 1 / -1;
    text-align: center;
    color: #000000;
    padding: 40px 0;
}
 
.blog_listing_pagination{
    margin-top: 44px;
    display: flex;
    justify-content: center;
}
.blog_listing_pagination ul.page-numbers{
    list-style: none;
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}
.blog_listing_pagination .page-numbers li{
    display: flex;
}
.blog_listing_pagination .page-numbers a, 
.blog_listing_pagination .page-numbers span {
    min-width: 42px;
    height: 42px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe2eb;
    border-radius: 8px;
    background: var(--bg-color);
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.blog_listing_pagination .page-numbers a:hover{
    background: var(--heading-color);
    border-color: var(--heading-color);
    color: #fff;
}
.blog_listing_pagination .page-numbers.current{
    background: var(--heading-color);
    border-color: var(--heading-color);
    color: #fff;
}
.blog_listing_pagination .page-numbers.dots{
    background: transparent;
    border: none;
    color: var(--blog-muted);
}
.digital-transformation-card-content-inner ul li {
    color: var(--text-color);
    padding-bottom: 8px;
    line-height: 22px;
}
.digital-transformation-card-content-inner ul {
    margin: 0px;
    padding: 0px 0px 0px 15px;
}
.gallery-track {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding-bottom: 4px;
  scrollbar-width: none;
}
.gallery-track::-webkit-scrollbar { display: none; }

.gallery-slide {
  flex: 0 0 auto;
  width: 90px;
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
  scroll-snap-align: start;
  cursor: pointer;
  background: #eee;
  transition: width 0.4s ease;
}

.gallery-slide.active { width: 420px; }

.gallery-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.controls-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.nav-buttons { display: flex; gap: 10px; }

.nav-btn {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #f3f4f6;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease;
}

.nav-btn:hover { background: #e5e7eb; }
.nav-btn:disabled { opacity: 0.4; cursor: default; }

.nav-btn svg {
  width: 18px;
  height: 18px;
  stroke: #374151;
}

.counter {
  font-size: 14px;
  color: #9ca3af;
  white-space: nowrap;
}
.gallery-panel {
    background: #fff;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  }

  .masonry {
    column-count: 2;
    column-gap: 24px;
  }

  .masonry-item {
    break-inside: avoid;
    margin-bottom: 24px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    cursor: pointer;
  }

  .masonry-item img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;
  }

  .masonry-item:hover img {
    transform: scale(1.05);
  }
/**************************************************/
/* ---------- Scrollable category tabs ---------- */
.blog_category_tabs_wrap {
    background: #FFFFFF;
    border-radius: 14px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
    overflow: hidden;
    border: 1px solid rgba(229, 229, 234, 1);
}
 
.blog_category_tabs_label {
    flex: 0 0 auto;
    font-weight: 600;
    color: var(--heading-color);
    font-size: 15px;
}
 .blog_category_tabs_scroll {
    flex: 1 1 auto;
    display: flex;
    gap: 15px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #e7e7e7 transparent;
    padding-bottom: 4px;
    white-space: nowrap;
}

.blog_category_tabs_scroll::-webkit-scrollbar {
    height: 2px;
}

.blog_category_tabs_scroll::-webkit-scrollbar-track {
    background: transparent;
}

.blog_category_tabs_scroll::-webkit-scrollbar-thumb {
    background: #f5f7fd;
    border-radius: 0;
}
.blog_category_tab {
    flex: 0 0 auto;
    background: rgba(242, 242, 247, 0.5);
    color: #2b2b2b;
    border: 1px solid rgba(229, 229, 234, 1);
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: all .2s ease;
}
.blog_category_tab:hover {
    border-color: var(--heading-color);
    color: var(--heading-color);
}
.blog_category_tab.is-active {
    background: #fff;
    border: 1.5px solid var(--heading-color);
    color:  var(--heading-color);
    font-weight: 400;
}
 
/* ---------- Main grid + sidebar layout ---------- */
.page_blog_category_main {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 24px;
    align-items: start;
}
 
.page_blog_category_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
 
/* ---------- Individual post box ---------- */
.blog_category_box {
    background: var(--bg-color);
    border: 1px solid #dbe2eb;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow .25s ease, transform .25s ease;
}
.blog_category_box:hover{
    box-shadow: 0 14px 28px rgba(16, 24, 75, .08);
    transform: translateY(-3px);
}
.blog_category_box_overlay_title {
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.3;
    text-shadow: 0 2px 6px rgba(0,0,0,.25);
}
 
.blog_category_box_title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    padding: 14px 16px 18px;
}
.blog_category_box_title a {
    color: #1a1a1a;
    text-decoration: none;
}
.blog_category_box_title a:hover {
    color: #4b3fff;
}
 
/* ---------- Sidebar ---------- */
.blog_category_sidebar {
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid rgba(229, 229, 234, 1);
}
.blog_category_sidebar_title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 14px;
    color: #111;
}
.blog_category_sidebar_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.blog_category_sidebar_item {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f4;
    font-size: 14px;
}
.blog_category_sidebar_item:last-child {
    border-bottom: none;
}
.blog_category_sidebar_item a {
    color: #333;
    text-decoration: none;
    line-height: 1.4;
}
.blog_category_sidebar_item a:hover {
    color: #4b3fff;
}
.feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.feature-post-small { display: flex; gap: 10px; }
.blog_large_title h3,
.top_cateogry_post a h3 {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.blog_large_title a span,
.top_cateogry_post a span{
    color: var(--heading-color);
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;

}
.blog_large_title a p,
.top_cateogry_post a p{
    color: rgba(5, 7, 41, 0.6);
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.blog_large_title a,
.top_cateogry_post a {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.feature-post-large {
    grid-row: span 3;
    border: 1px solid rgba(242, 242, 247, 1);
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 16px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.feature-post-large img{
    border-radius: 16px;
}
.three_blog_relationship {
    display: flex;
    flex-direction: row;
    gap: 16px;
    border: 1px solid rgba(242, 242, 247, 1);
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 16px;
    background: #FFF;
}
.three_blog_relationship img {
    width: calc(40% - 16px);
    height: 136px;
    object-fit: cover;
    border-radius: 8px;
}
.top_cateogry_post {
    width: calc(60% - 8px);
}
/*******************************************************/
svg.crm_work_icon-defs { position: absolute; width: 0; height: 0; overflow: hidden; }

  .crm_work_card{
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(229,229,234,1);
    border-radius: 16px;
    padding: 24px;
  }

  .crm_work_card-title{
    text-align: center;
    margin: 8px auto 28px auto;
  }

  .crm_work_columns{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .crm_work_column{
    padding: 0 24px;
  }
  .crm_work_column:not(:last-child){
    border-right: 1px solid rgba(229, 229, 234, 1);
  }
  .crm_work_column:first-child{ padding-left: 4px; }
  .crm_work_column:last-child{ padding-right: 4px; }

  .crm_work_item{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(229, 229, 234, 1);
  }
  .crm_work_item:last-child{
    border-bottom: none;
  }

  .crm_work_item .crm_work_icon{
    flex: 0 0 auto;
    margin-top: 2px;
  }

  .client_says_section {
    background-image: url("../images/what-our-client-says.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 80px 64px 80px 64px;
}
.client_says {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.client_says_review {
    background-color: #FFF;
    padding: 60px;
    width: 100%;
    max-width: 1092px;
    border-radius: 16px;
    text-align: center;
}
svg.top_comma {
    display: flex;
    margin-bottom: 40px;
}
svg.bottom_comma {
    display: flex;
    float: right;
    margin-top: 40px;
}
.portfolio_app_icon {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.portfolio_app_icon a img {
    width: 100%;
    max-width: 150px;
}
.gds-blog-form{
  background:#fff;
  border:1px solid #DCE3EA;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 20px 50px -25px rgba(15,37,64,0.25);
}
.api_form_ama{
    padding: 25px;
}
/* Heading */
.gds-form-heading{
  background: var(--bg-color);
  padding:36px 40px 30px;
  color:#fff;
  display:flex;
  flex-direction:column;
  gap:12px;
  border-radius: 8px;
}
.gds-form-heading h2{
  margin:0;
  font-size:24px;
  line-height:1.3;
  font-weight:600;
  text-align:left;
}
.gds-form-heading p{
  text-align:left;
}
.gds-heading-divider{ display:none; }
/* Body layout */
.gds-form-inner{
  display:flex;
  align-items:stretch;
  gap:0;
  overflow:hidden;
}
.gds-form-left{
  flex:1.35;
  min-width:0;
  padding:32px 36px 28px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.gds-form-left p{
  margin:0;
  font-size:13.5px;
  line-height:1.6;
  color:#5B6B7A;
  text-align:left;
}
.gds-blog-form .form-title{
  font-size:16.5px;
  font-weight:600;
  color:#0F2540;
  margin:0 0 0 !important;
  display:block;
}
.gds-form-right{
  flex:1;
  position:relative;
  min-height:320px;
  padding: 40px;
}
.gds-form-right img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Radio grid */
.gds-blog-form .three-column-radio{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px 16px;
}
.gds-blog-form .radio-item{
  border:1px solid #DCE3EA;
  border-radius:10px;
  background:#FAFBFC;
  padding:10px 12px;
  transition:border-color .15s ease, background .15s ease;
}
.gds-blog-form .radio-item:hover{ border-color:#B7C4D0; }
.gds-blog-form .radio-item:has(input:checked){
  border-color:var(--heading-color);
  background:var(--bg-color);
}
.gds-form-left .wpcf7-list-item{ display:block; margin:0; }
.gds-blog-form .radio-item label{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0;
  cursor:pointer;
}
.gds-blog-form .radio-item input[type="radio"]{
  appearance:none; -webkit-appearance:none;
  width:17px; height:17px; min-width:17px;
  border:2px solid #B7C4D0; border-radius:50%;
  margin:2px 0 0; position:relative; cursor:pointer; background:#fff;
}
.gds-blog-form .radio-item input[type="radio"]:checked{ border-color: var(--heading-color); }
.gds-blog-form .radio-item input[type="radio"]:checked::after{
  content:""; position:absolute; inset:3px; border-radius:50%; background:var(--heading-color);
}
.gds-blog-form .wpcf7-list-item-label{
  font-size:13.5px; line-height:1.45; color:#1B2733;
}

/* "Other" row */
.gds-blog-form .other-radio-with-input{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.gds-blog-form .other-radio-with-input .wpcf7-list-item{ margin:0; }
.gds-blog-form .other-specify-field{
  flex:1;
  min-width:160px;
  padding:8px 12px !important;
  font-size:13px !important;
  border-radius:8px !important;
  margin:0 !important;
}

/* Inputs / textarea */
.gds-blog-form p{
    max-width:100%;
}
.gds-blog-form textarea,
.gds-blog-form input{
  background:#fff;
  padding:10px;
  border-radius:10px;
  font-family:Poppins, sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:22px;
  width:100%;
  color:#1B2733;
  border:1px solid #DCE3EA;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.gds-blog-form input::placeholder,
.gds-blog-form textarea::placeholder{ color:#96A3AF; }
.gds-blog-form input:focus,
.gds-blog-form textarea:focus{
  outline:none; border-color:var(--heading-color);
  box-shadow:0 0 0 3px rgba(14,163,155,0.15);
}

/* Bottom section */
.email-wrap-submit-gds-full{
  padding:26px 36px 32px;
  border-top:1px solid #DCE3EA;
  background:#FAFBFC;
}
.email-wrap-submit-gds-full .row.flex-nowrap{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
/* .email-wrap-submit-gds-full .row.flex-nowrap > div{ flex:1 1 220px; } */
.email-field{ margin-bottom:18px; }
.email-field textarea{ min-height:90px; resize:vertical; }
.custom-submit{
  background:var(--heading-color) !important;
  color:#fff !important;
  border:none;
  border-radius:10px;
  padding:13px 34px;
  font-size:14.5px;
  font-weight:600;
  width:auto;
  cursor:pointer;
  transition:background .15s ease, transform .15s ease;
}
.wpcf7-not-valid-tip {
    text-align: left;
}

.resource_wapper {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 24px;
    align-items: stretch;
}
.intl-tel-input .country-list .divider::before,
.intl-tel-input .country-list li.country::before{
    content:none !important;
}
.intl-tel-input .country-list {
    gap: 0px;
}
/* ---------- Featured (left) card ---------- */
.resource_main { display: flex; }
.resource_box--featured {
    width: 100%;
    background: #FFFFFF;
    border-radius: 18px;
    border: 2px solid var(--heading-color);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.resource_box__thumb {
    position: relative;
    min-height: 220px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.resource_box__thumb img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    display: block;
}
.resource_box__body {
    padding: 20px 26px 26px;
}
.resource_box--featured h3 {
    color: #000000;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 600;
    margin: 0 0 14px;
}
 
/* ---------- Right-hand list ---------- */
.resource_list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.resource_item {
    flex: 1;
    background: #ffffff;
    border: 2px solid var(--heading-color);
    border-radius: 14px;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.resource_item h4 {
    font-size: 16px;
    font-weight: 600;
    color: #16193f;
    margin: 0 0 10px;
    line-height: 1.4;
}
 
/* ---------- Shared "Read more" link ---------- */
.read_more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--heading-color);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}
.read_more .arrow {
    transition: transform 0.2s ease;
}
.read_more:hover .arrow {
    transform: translateX(4px);
}
/***********************************************************/
/* ---------- Modal base ---------- */
.gt-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:20px;overflow-y:auto}
.gt-modal.is-open{display:flex}
.gt-modal__overlay{position:fixed;inset:0;background:rgba(0,0,0,.65)}
.gt-modal__box{position:relative;width:100%;max-width:1170px;background:#fff;border-radius:8px;padding: 40px;\;margin:auto;font-family:'Poppins',sans-serif;animation:gtPop .3s ease}
@keyframes gtPop{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
body.gt-modal-open{overflow:hidden}

.gt-modal__close { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; border: 0; border-radius: 8px; background-color: var(--heading-color); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; z-index: 5; }

.gt-modal__inner{display:flex;gap:40px;align-items:flex-start}
.gt-modal__left{flex:0 0 46%;max-width:46%;}
.gt-modal__left img {
    height: 585px;
    object-fit: cover;
}
.gt-modal__right{flex:1}

/* ---------- Left ---------- */
.gt-lead { font-size: 18px; line-height: 1.5; font-weight: 500; color: #111; padding-bottom: 30px; border-bottom: 1px solid #ddd; max-width: 455px; }

.gt-stats{display:grid;grid-template-columns:1fr 1fr;margin-left:-20px}
.gt-stat{padding:26px 20px 30px 58px;display:flex;flex-direction:column;gap:14px}
.gt-stat:nth-child(odd){border-right:1px solid #ddd}
.gt-stat:nth-child(-n+2){border-bottom:1px solid #ddd}
.gt-num { font-size: 32px; line-height: 32px; font-weight: 700; color: #1d2fb8; }
.gt-label { font-size: 18px; line-height: 24px; font-weight: 500; color: #000; }

/* ---------- Right card ---------- */
.gt-form-card{background:#fff;border-radius:16px;padding:22px 20px 30px;box-shadow:0 0 30px rgba(0,0,0,.08)}
.gt_form_start_a{font-size:32px;font-weight:600;color:var(--heading-color);margin:0 0 20px;padding:0;line-height:1.2}
.gt-secure{list-style:none;margin:0 0 18px;padding:0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.gt-secure li{font-size:15px;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:8px;padding:0;margin:0}

/* Form layout (bootstrap na hoy to pan chale) */
.gt-form-card .row{display:flex;flex-wrap:wrap;margin:0 -10px}
.gt-form-card .col-sm-6{width:50%;padding:0 10px}
.gt-form-card .col-sm-12,.gt-form-card .col-md-12{width:100%;padding:0 10px}
.gt-form-card .form-group{margin-bottom:16px}
.gt-form-card .wpcf7-form-control-wrap{display:block}
.gt-modal__left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* Submit */
.gt-form-card .wpcf7-submit, 
.gt-form-card .btn-validate {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    background-color: var(--heading-color);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 10px 20px;
    margin: 0;
    transition: opacity .2s;
    font-family: 'Poppins',sans-serif;
}
.gt-form-card .wpcf7-submit:hover{opacity:.9}
.gt-form-card .wpcf7-spinner{position:absolute}
.gt-form-card .wpcf7-not-valid-tip{font-size:12px;color:#d81b60;padding:4px 14px}
.gt-form-card .wpcf7-response-output{margin:14px 0 0!important;border-radius:12px;font-size:14px;padding:10px 14px!important}
.resource_form_content textarea,
.resource_form_content input {
    border: none;
    font-family: inherit;
    width: 100%;
}
.resource_form_content textarea:focus-visible,
.resource_form_content textarea:focus,
.resource_form_content input:focus-visible,
.resource_form_content input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #032ba5 !important;
}
#c4wp_user_input_captcha {
    border: 1px solid #ccc !important;
    border-radius: 6px;
}

.blog_cta_box_inner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.blog_cta_box_inner .blog_cta_box_inner_content {
    padding: 50px 20px;
    color: #1a2b5f;
    background-color: #1a2b5f;
    color: #fff;
    font-weight: 500;
    flex: 1 1 calc(50% - 10px);
    box-sizing: border-box;
}
.blog_cta_box_inner .blog_cta_box_inner_content:last-of-type {
    background-color: #1a49bf;
}

.blog_cta_box_inner .blog_cta_box_inner_content.bg-transparent {
    background-color: transparent;   
}
.blog_cta_box_inner .blog_cta_box_inner_content.no-padding {
    padding: 0;
}
.blog_cta_box_inner .blog_cta_box_inner_content .color-primary {
    color: #007aff;
}
.blog_cta_box_inner .blog_cta_box_inner_content a {
    color: #fff;   
}
.post-images-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}
.post-images-gallery a { 
    flex: 1 1 calc(25% - 2px);
}
.post-images-gallery a img {
    width: auto;
}


.resource_form .intl-tel-input .country-list .country-name, 
.resource_form .intl-tel-input .country-list .flag-box {
    white-space: normal;
}


.postaward_cta_box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.postaward_cta_box p {
    margin: 0;
    flex-shrink: 0;
}

.postaward_cta_box p img {
    display: block;
    max-width: 140px;
    height: auto;
}

.postaward_cta_box h3 {
    margin: 0;
    flex: 1;
}

.gt-modal__left img {
    border-radius: 8px;
}
.auto_popup_text {
    padding-bottom: 20px;
}
.res_breadcrumb ul {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}
.res_breadcrumb ul li::before{
    content:none;
}
.res_breadcrumb ul li{
    padding-left: 0px;
}

/* ===== Mega menu (add to style.css) - uses your existing :root variables ===== */
/* =====================================================
   ===================================================== */

/* ---------- Main nav ---------- */
.site_header .container,
.site_header .header_area,
.site_header .main-navigation,
.mega_menu_list { position: static; }

.mega_menu_list { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.mega_menu_list > li { position: static; }
.mega_menu_list > li > a {
  position: relative; isolation: isolate;
  display: flex; align-items: center; gap: 8px;
  padding: 0px 10px;
  font-family: var(--primary-font); font-size: var(--body-size);
  font-weight: var(--font-weight-regular); color: var(--sub-heading-color);
  text-decoration: none; white-space: nowrap;
}
/* pill (hover state) */
.mega_menu_list > li > a::before {
  content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 40px;
  transform: translateY(-50%); border: 1px solid transparent; border-radius: 8px;
  z-index: -1; transition: background .2s, border-color .2s;
}
/* chevron */
.mega_menu_list > li > a::after {
  content: ""; width: 7px; height: 7px; flex-shrink: 0;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translate(-2px, -2px); transition: transform .2s;
}
.mega_menu_list > li > a.mega_no_arrow::after { display: none; }
.mega_item:hover > a,
.mega_item:focus-within > a { color: var(--heading-color); }
.mega_item:hover > a::before,
.mega_item:focus-within > a::before { background: rgba(230, 235, 250, .8); border-color: rgba(3, 43, 165, .25); }
.mega_item:hover > a::after,
.mega_item:focus-within > a::after { transform: rotate(225deg) translate(-2px, -2px); }

/* ---------- Dropdown ---------- */
.mega_wrap {
  position: absolute; left: 50%; top: calc(100% + 8px);
  width: min(1280px, calc(100% - 40px));
  display: grid; grid-template-columns: 302px 1fr 395px;
  background: #fff; border-radius: 20px;
  font-family: var(--primary-font);
  box-shadow: 0 20px 60px rgba(3, 43, 165, .15);
  opacity: 0; visibility: hidden;
  transform: translate(-50%, 12px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
  z-index: 999;
}
.mega_wrap::before { content: ""; position: absolute; left: 0; right: 0; top: -24px; height: 24px; } /* hover gap bridge */
.mega_wrap_cols { grid-template-columns: 1fr 380px; }
.mega_item:hover .mega_wrap,
.mega_item:focus-within .mega_wrap { opacity: 1; visibility: visible; transform: translate(-50%, 0); }

/* ---------- Left tabs ---------- */
.mega_sidebar { background: var(--bg-color); padding: 16px; border-radius: 16px 0 0 16px; }
.mega_tab {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 8px 14px; margin-bottom: 8px; border-radius: 10px;
  font-size: var(--body-size); line-height: var(--line-height);
  color: var(--text-color); cursor: pointer; outline: none; transition: background .2s, color .2s;
}
.mega_tab:focus-visible { box-shadow: 0 0 0 2px var(--heading-color); }
.mega_tab_active { background: #fff; color: var(--heading-color); }
.mega_tab_icon,
.mega_link::after {
  content: ""; display: none; flex: 0 0 22px; width: 20px; height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='9.5'/%3E%3Cpath d='M8 14l6-6M9 8h5v5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mega_tab_active .mega_tab_icon { display: block; }

/* ---------- Content ---------- */
.mega_content { padding: 16px 22px; min-width: 0; }
.mega_panel { display: none; }
.mega_panel_active { display: block; }
.mega_title {
  font-size: var(--h5-size); font-weight: 500 line-height: var(--line-heading-height);
  color: var(--heading-color); padding-bottom: 12px; margin: 0 0 14px;
  border-bottom: 1px solid #E5E5EA;
}
.mega_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.mega_col { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; align-content: start; }

/* column layout (Hire / Our Work / About) */
.mega_groups { display: grid; gap: 24px; }
.mega_groups_2 { grid-template-columns: repeat(2, 1fr); }
.mega_groups_3 { grid-template-columns: repeat(3, 1fr); }
.mega_groups_5 { grid-template-columns: repeat(5, 1fr); gap: 16px; }
.mega_group { min-width: 0; }

/* links */
.mega_link {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 12px; border: 1px solid transparent; border-radius: 8px;
  font-size: 15px; line-height: var(--line-height);
  color: var(--text-color); text-decoration: none; transition: color .2s, border-color .2s;
}
.mega_link:hover,
.mega_link_active { color: var(--heading-color); border-color: rgba(5, 7, 41, .12); }
.mega_link:hover::after,
.mega_link_active::after { display: block; }
.mega_panel:has(.mega_link:hover) .mega_link_active:not(:hover),
.mega_group:has(.mega_link:hover) .mega_link_active:not(:hover) { color: var(--text-color); border-color: transparent; }
.mega_panel:has(.mega_link:hover) .mega_link_active:not(:hover)::after,
.mega_group:has(.mega_link:hover) .mega_link_active:not(:hover)::after { display: none; }
.mega_wrap:has(.mega_group .mega_link:hover) .mega_group:not(:has(.mega_link:hover)) .mega_link_active { color: var(--text-color); border-color: transparent; }
.mega_wrap:has(.mega_group .mega_link:hover) .mega_group:not(:has(.mega_link:hover)) .mega_link_active::after { display: none; }

/* ---------- Right card ---------- */
.mega_card {
  margin: 16px; padding: 16px; display: flex; flex-direction: column; min-width: 0;
  border: 1px solid rgba(3, 43, 165, .1); border-radius: 16px;
  background: radial-gradient(circle at 95% 100%, rgba(3, 43, 165, .14), transparent 55%), linear-gradient(160deg, #f1f4ff 0%, #fbfcff 100%);
}
.mega_card_title { font-size: var(--h4-size); font-weight: var(--font-weight-bold); line-height: var(--line-heading-height); color: var(--heading-color); margin: 0 0 14px; }
.mega_card_text { font-size: var(--body-size); line-height: 22px; color: var(--text-color); margin: 0 0 18px; }
.mega_card_list { display: grid; gap: 14px; margin: 0 0 18px; padding: 0; list-style: none; }
.mega_card_list li { position: relative; padding-left: 32px; font-size: var(--body-size); line-height: 1.5; color: var(--text-color); }
.mega_card_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7998 8.8V15.2C16.7998 16.0837 16.0835 16.8 15.1998 16.8H2.39981C1.51615 16.8 0.799805 16.0837 0.799805 15.2V2.4C0.799805 1.51635 1.51615 0.800003 2.3998 0.800003H8.7998H12.7998' stroke='%23032BA5' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M6.1333 8.03287L9.29257 10.5907C9.4883 10.7491 9.73228 10.8218 9.9756 10.7943C10.2189 10.7667 10.4436 10.6409 10.6046 10.4421L16.8 2.8' stroke='%23032BA5' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}
.mega_card_line { height: 1px; background: rgba(5, 7, 41, .12); margin: 0 0 16px; }
.mega_card_note { margin: 0 0 16px; font-size: var(--body-size); font-weight: var(--font-weight-bold); line-height: 1.5; color: var(--sub-heading-color); }
.mega_card_btns { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 4px; }

.mega_person { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
.mega_person_img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: #dfe5f8; flex-shrink: 0; }
.mega_person_name { font-size: var(--body-size); font-weight: var(--font-weight-bold); color: var(--sub-heading-color); }
.mega_card_img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; background: #e3e9fb; margin: 0 0 16px; }

/* buttons */
.mega_btn {
  display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 6px;
  background: var(--heading-color); color: #fff !important; text-decoration: none;
  font-family: var(--primary-font); font-size: var(--body-size); font-weight: var(--font-weight-bold); line-height: 1.2;
  transition: background .2s;
}
.mega_btn::after {
  content: ""; width: 18px; height: 18px; flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M1 9H17M17 9L9 1M17 9L9 17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mega_btn:hover { background: var(--second-hover-color); }
.mega_btn_outline { margin-top: 16px; background: #fff; color: var(--heading-color) !important; border: 1px solid var(--heading-color); padding: 10px 16px; }
.mega_btn_outline::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M1 9H17M17 9L9 1M17 9L9 17' stroke='%23032BA5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mega_btn_outline:hover { background: var(--bg-color); }

/* ---------- Small laptops ---------- */
@media (max-width: 1199px) {
  .mega_menu_list > li > a { padding-left: 8px; padding-right: 8px; }
  .mega_wrap { grid-template-columns: 230px 1fr 320px; }
  .mega_wrap_cols { grid-template-columns: 1fr 320px; }
  .mega_groups_5 { gap: 10px; }
  .mega_card_title { font-size: var(--h5-size); }
}

/* =====================================================
   MOBILE / TABLET (991px thi nichhe)
   ===================================================== */
.mobile_menu, .menu_overlay, .side_menu { display: none; }

@media (max-width: 991px) {
  .main-navigation, .mega_wrap { display: none; }

  .mobile_menu { display: block; cursor: pointer; }
  .mobile_menu img { display: block; width: 28px; height: auto; }

  .menu_overlay {
    display: block; position: fixed; inset: 0; background: rgba(5, 7, 41, .5);
    opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s; z-index: 1000;
  }
  .menu_overlay.active { opacity: 1; visibility: visible; }

  .side_menu {
    display: block; position: fixed; top: 0; right: 0; width: min(380px, 88%); height: 100%;
    background: #fff; overflow-y: auto; transform: translateX(100%); transition: transform .3s ease;
    z-index: 1001; font-family: var(--primary-font);
  }
  .side_menu.active { transform: translateX(0); }

  .menu_header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid rgba(5, 7, 41, .1); }
  .menu_header img { display: block; max-height: 40px; width: auto; }
  .menu_close { font-size: 34px; line-height: 1; color: var(--sub-heading-color); cursor: pointer; }

  .mobile_nav { list-style: none; margin: 0; padding: 8px 20px 32px; }
  .mobile_nav li { list-style: none; }

  .mega_m_link, .mega_m_toggle {
    display: flex; align-items: center; justify-content: space-between; width: 100%;
    padding: 10px 0; border: 0; border-bottom: 1px solid rgba(5, 7, 41, .08);
    background: none; text-align: left; cursor: pointer;
    font-family: var(--primary-font); font-size: var(--body-size);
    font-weight: var(--font-weight-bold); color: var(--sub-heading-color); text-decoration: none;
  }
  .mega_m_toggle::after {
    content: ""; width: 8px; height: 8px; flex-shrink: 0;
    border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: rotate(45deg); transition: transform .25s ease;
  }
  .mega_m_open > .mega_m_toggle { color: var(--heading-color); }
  .mega_m_open > .mega_m_toggle::after { transform: rotate(-135deg); }

  .mega_m_sub, .mega_m_links { display: none; list-style: none; margin: 0; padding: 0; }
  .mega_m_open > .mega_m_sub, .mega_m_open > .mega_m_links { display: block; }

  .mega_m_sub .mega_m_toggle { font-weight: var(--font-weight-regular); color: var(--text-color); border-bottom-color: rgba(5, 7, 41, .06); }
  .mega_m_sub .mega_m_open > .mega_m_toggle { color: var(--heading-color); font-weight: var(--font-weight-bold); }

  .mega_m_links { padding: 10px 0px }
  .mega_m_sub_link { display: block; padding: 10px 0; font-size: 14px; line-height: var(--line-height); color: var(--text-color); text-decoration: none; border-bottom: 1px solid rgba(5, 7, 41, .06); }
  .mega_m_sub_link:hover { color: var(--heading-color); }
  .mega_m_all { font-weight: var(--font-weight-bold); color: var(--heading-color); }

  body.mega_no_scroll { overflow: hidden; }
}

@media (max-width: 575px) {
  .header_cta { display: none; }
}


blockquote {
    position: relative;
    margin: 1em 0;
    padding: 1em;
    border-left: 5px solid #2ea3f2;
}
blockquote footer {
	margin-top: 15px;
}

.resources_child_form_top_header {
	display: flex;
	gap: 20px;
	padding: 15px;
	align-items: center;
	background-image: url(../images/heading-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.resources_child_form_top_header .left-icon {
	min-width: 50px;
	max-width: 50px;
}
.resources_child_form_top_header .left-icon img {
	max-width: 100%;
	width: auto;
 }
.resources_child_form_top_header .widget-title {
	color: #fff;
	font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}
.read_more_cat span a {
    color: #032ba5;
}
.copy_text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.copy_text ul {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.copy_text ul li {
    list-style: none;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}
.copy_text ul li a {
    color: #FFF;
}
/**************************************************/

  .sitemap_title {
    font-size: 32px;
    font-weight: 500;
    margin: 0 0 22px;
    color: #032ba5;
  }

  .sitemap_subtitle {
    font-size: 28px;
    font-weight: 500;
    margin: 0 0 14px;
    color: #000000;
  }

  .sitemap_two_col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 60px;
  }

  /* ---------- Circle icon list ---------- */
.sitemap_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.sitemap_list li a {
position: relative;
display: inline-block;
padding-left: 30px;
font-size: 16px;
line-height: 1.5;
color: var(--sitemap_link);
text-decoration: none;
transition: color .2s;
}

.sitemap_list li a::before {
content: "";
position: absolute;
left: 0;
top: 1px;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.75 8.75V15.15C16.75 16.0337 16.0337 16.75 15.15 16.75H2.35C1.46634 16.75 0.75 16.0337 0.75 15.15V2.35C0.75 1.46634 1.46634 0.75 2.35 0.75H8.75H12.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.08301 7.98287L9.24228 10.5407C9.43801 10.6991 9.68199 10.7718 9.9253 10.7443C10.1686 10.7167 10.3933 10.5909 10.5543 10.3921L16.7497 2.75' stroke='%23032BA5' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.sitemap_list_two {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-direction: row;
}
.sitemap_list_two li {
    width: calc(50% - 6px);
}