﻿@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --pri-color: #b10c1e;
    --pri-color-dark: #760a16;
    --sec-color: #EDA10D;
    --footer-color: #070a15;
    --bg-sec-light: #F5FAFF;
    --bg-sections-dark: #0e174b;
    --pri-text-clr: #b10c1e;
    --white: #fff;
}

/* ===== Scrollbar CSS ===== */

/* Firefox */

.space-p-t {
    padding-top: 80px;
}

.space-p-b {
    padding-bottom: 80px;
}

.space-p-tb {
    padding: 80px 0;
}

.space-m-t {
    margin-top: 80px;
}

.space-m-b {
    margin-bottom: 80px;
}

.space-m-tb {
    margin: 80px 0;
}

.section-bg {
    background-color: var(--bg-sections);
}

.section-bg-dark {
    background-color: var(--bg-sec-dark);
}

.section-bg-light {
    background-color: var(--bg-sec-light);
}

.section-bg-light-1 {
    background-color: rgba(245, 245, 246, 0.38);
}

.heading-style-h1 {
    color: #000;
    letter-spacing: -.03em;
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1;
}

.heading-style-h2 {
    letter-spacing: -.03em;
    font-size: 3.5rem;
    line-height: 1;
    font-weight: 400;
}

.hp-agents_h3.is-limitless {
    max-width: 13ch;
    font-size: 2.75rem;
    font-weight: 400;
    line-height: 1.1;
}

.heading-style-h3 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.3;
}

.g_label-13 {
    margin-top: 15px;
    color: #8f8a8a;
    font-size: .9rem;
    font-style: italic;
}

.marquee-logos_heading {
    text-align: center;
    text-transform: none;
    margin-bottom: 2.5rem;
    font-size: 1.125rem;
    line-height: 1.4;
}

body {
    font-family: "Poppins", sans-serif;
    color: #000000;
}

.top-bar {
    background-color: #151515;
}

.tb-info-holder {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    color: #fff;
    align-items: center;
    font-size: 14px;
}

/*.iti__selected-flag {
    border-radius: 20px 0 0 20px;
}
*/
.tb-info-holder a {
    color: #fff;
    text-decoration: none;
}

.header-btn {
    background-color: var(--pri-color);
    min-height: 2.5rem;
    color: #fff;
    border: 1px solid var(--pri-color);
    border-radius: 10px;
    padding: .75rem 1rem;
    font-size: .8125rem;
    text-decoration: none;
    transition: 0.3s ease-in;
}

.header-btn:hover {
    background-color: var(--pri-color-dark);
    border-color: var(--pri-color-dark);
}

.icon-btn-sty {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.icon-btn-sty i {
    font-size: 18px;
}

.header-btn-bordered {
    background-color: transparent;
    min-height: 2.5rem;
    color: #000;
    border-radius: 10px;
    padding: .75rem 1rem;
    font-size: .8125rem;
    text-decoration: none;
    border: 1px solid #000;
    transition: 0.2s ease-in;
}

.header-btn-bordered:hover {
    background-color: #000;
    color: #fff;
}

.hdr-btn-holder {
    display: flex;
    align-items: center;
    gap: 9px;
}

.global-btn {
    background-color: var(--pri-color);
    min-height: 2.5rem;
    color: #fff;
    border: 1px solid var(--pri-color);
    border-radius: 10px;
    padding: .75rem 1rem;
    font-size: 1rem;
    text-decoration: none;
    transition: 0.3s ease-in;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
}

.global-btn:hover {
    background-color: var(--pri-color-dark);
    border-color: var(--pri-color-dark);
}

.global-btn .btn-arrow {
    position: relative;
    transition: 0.3s ease-in;
    right: 0;
    font-size: 21px;
}

.global-btn:hover .btn-arrow {
    right: -3px;
}

/*Black Btn*/

.global-black-btn {
    background-color: #000;
    min-height: 2.5rem;
    color: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    padding: .75rem 1rem;
    font-size: 1rem;
    text-decoration: none;
    transition: 0.3s ease-in;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.global-black-btn:hover {
    background-color: #333;
    border-color: #333;
}

.global-black-btn .btn-arrow {
    position: relative;
    transition: 0.3s ease-in;
    right: 0;
    font-size: 21px;
}

.global-black-btn:hover .btn-arrow {
    right: -3px;
}

/*Black Btn End*/

/*Global btn black bordered*/

.global-btn-bdr {
    background-color: transparent;
    min-height: 2.5rem;
    color: #000;
    border: 1px solid #000;
    border-radius: 10px;
    padding: .75rem 1rem;
    font-size: 1rem;
    text-decoration: none;
    transition: 0.3s ease-in;
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 5px;
    line-height: 1;
}

.global-btn-bdr:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.global-btn-bdr .btn-arrow {
    position: relative;
    transition: 0.3s ease-in;
    right: 0;
    font-size: 21px;
}

.global-btn-bdr:hover .btn-arrow {
    right: -3px;
}

/*Global btn black bordered End*/

/*Global btn white*/

.global-btn-bdr-white {
    background-color: transparent;
    min-height: 2.5rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: .75rem 1rem;
    font-size: 1rem;
    text-decoration: none;
    transition: 0.3s ease-in;
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 5px;
    line-height: 1;
}

.global-btn-bdr-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

.global-btn-bdr-white .btn-arrow {
    position: relative;
    transition: 0.3s ease-in;
    right: 0;
    font-size: 21px;
}

.global-btn-bdr-white:hover .btn-arrow {
    right: -3px;
}

/*Global btn white End*/

.m_button.m_button-primary {
    border-color: var(--pri-color);
    background-color: var(--pri-color);
}

.m_button {
    background-color: var(--black);
    color: var(--white);
    border: 1px solid #000;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 0.9rem 1rem;
    transition: all .1s;
    display: inline-flex;
    text-decoration: none;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.m_button .m_button-arrow {
    position: relative;
    right: 0;
    transition: 0.2s;
}

.m_button:hover .m_button-arrow {
    right: -3px;
}

.mb-borderd-btn {
    color: #000;
    border-color: #000;
    transition: 0.3s ease;
    background-color: transparent;
}

.mb-borderd-btn:hover {
    color: #fff;
    border-color: #000;
    transition: 0.3s ease;
    background-color: #000;
}

[data-button='bounce'] {
    /*    border-color: transparent !important;
    background-color: #6161ff !important;
    background-image: radial-gradient(circle closest-side, rgba(254, 155, 11, 0.85) 0%, rgba(255, 129, 228, 0.85) 50%, rgba(97, 97, 255, 0) 100%) !important;
    background-size: 350px 350px !important;
    background-repeat: no-repeat !important;
    background-position: -350px center;
    animation: orbSwoosh 6s ease-in-out 2s infinite both !important;*/
    border-color: transparent !important;
    background-color: #b10c1e !important;
    background-image: radial-gradient(circle closest-side, rgba(211, 47, 47, 0.85) 0%, rgba(255, 99, 71, 0.85) 50%, rgba(177, 12, 30, 0) 100%) !important;
    background-size: 350px 350px !important;
    background-repeat: no-repeat !important;
    background-position: -350px center;
    animation: orbSwoosh 6s ease-in-out 2s infinite both !important;
}

@keyframes orbSwoosh {
    0% {
        background-position: -350px center;
    }

    25% {
        background-position: calc(100% + 350px) center;
    }

    25.001% {
        background-position: -350px center;
    }

    100% {
        background-position: -350px center;
    }
}

.ctm-navbar {
    background-color: #fff;
    padding: 1rem 2.5rem;
}

.ctm-navbar .nav-link {
    color: #535768;
    font-size: .875rem;
    font-weight: 300;
}

.ctm-navbar .nav-link:hover {
    color: var(--pri-color);
}

.ctm-navbar .dropdown-menu {
    padding: 10px;
    border-radius: 0 0 10px 10px;
}

.ctm-navbar .dropdown-menu.menu-spacer {
    padding: 15px 8px;
}

.ctm-navbar .dropdown-menu a {
    padding: 10px 19px;
    /*border-bottom: 1px solid #e9e9e9;*/
    border-radius: 4px;
    transition: 0.3s ease-in;
}

.nav-link.active {
    color: #eda10d !important;
}

.ctm-navbar.fixed-top {
    box-shadow: -1px 1px 6px #00000029;
}

.main-logo {
    max-width: 220px;
}

/*.main-title {
    font-size: calc(32px + (40 - 32) * (100vw - 320px) / (1920 - 320));
    font-weight: 700;
    line-height: 1;
    color: #2373C4;
}

.main-title-1 {
    font-size: calc(26px + (38 - 26) * (100vw - 320px) / (1920 - 320));
    font-weight: 700;
    line-height: 1;
    color: #2373C4;
}*/
.first-widget {
    position: relative;
}

/* custom xcss */

.inner-tab-herd .ctm-para {
    width: 60%;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 20px;
}

.services-banner {
    padding-top: 120px;
}

.contact_us_banner {
    padding-top: 150px;
    padding-bottom: 0;
}

@media (min-width: 1200px) {
    button.ma5menu__toggle {
        display: none;
    }
}

/*Mega Mneu*/

.mega-menu a {
    text-decoration: none;
    color: #000000;
}

@media only screen and (min-width: 992px) {
    .mega-menu {
        width: 64vw;
        transform: translateX(-17%);
        top: 58px;
        /*box-shadow: 0px 4px 8px #00000042;*/
        box-shadow: 0px 10px 8px #00000038;
        border-top: 0;
        max-width: 1200px;
        border: none;
    }

    .mega-menu-1 {
        width: 11vw !important;
    }
}

.content-menu.active {
    display: block;
}

.content-menu {
    display: none;
}

/* Tabs */

.mega-menu #tabs-nav a {
    padding: 10px 19px;
    /*    border-bottom: 1px solid #CCC;*/
    transition: 0.3s ease-in;
    display: flex;
    align-items: center;
    gap: 8px;
}

#tabs-nav li a:last-child {}

.ctm-navbar .mega-menu #tabs-nav li:last-child a {
    border-bottom: none;
}

.ctm-navbar .mega-menu a:hover,
.ctm-navbar .mega-menu li.active a {
    border-color: var(--pri-color);
    color: #fff;
}

.tabs {
    width: 100%;
}

ul#tabs-nav {
    list-style: none;
    margin: 0;
    padding: 5px;
    overflow: auto;
    width: 100%;
    border-right: 1px solid #000;
    padding-right: 22px;
}

ul#tabs-nav li {
    cursor: pointer;
    display: block;
    position: relative;
    transition: 0.3s ease-in;
    border-radius: 6px;
}

ul#tabs-nav li:hover,
ul#tabs-nav li.active {
    background-color: var(--pri-color);
}

ul#tabs-nav li:hover .triangle-right,
ul#tabs-nav li.active .triangle-right {
    border-left-color: #fff;
}

#tabs-nav li a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 10px 10px;
}

ul#tabs-nav li:hover a,
ul#tabs-nav li.active a {
    color: #fff;
}

.tab-content {
    padding: 10px;
    background-color: #FFF;
}

.mega-menu-title {
    font-size: 16px;
    border-bottom: 1px solid #555555;
    padding-bottom: 5px;
    margin-bottom: 13px;
}

.mm-list {
    list-style: none;
    padding-left: 0;
}

.mm-list li a {
    padding: 10px 10px !important;
    /*        border-bottom: 1px solid #e9e9e9;*/
    border: 1px solid #e9e9e9;
    transition: 0.3s ease-in;
    display: block;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.mm-list li a i {
    margin-top: 5px;
}

.mm-list li a:hover {
    background-color: var(--pri-color);
}

.mm-list-col-2 {
    column-count: 2;
    margin-bottom: 10px;
}

.triangle-left,
.triangle-right {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.triangle-right {
    position: absolute;
    right: 10px;
    top: 14px;
    border-left: 6px solid black;
}

.triangle-left,
.triangle-right,
.triangle-top,
.triangle-bottom {
    width: 0;
    height: 0;
    margin: 0px auto;
}

/*Mega Mneu End*/

/*Main Banner*/

.mb-tags {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 15px;
}

.mb-tags span,
.mb-tags a {
    border-radius: 5px;
    line-height: 1;
    color: black;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mb-tags span::before,
.mb-tags a::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100px;
    background-color: black;
    display: flex;
}

.main-banner {
    padding: 115px 0 45px;
}

.main-banner-content {
    max-width: 550px;
}

.mbanner-btns {
    display: flex;
    gap: 15px;
    margin-top: 37px;
}

/*Main Banner end*/
/*Logo slider*/
.logos-slider .logo-slide img {
    display: block;
    /* -webkit-filter: grayscale(100%) brightness(135%) contrast(120%);
    filter: grayscale(100%) brightness(135%) contrast(120%); */
    transition: filter 0.3s, box-shadow 0.3s;
    -webkit-transition: filter 0.3s, -webkit-filter 0.3s, box-shadow 0.3s;
}

/*Logo slider End*/

/*Custom tabs*/

.custom-tabs-holder .nav-pills {
    border-radius: 10px;
    overflow-x: auto;
    box-shadow: 0 0 20px #0000001a;
    padding: 10px 10px;
    gap: 8px;
    margin-bottom: 30px;
}

.tab-nav-holder {
    display: flex;
    justify-content: center;
    padding: 0;
}

.tab-nav-holder .nav-link {
    border-radius: 10px;
    color: rgb(0, 0, 0);
    font-size: 1rem;
    padding: 12px 35px;
    min-width: 4rem;
    background: #0000000a;
}

.tab-nav-holder .nav-link:hover {
    background-color: #b10c1e36;
}

.tab-nav-holder .nav-link.active {
    background-color: #b10c1e36;
    color: #000 !important;
}

.tabcont-img-holder {
    background-color: #f3f4f5;
    box-shadow: none;
    border-radius: .5rem;
    padding: 1.5rem;
    overflow: hidden;
}

.innr-tab-text {
    max-width: 300px;
}

.pri-text-clr {
    color: var(--pri-text-clr);
}

/*Custom tabs End*/

/*Tabs Carousal area*/

:root {
    --bg-page: #f3f4f8;
    --card-active: #ffffff;
    --pill-bg: #f8f9fc;
    --pill-border: #d8dce8;
    --pill-border-hover: #b0b8d0;
    --text-main: #111528;
    --text-sub: #676b79;
    --accent-color: #b10c1e;
    --accent-gradient: linear-gradient(135deg, #b10c1e 0%, #760a16 100%);
    --auto-delay: 5000ms;
}

/* Main Grid Layout */
.interactive-container {
    display: grid;
    grid-template-columns: 356px 1fr;
    gap: 36px;
    align-items: start;
    background-color: #f3f4f5;
    padding: 50px;
    border-radius: 20px;
}

/* ============================================================
       LEFT TABS (MATCHING SCREENSHOT)
       ============================================================ */
.tabs-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* Keeps tab width fitting content */
    gap: 12px;
    width: 100%;
}

/* Inactive Tab Pill Style */
.tab-item {
    width: fit-content;
    max-width: 100%;
    background-color: var(--pill-bg);
    border: 1px solid var(--pill-border);
    border-radius: 10px;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.tab-item:hover {
    border-color: var(--pill-border-hover);
    background-color: #ffffff;
}

/* Expanded Active Tab Card Style */
.tab-item.active {
    width: 100%;
    /* Expands full width */
    background-color: var(--card-active);
    border-color: transparent;
    border-radius: 24px;
    /* Large rounded card box as in screenshot */
    padding: 24px 28px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.03);
}

.tab-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Plus Icon (Shown in inactive state) */
.plus-icon {
    width: 22px;
    height: 22px;
    stroke: #525866;
    flex-shrink: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.tab-item.active .plus-icon {
    display: none;
    /* Hidden when active, matching screenshot */
}

.tab-title {
    font-size: 1.05rem;
    font-weight: 500;
    color: var(--text-main);
    white-space: nowrap;
}

.tab-item.active .tab-title {
    font-size: 1.35rem;
    /*    font-weight: 700;*/
    letter-spacing: -0.01em;
    white-space: normal;
}

/* Expandable Description Text */
.tab-body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, opacity 0.3s ease, margin-top 0.3s ease;
}

.tab-item.active .tab-body {
    max-height: 120px;
    opacity: 1;
    margin-top: 12px;
}

.tab-description {
    font-size: 1rem;
    color: var(--text-sub);
    line-height: 1.5;
}

/* Progress timer bar on active card */
.tab-progress-line {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 0%;
    background: var(--accent-gradient);
}

.tab-item.active .tab-progress-line {
    animation: fillProgress var(--auto-delay) linear forwards;
}

.tab-item.active.paused .tab-progress-line {
    animation-play-state: paused;
}

@keyframes fillProgress {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

/* ============================================================
       RIGHT CONTENT SLIDER DISPLAY
       ============================================================ */
.content-display-area {
    border-radius: 24px;
    padding: 0px;
    /*    min-height: 560px;*/
    position: relative;
    overflow: hidden;
}

.tab-panel {
    display: none;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.35s ease, transform 0.35s ease;
    height: 100%;
}

.tab-panel.active {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 1;
    transform: translateY(0);
}

.panel-info {
    margin-bottom: 28px;
}

.panel-category {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--accent-color);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.panel-headline {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-main);
}

/* Cards Slider inside Content Area */
.cards-slider {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 18px;
}

.agent-card {
    background: #fff;
    border: 1px solid #e1e5f0;
    border-radius: 16px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.agent-card:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: 0 8px 20px rgba(97, 97, 255, 0.1);
}

.card-badge {
    align-self: flex-start;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-main);
}

.card-desc {
    font-size: 0.9rem;
    /*    color: var(--text-sub);*/
    line-height: 1.45;
}

.tb-img-h img {
    border-radius: 18px;
}

/* Responsive */
@media (max-width: 900px) {
    .interactive-container {
        grid-template-columns: 1fr;
    }

    .tab-item {
        width: 100%;
    }
}

/*Tabs Carousal area End*/

/*Slider Style*/
/*.custom-swiper {
    overflow: visible;
    padding: 60px 0;
}

    .custom-swiper .swiper {
        overflow: visible;
    }

    .custom-swiper .swiper-slide {
        transition: all .5s ease;
        transform: scale(.8);
        opacity: .45;
    }

    .custom-swiper .swiper-slide-active {
        transform: translateY(-30px) scale(1);
        opacity: 1;
        z-index: 20;
    }

    .custom-swiper .swiper-slide-prev,
    .custom-swiper .swiper-slide-next {
        transform: scale(.9);
        opacity: .75;
    }*/

.custom-swiper {
    position: relative;
    /*    overflow: hidden;
    padding: 30px 0 50px;*/
}

.custom-swiper .swiper {
    overflow: visible;
}

.custom-swiper .swiper-slide {
    transition: all .5s ease;
    opacity: .35;
    transform: scale(.85);
}

.custom-swiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
    z-index: 10;
}

.custom-swiper .swiper-slide-prev,
.custom-swiper .swiper-slide-next {
    opacity: .65;
    transform: scale(.92);
}

/*Slider Style End*/

.tbs-icons-holder {
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.tbs-icons-holder span {
    background-color: var(--pri-color);
    padding: 6px 20px;
    line-height: 1;
    border-radius: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
}

.tbs-icons-holder span i {
    color: #fff;
}

.swiper-pagination {
    margin-top: 30px;
    position: relative;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: .5;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    transform: scale(1.3);
}

.custom-swiper .swiper-button-prev {
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0px 54px;
    background: linear-gradient(to right, #f3f4f5 0%, rgba(243, 244, 245, 0) 100%);
    pointer-events: none;
}

.custom-swiper .swiper-button-next {
    height: 100%;
    top: 0;
    bottom: 0;
    pointer-events: none;
    right: 0;
    padding: 0px 54px;
    background: linear-gradient(to left, #f3f4f5 0%, rgba(243, 244, 245, 0) 100%);
}

.custom-swiper .swiper-button-prev:after {
    content: normal;
    background-color: #121f37;
    height: 35px;
    border-radius: 50%;
    font-size: 17px;
    color: #fff;
    opacity: 1;
    flex: 1 0 35px;
    max-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
}

.custom-swiper .swiper-button-next:after {
    background-color: #121f37;
    height: 35px;
    flex: 1 0 35px;
    max-width: 35px;
    display: flex;
    color: #fff;
    border-radius: 50%;
    font-size: 17px;
    align-items: center;
    justify-content: center;
    content: normal;
}

.has_info_mail {
    font-size: 12px !important;
}

/*Section scroll trigger*/

/* ==========================================
   THANK YOU SECTION
========================================== */

.thanks--banner {
    padding: 120px 0 100px;
    background: #f7f5ff;
}

.thanks--banner .container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}


/* ==========================================
   TOP TITLE
========================================== */

.thanks--banner__title {
    position: relative;
    overflow: hidden;
    min-height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/assets/images/thanks/thanks-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    padding: 25px 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(30, 15, 70, 0.22);
}

/* .thanks--banner__title::before {
    content: "";
    position: absolute;

    width: 75%;
    height: 180px;

    left: 12%;
    top: -30px;

    opacity: .16;

    background:
        repeating-radial-gradient(ellipse at center,
            transparent 0,
            transparent 12px,
            rgba(255, 255, 255, .25) 13px,
            transparent 15px);

    transform: rotate(-5deg);
} */

.thanks--banner__title h1 {
    position: relative;
    z-index: 2;

    margin: 0;

    color: black;

    font-size: 40px;
    line-height: 1.2;
    font-weight: 500;

    text-align: center;
}


/* ==========================================
   MAIN ROW
========================================== */

.thanks--banner__row {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
}


/* ==========================================
   LEFT CONTENT
========================================== */

.thanks--banner__main {
    padding: 28px 30px 30px;

    background: #fff;

    border-radius: 8px;

    box-shadow: 0 3px 12px rgba(25, 20, 60, 0.08);
}

.thanks--banner__main p {
    margin: 0 0 22px;

    color: #52627a;

    font-size: 20px;
    line-height: 1.65;
}

.thanks--banner__main p:last-of-type {
    margin-bottom: 25px;
}

.thanks--banner__main strong {
    color: #17294d;
    font-weight: 700;
}


/* ==========================================
   APPLICATION BUTTON
========================================== */

.thanks--banner__btn {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    width: 320px;
    min-height: 60px;

    margin: 5px auto 0;
    padding: 10px 20px;

    overflow: hidden;

    border-radius: 35px;

    background: #0d0827;

    color: #fff;

    border: 1px solid #29b4ff;

    text-decoration: none;

    font-size: 16px;
    font-weight: 600;
    cursor: pointer;

    box-shadow:
        0 8px 20px rgba(35, 174, 255, .18),
        10px 10px 25px rgba(255, 63, 220, .15),
        20px 12px 30px rgba(141, 255, 59, .10);

    transition: all .3s ease;
}

.thanks--banner__btn:hover {
    color: #fff;
    transform: translateY(-2px);

    box-shadow:
        0 12px 25px rgba(35, 174, 255, .25),
        10px 10px 30px rgba(255, 63, 220, .20);
}

.thanks--banner__btn-arrow {
    display: flex;
    align-items: center;
}

.thanks--banner__btn-arrow img {
    width: 9px;
    height: auto;
}


/* ==========================================
   WHAT'S NEXT
========================================== */

.thanks--banner__next {
    padding: 20px 20px 22px;

    border: 1px solid #d3d0dc;
    border-radius: 6px;

    background: rgba(255, 255, 255, .15);
}

.thanks--banner__next h2 {
    margin: 0 0 17px;

    color: #1b3158;

    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
}


/* Individual Item */

.thanks--banner__item {
    display: grid;
    grid-template-columns: 12px 1fr;

    gap: 13px;

    margin-bottom: 19px;
}

.thanks--banner__item:last-child {
    margin-bottom: 0;
}

.thanks--banner__item p {
    margin: 0;

    color: #263c60;

    font-size: 17px;
    line-height: 1.7;
}

.thanks--banner__item strong {
    color: #1c3153;
    font-weight: 700;
}


/* Green Dot */

.thanks--banner__dot {
    width: 12px;
    height: 12px;

    margin-top: 7px;

    border-radius: 50%;

    background: #b10c1e;
}


/* ==========================================
   ASSISTANCE
========================================== */

.thanks--banner__assistance {
    padding-top: 18px;

    color: #21375c;
}

.thanks--banner__assistance>p {
    margin: 0 0 8px;

    font-size: 19px;
    line-height: 1.5;
}

.thanks--banner__contact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    font-size: 19px;
}

.thanks--banner__contact a {
    color: #172f55;
    text-decoration: none;
}


/* ==========================================
   CHAT BUTTON
========================================== */

.thanks--banner__chat {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    min-height: 48px;

    padding: 8px 18px;

    border: 1px solid #d2d5dd;
    border-radius: 8px;

    background: #fff;

    color: #172f55 !important;

    font-size: 17px;
    font-weight: 700;

    transition: all .25s ease;
}

.thanks--banner__chat:hover {
    box-shadow: 0 4px 12px rgba(20, 30, 60, .08);
}


/* Green Online Dot */

.thanks--banner__chat-dot {
    width: 13px;
    height: 13px;

    border-radius: 50%;

    background: #20c96b;

    box-shadow:
        0 0 0 4px rgba(32, 201, 107, .12);
}

.privacy--banner {
    padding: 170px 0 100px;
    background: #b10c1e1c;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .thanks--banner__title {
        min-height: 105px;
    }

    .thanks--banner__title h1 {
        font-size: 32px;
    }

    .thanks--banner__row {
        grid-template-columns: 1fr;
    }

    .thanks--banner__next {
        padding: 25px 30px;
    }

}


@media (max-width: 767px) {
    .lp_bg_gif {
        display: none;
    }

    .ctm_lp_bner {
        background: #F3F4F5 !important;
    }

    .thanks--banner {
        padding-top: 100px;
    }

    .thanks--banner .container {
        padding: 0 15px;
    }

    .thanks--banner__title {
        min-height: 90px;
        padding: 20px 15px;
    }

    .thanks--banner__title h1 {
        font-size: 27px;
    }

    .thanks--banner__main {
        padding: 24px 20px;
    }

    .thanks--banner__main p {
        font-size: 17px;
        line-height: 1.65;
    }

    .thanks--banner__btn {
        width: 100%;
        max-width: 320px;
    }

    .thanks--banner__next {
        padding: 22px 20px;
    }

    .thanks--banner__item p {
        font-size: 16px;
    }

    .thanks--banner__assistance>p {
        font-size: 17px;
    }

}


@media (max-width: 480px) {

    .thanks--banner__title h1 {
        font-size: 23px;
    }

    .thanks--banner__contact {
        align-items: flex-start;
        flex-direction: column;
    }

    .thanks--banner__or {
        display: none;
    }

    .thanks--banner__chat {
        width: 100%;
        justify-content: center;
    }

}

/*Full Controll Section*/

/* section.control-sec {
    padding: 100px 0;
} */

/*.ctm-heading h3 {
    font-size: 6rem;
    margin-bottom: 0;
    line-height: 1.1;
    color: #000000;
}
*/
.ctm-heading {
    margin-bottom: 80px;
}

.icon-holder {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border: 1px solid #d4cfcf;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 17px;
}

.icon-holder img {
    margin-bottom: 0 !important;
}

.control-card {
    border: 1px solid #d4cfcf;
    border-radius: 20px;
    padding: 20px;
    min-height: 100%;
    transition: 0.3s ease-in;
    display: flex;
    gap: 16px;
}

.control-card:hover {
    box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.13);
}

.control-card h6 {
    font-size: 1rem;
    margin-bottom: 12px;
    font-weight: 600;
    color: black;
}

.control-card img {
    margin-bottom: 12px;
}

.control-card p {
    color: black;
    font-weight: 400;
    width: 80%;
    margin: 0;
}

.hp-agents_h2 {
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 9rem;
    font-weight: 500;
    line-height: 1.1;
}

.hp-agents_h2.is-limitless {
    max-width: 7ch;
    line-height: 1;
}

.sec-gsap-scr {
    position: relative;
    /*    z-index: 1;*/
    /*        padding-bottom: 50px;*/
    /*    background-color:#fff;*/
    /*    position: relative;*/
    background: #fff;
    will-change: transform;
}

.st-holder-bg {
    background-color: #f3f4f5;
    border-radius: 1.5rem;
    padding: 3rem;
}

.white-spacer {
    background-color: #fff;
}

.sec-gsap-scr {
    scroll-margin-top: 100px;
}

.sec-gsap-scr {
    position: sticky;
    top: 120px;
    background-color: #ffffff;
    transition: none !important;
    padding-bottom: 50px;
}

/* 2. The LAST section scrolls normally over the rest */
.sec-gsap-scr:last-of-type {
    position: relative;
    top: auto;
    padding-bottom: 0;
}

.list-tm-serv span {
    font-weight: 600;
}

.list-tm-serv li {
    margin-bottom: 3px;
}

.list-tm-serv li:last-child {
    margin-bottom: 0px;
}

/*CTA */
.cta-section-content {
    text-align: center;
}

.cta-section-content p {
    font-size: 1.2rem;
    line-height: 1.5;
}

.hp-agents_cta {
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 6rem;
    font-weight: 500;
    line-height: 1.1;
}

.cta-section-content {
    max-width: 900px;
    margin: 0 auto;
}

.cta-btn-holder {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 40px;
}

/*CTA*/

/*why work with us*/

.m_font-weight-light {
    font-weight: 300;
}

.text-max-width-18 {
    max-width: 18rem;
}

.m_font-weight-light {
    font-weight: 300;
}

.int-heading {
    max-width: 12ch;
    font-size: 3.5rem;
    font-weight: 200;
    line-height: 1.2;
}

.why-work-cont {
    box-shadow: 0 6px 18px #0000001a;
    padding: 15px;
    border-radius: 1.5rem;
    padding-left: 50px;
}

.ctm-link-btn {
    text-decoration: none;
    justify-content: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #000;
    position: relative;
    border-bottom: 1px solid #00000040;
}

.ctm-link-btn:hover .m_link-underline {
    width: 100%;
}

.ctm-link-btn i {
    transition: 0.3s ease;
}

.ctm-link-btn:hover i {
    margin-left: 4px;
}

.m_link-underline {
    z-index: 1;
    background-color: #000;
    width: 0%;
    height: 1px;
    transition: width .3s;
    position: absolute;
    inset: auto auto -1px 0%;
}

.box-blue-bg {
    padding: 60px 20px;
    background-color: #F3F5F9;
    border-radius: 20px;
}

/*why work with us End*/

/*IPC Sec*/

.ipc-work-cont {
    box-shadow: 0 6px 18px #0000001a;
    padding: 15px;
    border-radius: 1.5rem;
}

.ipc-img-holder img {
    border-radius: 20px;
}

/*IPC Sec End*/

/*Our customers sec*/

.our-customer-sec {
    background-color: #f3f4f5;
    overflow: hidden;
}

.oc-sec-head {
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 30px;
}

/*Count box*/
.count-box-holder {
    background-color: #ebd7da;
    padding: 20px;
    display: flex;
    border-radius: 22px;
}

.count-box-cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 50%;
    max-width: 100%;
}

.count-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    object-position: center center;
    min-height: 445px;
}

.count-box-cont .quote-icon-holder i {
    color: var(--pri-color);
}

.cb-vals h4 {
    font-size: 73px;
}

.cb-tag span {
    background-color: #fff;
    padding: 8px 18px;
}

/*Count box End*/

/*TM Box*/

.tm-box-holder {
    background-color: #fff0c8;
    padding: 20px;
    display: flex;
    border-radius: 22px;
}

.tm-box-cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 40%;
    max-width: 40%;
}

.tm-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    object-position: center center;
    min-height: 445px;
}

.count-box-img,
.tm-slider .tm-box-img {
    display: none !important;
}

.tm-box-cont {
    flex: 1 0 50%;
    max-width: 100%;
}

.tm-bg-slide-1 {
    background-color: #000;
}

.quote-icon-holder i {
    color: #f9b0b8;
    font-size: 100px;
}

.hp-agents_splide-par {
    letter-spacing: -.02em;
    max-width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
}

.tm-content {
    color: #fff;
}

.tm-content-2 {
    color: #000;
}

.tm-content-2 .hp-agents_splide-par span {
    color: var(--pri-color);
}

.tm-content p span {
    color: #f9b0b8;
}

.tm-author-name {
    font-size: 1rem;
    line-height: 1.3;
    display: block;
}

.tm-slider-brns-holder {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/*.tm-slider-brns-holder a {
    font-size: 43px;
    font-weight: 300;
    color: #000;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid;
    overflow: hidden;
    border-radius: 50%;
}*/

.tm-slider-brns-holder a {
    font-size: 39px;
    font-weight: 300;
    color: #000;
    background: 0;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-top: 20px;
    transition: 0.2s ease-in;
}

.tm-slider-brns-holder a:hover {
    color: #fff;
    background-color: #000;
}

.tm-slider-brns-holder .swiper-button-disabled {
    color: #00000040;
}

.tm-slider-brns-holder .swiper-button-disabled:hover {
    color: #00000040;
    background-color: #00000010;
}

.splide__arrow:hover {
    box-shadow: 0 2px 8px #0003;
}

/*TM Box End*/
/*Our customers sec End*/

/*Faqs*/

.faq-accordion .accordion-item {
    border: 0;
    margin-bottom: 18px;
    background: #f3f4f5;
    border-radius: 18px !important;
    overflow: hidden;
}

.faq-accordion .accordion-item:last-child {
    margin-bottom: 0px;
}

.faq-accordion .accordion-button {
    background: #f3f4f5;
    box-shadow: none;
    border: 0;
    padding: 28px 70px 28px 28px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    position: relative;
}

.faq-accordion .accordion-button:not(.collapsed) {
    background: #f3f4f5;
    color: #111;
    box-shadow: none;
}

.faq-accordion .accordion-button:focus {
    box-shadow: none;
}

.faq-accordion .accordion-button::after {
    display: none;
}

/* Plus */
.faq-accordion .accordion-button.collapsed::before {
    content: "+";
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 42px;
    font-weight: 300;
    line-height: 1;
}

/* Minus */
.faq-accordion .accordion-button:not(.collapsed)::before {
    content: "−";
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 42px;
    font-weight: 300;
    line-height: 1;
}

.faq-accordion .accordion-body {
    background: #f3f4f5;
    padding: 0 28px 28px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    max-width: 95%;
}

@media (max-width: 768px) {
    .faq-accordion .accordion-button {
        font-size: 16px;
        padding: 20px 60px 20px 20px;
    }

    .faq-accordion .accordion-body {
        padding: 0 20px 20px;
    }

    .faq-accordion .accordion-button::before {
        right: 20px;
        font-size: 32px;
    }
}

/*Faqs End*/

/*Pricing packages*/

.tm-pricing__card {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: scale(1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tm-pricing__card:hover {
    box-shadow: 0px -1px 14px rgb(0 0 0 / 31%);
    transform: scale(1.05);
}

/*    .tm-pricing__card:hover {
        border: 2px solid var(--pri-color);
    }*/

/* Typography */
.tm-pricing__price {
    font-size: 40px;
    font-weight: 700;
    color: #000;
}

.tm-pricing__subtext {
    font-size: 14px;
    color: #4B4B4B;
}

.tm-pricing__plan {
    font-weight: 600;
    margin: 8px 0;
    font-size: 24px;
    color: #1B1A1A;
    line-height: 1;
}

.tm-pricing__desc {
    font-size: 14px;
    color: #4B4B4B;
    margin-bottom: 0px;
    min-height: 84px;
}

/* Divider */
.tm-pricing__divider {
    height: 10px;
    background-color: #D9D9D9;
    margin: 6px 0 15px;
}

/* Features */
.tm-pricing__features {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 225px;
    overflow-y: scroll;
}

/*
 *  STYLE 4
 */

.features-scrollbar::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.features-scrollbar::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}

.features-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--pri-color);
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}

.tm-pricing__feature {
    padding: 10px 0;
    border-bottom: 1px solid #E3E3E3;
    font-size: 14px;
    color: #1B1A1A;
    line-height: 1.8;
    transition: 0.3s ease;
    background-color: #fff;
    border-radius: 0px;
}

.tm-pricing__feature:hover {
    background-color: var(--pri-color);
    color: #fff;
    padding-left: 10px;
    border-radius: 5px;
}

.tm-pricing__feature:last-child {
    border-bottom: none;
}

/* Button */
.tm-pricing__btn {
    margin-top: 20px;
    background-color: #ffffff;
    color: #000000;
    padding: 12px;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
    border: 1px solid var(--pri-color);
}

.tm-pricing__btn:hover {
    background: var(--pri-color-dark);
    color: #fff;
}

/* Arrow */
.tm-pricing__arrow {
    background: var(--pri-color);
    color: #fff;
    border-radius: 6px;
    padding: 5px 10px;
    font-weight: bold;
    transition: 0.2s;
    font-size: 16px;
}

.tm-pricing__btn:hover .tm-pricing__arrow {
    background: #fff;
    color: var(--pri-color-dark);
}

.yellow-strip {
    background-color: var(--pri-color);
    padding: 2px 0px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 0px 0px 20px 20px;
    position: absolute;
    width: 90%;
    top: -2px;
    text-align: center;
    right: 17px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
}

.tm-pricing__card {
    position: relative;
}

.gray-strip {
    background-color: #d4cfcf;
    padding: 2px 0px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 0px 0px 20px 20px;
    position: absolute;
    width: 90%;
    top: -2px;
    text-align: center;
    right: 17px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.tm-pricing__card.active {
    border: 2px solid var(--pri-color);
}

.tab-content .inner-tab-herd,
.row.myprocessslide {
    padding-top: 40px;
}

/* .why-work-cont li strong {
    color: var(--pri-color);
} */

.why-work-cont li::marker {
    color: var(--pri-color);
}

.filing-tabs-cont-box {
    background: #FFFFFF;
    border: 1px solid #D4CFCF;
    border-radius: 10px;
    padding: 20px 30px;
    text-align: center;
    min-height: 100%;
    transition: 0.3s ease-in-out;
}

.filing-box-content h3 {
    color: #000;
    font-size: 22px;
    font-weight: 600;
}

.filing-box-content p {
    font-size: 0.9rem;
}

.filing-tabs-cont-box:hover {
    box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.13);
}

.tab-content .filing-box-img {
    border: none;
}

.filing-box-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 94px;
    height: 94px;
    margin: 0 auto;
    border: 1px solid #818181;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.inner-tab-herd {
    text-align: center;
}

/*Pricing packages End*/

.ctm-title-holder h2 {
    margin-bottom: 18px;
}

/* .ctm-title-holder p {
    font-size: 1.7rem;
} */

/*.inner-tab-herd {
    margin-bottom:50px;
}*/

.inner-tab-herd h2 {
    font-size: 3.5rem;
    font-weight: 400;
}

.inner-tab-herd p {
    font-size: 22px;
}

.inner-tab-herd span {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 24px;
    display: inline-block;
    margin-bottom: 12px;
    border: 1px solid #000;
}

/*Footer*/
.foo-info .footer-title {
    margin-bottom: 0;
}

.foo-info p,
.foo-info a {
    color: #676879;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
    display: block;
}

.monday-footer {
    background: #ffffff;
    padding: 80px 0 0px;
    overflow: hidden;
}

.footer-logo img {
    max-width: 125px;
    display: block;
    margin-bottom: 1rem;
}

.footer-title {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.footer-links {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer-links li:last-child {
    margin-bottom: 0;
}

.footer-links li a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #676879;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    transition: .25s ease;
}

.footer-links li a:hover {
    color: var(--pri-color);
}

.footer-icons li a {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-icons img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex-shrink: 0;
}

ul.footer-icons li a svg {
    width: 20px;
}

.footer-links+.footer-title {
    margin-top: 24px;
}

.footer-banner {
    margin-top: -2rem;
}

.footer-banner img {
    width: 100%;
    max-width: 650px;
    border-radius: 16px;
    display: block;
}

.footer-links li a {
    position: relative;
}

/* .footer-links li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    background: #6c6dfe;
    transition: width .3s ease;
}

.footer-links li a:hover::after {
    width: 100%;
} */

.footer-icons li a img {
    transition: transform .3s ease;
}

.footer-icons li a:hover img {
    transform: scale(1.08);
}

.footer-banner img {
    transition: transform .35s ease, box-shadow .35s ease;
}

.footer-banner img:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}

/*=========================
 Footer Bottom
=========================*/

.footer-bottom {
    border-top: 1px solid #e8e8e8;
    padding: 12px 0;
    margin-top: 35px;
}

.footer-bottom-left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 8px 0;
}

.footer-language a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #323338;
    text-decoration: none;
    font-size: 17px;
}

.footer-language i {
    font-size: 22px;
}

.footer-social {
    display: flex;
    gap: 18px;
}

.footer-social a {
    color: #676879;
    font-size: 30px;
    transition: .3s;
}

.footer-social a:hover {
    color: #0073ea;
}

.footer-certificates {
    display: flex;
    gap: 12px;
    margin-bottom: 22px;
}

.footer-certificates img {
    height: 42px;
}

.footer-policy {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 10px;
}

.footer-policy a {
    color: #676879;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
}

.footer-policy a:hover {
    color: #6c6dfe;
}

.footer-copy {
    margin: 0;
    color: #676879;
    font-size: 13px;
}

.footer-apps {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    margin-bottom: 25px;
}

.footer-apps img {
    height: 46px;
}

.footer-accessibility {
    text-align: right;
}

.footer-accessibility a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    margin-right: 6rem;
}

.footer-accessibility i {
    font-size: 22px;
}

.footer-accessibility a:hover {
    color: #0073ea;
}

/*.ctm-footer {
    display: flex;
    align-items: center;
    gap: 2rem;
}*/

/*Footer End*/

@media (min-width: 1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px;
    }
}

/*Services page*/

.service-banner-title {
    font-size: 2.75rem;
    line-height: 60px;
    font-weight: 700;
}

.serv-sec-1 {
    position: relative;
}

.serv-sec-1:after {
    width: 100%;
    height: 74px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(rgb(245, 246, 248) 0%, rgba(245, 246, 248, 0) 67.54%);
}

.inner-testimonial-sec {
    background: rgb(245, 246, 248);
    display: none !important;
}

.inner-tm-cont {
    text-align: center;
    font-size: 1.75rem;
    line-height: 40px;
    font-weight: 400;
    max-width: 1100px;
    margin: 0 auto;
}

.inner-tm-cont img {
    margin-bottom: 15px;
}

.tm-author {
    font-size: 1.375rem;
    line-height: 32px;
    font-weight: 400;
}

.icon-boxes-sec {
    position: relative;
}

.icon-boxes-sec:after {
    width: 100%;
    height: 74px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(rgb(245, 246, 248) 0%, rgba(245, 246, 248, 0) 67.54%);
}

.inner-serv-title {
    font-size: 2.25rem;
    line-height: 48px;
    font-weight: 400;
}

.icon-box-serv p {
    font-size: 1.125rem;
    line-height: 32px;
}

.icon-box-serv img {
    width: 60px;
    margin-bottom: 30px;
}

.inner-page-cta {
    color: rgb(255, 255, 255);
    background: url(../images/cta/cta-sec-bg.jpg) center center /cover no-repeat;
}

.inner-cta-cont {
    text-align: center;
}

.icon-box-serv {
    margin-bottom: 40px;
}

.icon-box-serv h4 {
    font-size: 1.3rem;
    font-weight: 500;
}

.icon-box-serv {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 40px;
    min-height: calc(100% - 20px);
}

/*Service end*/
/* custom contact css */

.custom_contact_form {
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);
    max-width: 554px;
    margin-left: auto;
    z-index: 3;
    position: relative;
}

.contact_us_banner .custom_contact_head {
    max-width: 490px;
}

.contact_gif {
    max-height: 430px;
}

.contact_gif img {
    height: 100%;
    object-fit: cover;
    max-height: 430px;
    width: 100%;
}

.contact--map iframe {
    width: 100%;
}

.contact--map {
    margin-top: -300px;
    /* z-index: -1; */
    position: relative;
}

.contact-info-cards {
    padding: 142px 0 100px;
}

.contact_info_wrap {
    display: flex;
    gap: 60px;
}

.contact_info_card {
    border-radius: 10px;
    border: 1px solid var(--pri-color);
    background: #FFFAFB;
    padding: 30px 32px;
    position: relative;
    width: 33%;
}

.cnt_ico {
    width: 98px;
    position: absolute;
    top: -49px;
    right: 20px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.cnt_info_item p {
    margin-bottom: 0;
    color: black;
}

.cnt_info_item a {
    text-decoration: none;
    color: black;
}

/*testimonial Sliider */

.testimonial-card {
    padding: 20px;
}

.quote-icon {
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    color: var(--pri-color);
    margin-bottom: 30px;
}

.testimonial-text {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400;
    color: #222;
    max-width: 700px;
    margin-bottom: 40px;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 25px;
}

.author-images {
    display: flex;
}

.author-images img {
    /* width: 56px;
    height: 56px;
    border-radius: 50%; */
    object-fit: cover;
    border: 3px solid #fff;
    margin-left: -12px;
}

.author-images img:first-child {
    margin-left: 0;
}

.author-info h4 {
    margin: 0;
    font-size: 21px;
    font-weight: 500;
    color: #222;
}

.author-info span {
    display: block;
    margin-top: 5px;
    font-size: 22px;
    color: #333;
}

.swiper-pagination {
    position: relative;
    margin-top: 50px;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 50px;
}

@media(max-width:768px) {

    .testimonial-text {
        font-size: 32px;
    }

    .author-info h4 {
        font-size: 18px;
    }

    .author-info span {
        font-size: 16px;
    }
}

/*testimonial Sliider End*/

/*Contact Form*/

.text-inp {
    border: 1px solid #ccc;
    padding: 14px 25px;
    margin-bottom: 20px;
}

.ctm-input-holder input {
    border: 1px solid #ccc;
    padding: 14px 25px;
}

.ctm-input-holder .iti-group {
    margin-bottom: 20px;
}

.submitbtn input {
    background-color: var(--pri-color);
    min-height: 2.5rem;
    color: #fff;
    border: 1px solid var(--pri-color);
    border-radius: 12px;
    font-size: 1rem;
    text-decoration: none;
    padding: 0 2rem;
    padding: 12px 40px;
    transition: 0.3s ease;
}

.submitbtn input:hover {
    background-color: var(--pri-color-dark);
}

.contact-formBox {
    margin-top: 23px;
}

.contact-formBox {
    padding: 32px;
    border: 1px solid #DCDFEC;
    box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
}

.contact-formBox h1 {
    font-weight: 400;
}

/*Contact Form End*/

/*Popup */

.close-btn-ctm {
    right: -24px;
    top: -31px;
    position: absolute;
    background-color: var(--pri-color);
    border-radius: 50px;
    padding: 10px;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.popup_badge {
    display: flex;
    padding: 4px 10px;
    align-items: flex-start;
    border-radius: 100px;
    border: 1px solid rgba(177, 12, 30, 0.20);
    background: rgba(177, 12, 30, 0.04);
    color: var(--pri-color);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: capitalize;
    width: max-content;
    margin-bottom: 17px;
}

.form-title {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 17px;
    display: block;
    text-align: center;
}

.ctm_modal {
    padding: 58px 32px 63px 36px;
    position: relative;
    z-index: 2;
}

.lp_form_head h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 19px;
}

.lp_form_head h2 span {
    color: var(--pri-color);
    text-shadow: 1px 1px #000000;
}

.header_cell {
    color: black;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.header_cell::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: black;
    transition: all ease .3s;
}

.header_cell:hover::after {
    width: 100%;
}

.ctm_modal::after {
    content: "";
    position: absolute;
    width: 44%;
    height: 90%;
    border-radius: 751px;
    opacity: 0.07;
    background: var(--pri-color);
    filter: blur(50px);
    right: 0;
    bottom: 0;
    z-index: -1;
}

.m_lpform_conainer .form-group .form-control {
    padding: 14px 16px;
}

.m_lpform_conainer .form-group .form-control:focus {
    border-color: #a7a7a7;
    box-shadow: 0 0 0 3px #b10c1e54;
}

.ctm_modal .m_lpform_conainer .form-group textarea.form-control {
    resize: none;
}

.popup_form_head {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 30px;
}

.ctm_modal .close-btn-ctm {
    right: 15px;
    top: 15px;
}

.popup_head_para p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.popup_form_head_ico {
    width: 54px;
}

.popup_form_head_ico img {
    width: 100%;
}

.popup_head_para {
    width: 80%;
}

.ctm_modal .m_lpform_conainer .form-group .lp_submit_btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Popup  End*/

/*About Us*/

.innerpage-banner p {
    font-size: 1.125rem;
    font-weight: 300;
}

/*About Us End*/

.mbanner_rev {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 0;
}

.mbanner_rev_img {
    width: 150px;
}

.mbanner_rev_text p {
    margin: 0;
    font-weight: 500;
}

.list-tm-serv {
    list-style: none;
    padding: 0;
}

.list-tm-serv li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 15px;
}

.list-tm-serv li::before {
    content: "➜";
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.tnc-menu {
    display: flex;
    gap: 8px;
    list-style: none;
    color: #000;
    justify-content: flex-end;
}

.tnc-menu a {
    text-decoration: none;
    color: #676879;
    font-size: 15px;
}

.sticky-img-holder img {
    border-radius: 13px;
}

.serv-bnr-img img {
    border-radius: 20px;
}

/*FAQS Sticky*/

.faqs-sec {
    position: relative;
}

.faqs-sec p,
.faqs-sec .heading-style-h2 {
    position: sticky;
    top: 80px;
}

.faqs-sec p {
    top: 144px;
}

.accordion-item {
    position: sticky;
    top: 200px;
    background: #fff;
    transform-origin: center top;
}

.accordion-item h3 {
    margin-bottom: 15px;
}

.accordion-item:nth-child(1) {
    z-index: 1;
}

.accordion-item:nth-child(2) {
    z-index: 2;
}

.accordion-item:nth-child(3) {
    z-index: 3;
}

.accordion-item:nth-child(4) {
    z-index: 4;
}

.accordion-item:nth-child(5) {
    z-index: 5;
}

.accordion-item:nth-child(6) {
    z-index: 6;
}

.accordion-item:nth-child(7) {
    z-index: 7;
}

.accordion-item:nth-child(8) {
    z-index: 8;
}

.accordion-item:nth-child(9) {
    z-index: 9;
}

.accordion-item:nth-child(10) {
    z-index: 10;
}

/*FAQS Sticky End*/

/*Other CSS*/

.consultation-benefits {
    list-style: none;
    padding: 0;
    margin: 0;
}

.consultation-benefits li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
}

.consultation-benefits li::before {
    content: "→";
    position: absolute;
    left: 0;
    top: -4px;
    color: var(--pri-color);
    font-size: 20px;
    font-weight: 700;
    transition: transform .3s ease;
}

.consultation-benefits li:hover::before {
    transform: translateX(4px);
}

.about_bnr {
    padding-top: 120px;
}

.about-new-banner {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.about-new-banner::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #000000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.49) 30%, rgba(255, 255, 255, 0.01) 100%);
    content: "";
}

.about-cont {
    z-index: 1;
    position: relative;
}

.about-new-banner h2 {
    font-size: 6.7rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.5px;
    margin-bottom: 0;
    color: #fff;
}

.abt-heading-holder {
    max-width: 676px;
}

.abt-heading-holder h1 {
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.5px;
    font-size: 3.5rem;
}

.innerpage-banner p {
    line-height: 2rem;
}

.ab-img-holder {
    border-radius: 20px;
    overflow: hidden;
}

.ab-img-holder img {
    border-radius: 20px;
}

.ab-text {
    line-height: 2rem;
    font-size: 1.125rem;
    font-weight: 300;
}

/*our Story slider*/
.ourstory .swiper-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}

.brief-item {
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, .101025);
    border-radius: 15px;
    text-align: center;
    transition: all var(--trans-speed) ease-in-out;
    padding: 50px 40px;
    min-height: 400px;
}

.ourstory .swiper-slide {
    opacity: 0.35;
    transform: scale(0.85);
    transition: all 0.4s ease;
}

.ourstory .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

.ourstory .swiper-slide-prev,
.ourstory .swiper-slide-next {
    opacity: 0.4;
    transform: scale(0.92);
}

.ourstory .swiper-button-next svg,
.ourstory .swiper-button-prev svg {
    opacity: 1;
}

.bc-card-cont h3 {
    color: var(--pri-color);
    font-size: 1.813rem;
    font-weight: 600;
    line-height: 33.35px;
    margin-bottom: 20px;
}

.bc-card-cont p {
    font-size: 1.063rem;
    line-height: 2rem;
}

.ourstory .swiper-button-next,
.ourstory .swiper-button-prev {
    color: #000;
}

.ourwork-sec {
    margin: 0 20px;
}

/*our Story slider End*/

/*CTA About*/

.abt-cta-cont {
    background-color: #b10c1e;
    padding: 80px 0;
    border-radius: 20px;
    min-height: 300px;
    color: #fff;
}

.abt-cta-cont p {
    font-size: 1.25rem;
}

/*CTA About end*/

/*our-culture-box*/

.our-culture-box {
    min-height: 275px;
    background-color: #b10c1e0f;
    position: relative;
    padding: 30px 50px;
    display: flex;
    transition: 0.1s ease-in;
    border-radius: 10px;
}

.oc-box-front {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    transition: 0.1s ease-in;
}

.oc-icon-title {
    font-size: 1.75rem;
    line-height: 1.28125;
    font-weight: 300;
}

.oc-hover-text {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 50px;
    opacity: 0;
    transition: 0.1s ease-in;
}

.our-culture-box:hover .oc-box-front {
    opacity: 0;
}

.our-culture-box:hover .oc-hover-text {
    opacity: 1;
}

/*our-culture-box end*/

/*ab-cta-2-cont*/

/*.ab-cta-2-cont {
    min-height: 350px;
    background-color: var(--pri-color-dark);
    border-radius: 20px;
    background-image: url("../images/icons/cta-2-bg.svg");
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
}*/

.ab-cta-2-cont {
    min-height: 450px;
    background-color: var(--pri-color-dark);
    border-radius: 20px;
    background-image: url(../images/icons/cta-2-bg.svg);
    background-size: 722px;
    background-position: 135% -100px;
    background-repeat: no-repeat;
    color: #fff;
    padding: 40px;
    display: flex;
    align-items: center;
}

.ab-cta-2-cont h3 {
    color: #fff;
    line-height: 1.3;
}

/*ab-cta-2-cont end*/

/*Know Box*/

.ab-know-box {
    padding: 5px;
    border-radius: 20px;
    box-shadow: 0px 4px 40px rgb(243 215 219 / 56%);
    overflow: hidden;
}

.know-icon-holder {
    min-height: 300px;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #b10c1e0f;
    border-radius: 15px;
    margin-bottom: 25px;
}

.know-cont {
    padding: 0 20px 20px 20px;
}

.kn-icon-h {
    width: 150px;
    height: 150px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.know-cont span {
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
}

.know-cont p {
    font-size: 1.1rem;
    font-weight: 300;
}

/*Know Box End*/

/*Socila Icons*/

.ab-social-icons {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-left: 0;
    margin: 0;
}

.ab-social-icons li a {
    background-color: #000;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 20px;
    font-size: 24px;
    transition: 0.3s ease-in-out;
    transform: scale(1);
}

.ab-social-icons li a:hover {
    background-color: var(--pri-color);
    transform: scale(1.2);
}

.ab-social-icons li a svg {
    fill: #fff;
    width: 26px;
}

.ab-blog-post-holder {
    margin-top: 50px;
}

.ab-blog-post-holder .bp-img {
    border-radius: 13px;
}

/*mujahid css*/
.hero-cta-section {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin-top: 200px;
    background: #b10c1e;
    border-radius: 0;
    overflow: visible;
}

.hero-content {
    padding: 90px 30px 90px 60px;
    color: #fff;
}

.hero-content h2 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 300;
    margin-bottom: 30px;
    color: #fff;
}

.hero-content h2 span {
    display: block;
    font-weight: 700;
    margin-top: 10px;
}

.hero-content p {
    font-size: 18px;
    margin-bottom: 18px;
    color: white;
}

.hero-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55%;
    height: 600px;
    overflow: hidden;
    border-radius: 50% 50% 0 0;
}

.hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}

.tm-cta-btn {
    border-radius: 50px;
    background: white;
    color: #b10c1e;
}

.lp_header {
    padding: 15px 0;
    box-shadow: 1px 0px 6px -1px #b3b3b3;
}

.lp_main_banner {
    padding: 70px 50px;
    /* background: #F3F4F5;
    border-radius: 22px; */
}

.m_lpform_conainer {
    width: 100%;
    padding: 40px 30px 20px;
    background: #edebeb;
    border-radius: 14px;
}

.lp_form_head_ico img {
    width: 100%;
}

.lp_form_head_ico {
    width: 140px;
}

.lp_form_head_left {
    width: 100%;
}

.m_lpform_conainer .form-group .lp_submit_btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lp_form_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal_form .m_lpform_conainer {
    width: 100%;
    background: transparent;
    padding: 0;
}

.m_lpform_conainer .country-select-container {
    width: 130px;
}

.lp_submit_btn .inner {
    display: flex;
    align-items: center;
    gap: 7px;
}

.m_lpform_conainer .form-group {
    margin-bottom: 10px;
}

.m_lpform_conainer .phone-field-container {
    display: flex;
}

.mob_lp_banner {
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
    text-align: center;
    gap: 30px;
}

.mob_lp_banner .mob_lp_form {
    width: 100%;
}

.mob_lp_banner .mob_lp_form .m_lpform_conainer {
    width: 100%;
}

.lp_mob_banner_content {
    width: 100%;
}

.lp_mob_banner_content .main-banner-content {
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.mob_lp_banner .mob_lp_form .lp_form_head {
    text-align: left;
    margin-bottom: 20px;
}

.lp_banner_container {
    position: relative;
    z-index: 2;
    /* background: #F3F4F5;
    border-radius: 22px; */
}

.lp_bg_gif {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
}

.lp_bg_gif img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*Other CSS end*/
@media (max-width: 1677.98px) {
    .hero-image {
        height: 505px;
    }

    .hero-content {
        padding: 54px 30px 45px 59px;
    }

    .hero-content h2 {
        font-size: 29px;
    }

    .monday-footer .col-md-4 {
        width: 33.3333%;
        flex: none;
    }
}

@media (max-width: 1399.98px) {

    .heading-style-h1,
    .ctm-heading h3,
    .ctm-heading,
    .hp-agents_h2,
    .heading-style-h2,
    .inner-tab-herd h2 {
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .mega-menu #tabs-nav a {
        font-size: 14px;
    }

    .about-new-banner h2 {
        font-size: 4.7rem;
    }

    .hero-image {
        height: 442px;
    }

    .ab-cta-2-cont {
        min-height: 370px;
    }

    .contact_info_card {
        padding: 24px 22px;
    }

    .contact_info_wrap {
        gap: 20px;
    }
}

@media (max-width: 1199.98px) {

    .hero-image {
        height: 400px;
    }

    .hero-content {
        padding: 43px 24px 34px 24px;
    }

    .abt-heading-holder h1 {
        font-size: 2.5rem;
    }

    .heading-style-h1,
    .ctm-heading h3,
    .ctm-heading,
    .hp-agents_h2,
    .heading-style-h2,
    .inner-tab-herd h2 {
        font-size: 2.2rem;
        line-height: 1.2;
    }

    .interactive-container {
        grid-template-columns: 305px 1fr;
    }

    .inner-tab-herd p {
        font-size: 20px;
    }

    .filing-tabs-cont-box {
        padding: 8px 12px;
    }

    .space-p-t {
        padding-top: 60px;
    }

    .space-p-b {
        padding-bottom: 60px;
    }

    .space-p-tb {
        padding: 60px 0;
    }

    .space-m-t {
        margin-top: 60px;
    }

    .space-m-b {
        margin-bottom: 60px;
    }

    .space-m-tb {
        margin: 60px 0;
    }

    .hp-agents_cta {
        font-size: 4rem;
    }

    .lp_main_banner .mbanner-btns {
        flex-direction: column;
        align-items: flex-start;
    }

    .cnt_info_item p {
        font-size: 14px;
    }

    .cnt_ico {
        width: 78px;
        top: -39px;
    }
}

@media (max-width: 991.98px) {
    .ctm_modal .d-md-popup-none {
        width: 100%;
    }

    .hero-cta-section {
        margin-top: 40px;
    }

    .hero-image {
        display: none;
    }

    .ab-blog-post-holder .bp-img {
        width: 100%;
        margin-bottom: 15px;
    }

    .ab-know-box {
        margin-bottom: 25px;
    }

    .get-social {
        padding-top: 0;
    }

    .heading-style-h1,
    .ctm-heading h3,
    .ctm-heading,
    .hp-agents_h2,
    .heading-style-h2,
    .inner-tab-herd h2 {
        font-size: 1.8rem;
        line-height: 1.2;
    }

    .st-holder-bg h3 {
        font-size: 1.5rem;
    }

    .hp-agents_h2.is-limitless {
        max-width: max-content;
        margin-bottom: 23px;
    }

    .sec-gsap-scr {
        position: relative;
        top: 0;
        padding-bottom: 30px;
    }

    .st-holder-bg {
        padding: 2rem;
    }

    .ctm-navbar {
        padding: 0.5rem 0rem;
    }

    .interactive-container {
        grid-template-columns: auto;
        gap: 36px;
    }

    .why-work-cont {
        padding-left: inherit;
    }

    .count-box-holder {
        margin-top: 30px;
    }

    .interactive-container {
        padding: 30px;
    }

    .ipc-img-holder {
        margin-bottom: 18px;
    }

    .ww-cont {
        margin-bottom: 30px;
    }

    .box-blue-bg {
        padding: 20px;
    }

    .hp-agents_cta {
        font-size: 3.5rem;
    }

    .cta-section-content p {
        font-size: 1rem;
    }

    .footer-bottom {
        padding: 8px 0;
    }

    .monday-footer {
        padding: 40px 0 0px;
    }

    .services-banner .serv-bnr-img {
        display: none;
    }

    .services-banner {
        padding: 130px 0 50px;
    }

    .inner-serv-title {
        font-size: 2rem;
    }

    .serv-bnr-img {
        margin-bottom: 17px;
    }

    .ctm-heading {
        margin-bottom: 28px;
    }

    .tnc-menu {
        justify-content: flex-start;
        padding-left: 0;
    }

    .lp_main_banner {
        padding: 60px 0;
    }

    .m_lpform_conainer {
        width: 100%;
        margin-top: 30px;
    }

    .lp_main_banner .main-banner-content {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .lp_main_banner .mbanner-btns {
        align-items: center;
    }

    .contact_info_wrap {
        flex-direction: column;
    }

    .contact_info_card {
        width: 100%;
    }

    .custom_contact_form {
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {

    .get-social {
        padding-top: 0;
    }

    .hide-on-mob {
        display: none;
    }

    .ctm-heading h3 {
        font-size: 2.5rem;
        margin-bottom: 10px;
    }

    .hp-agents_h2 {
        font-size: 2.5rem;
    }

    .int-heading {
        font-size: 2.5rem;
    }

    .space-p-t {
        padding-top: 40px;
    }

    .space-p-b {
        padding-bottom: 40px;
    }

    .space-p-tb {
        padding: 40px 0;
    }

    .space-m-t {
        margin-top: 40px;
    }

    .space-m-b {
        margin-bottom: 40px;
    }

    .space-m-tb {
        margin: 40px 0;
    }

    .ctm-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .footer-accessibility {
        text-align: center;
    }

    .footer-apps {
        justify-content: center;
    }

    .footer-certificates {
        margin-bottom: 0;
    }

    .main-banner {
        padding: 95px 0 25px;
    }

    .m_lpform_conainer {
        padding: 40px 20px 20px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .lp_main_banner {
        flex-direction: column-reverse;
        padding: 13px 0;
    }

    .mb-tags {
        flex-direction: column;
        align-items: center;
    }

    .main-banner-content {
        text-align: center;
    }

    .modal_form .m_lpform_conainer {
        padding: 0;
    }

    .monday-footer .col-md-4 {
        width: 100%;
    }

    .faqs-sec p {
        top: 150px;
        font-size: 13px;
        margin-bottom: 60px;
    }

    .faqs-sec p br {
        display: none;
    }

    .mob_lp_banner {
        padding-top: 50px;
    }

    .ctm_modal {
        padding: 58px 16px 20px 16px;
    }

    .lp_form_head h2 {
        font-size: 26px;
    }

    .popup_head_para p {
        font-size: 12px;
    }

    .popup_badge {
        font-size: 12px;
    }

    .m_lpform_conainer .form-group .form-control {
        padding: 10px 14px;
    }

    .ctm_modal .m_lpform_conainer .form-group .lp_submit_btn {
        padding: 10px 10px;
    }

    .lp_form_head_ico {
        display: none;
    }

    .lp_form_head_left {
        width: 100%;
    }

    .contact_us_banner .custom_contact_head {
        max-width: 100%;
        text-align: center;
    }

    .contact-info-cards {
        padding: 60px 0 50px;
    }

    .cnt_ico {
        width: 50px;
        top: -19px;
    }
}

@media (max-width: 575.98px) {
    .get-social {
        padding-top: 0;
    }

    .tm-author {
        font-size: 1rem;
    }

    .count-box-holder {
        margin-top: 0;
    }

    .tm-box-cont {
        flex: 1 0 100%;
        max-width: 100%;
    }

    .tm-box-img {
        display: none;
    }

    .count-box-cont {
        flex: 1 0 100%;
        max-width: 100%;
    }

    .count-box-img {
        display: none;
    }

    .inner-tab-herd p {
        font-size: 16px;
    }

    .tab-content .inner-tab-herd,
    .row.myprocessslide {
        padding-top: 0;
    }

    .accordion-item {
        position: sticky;
        top: 150px;
    }

    .inner-tm-cont {
        font-size: 1rem;
        line-height: 32px;
    }

    .heading-style-h1 {
        font-size: 1.5rem;
    }

    .inner-serv-title {
        font-size: 1.5rem;
        line-height: 1.2;
    }

    .mbanner-btns {
        margin-top: 21px;
    }

    .marquee-logos_heading {
        margin-bottom: 1rem;
    }

    section.control-sec {
        padding: 40px 0;
        background: #f3f4f5;
    }

    .ctm-heading h3 {
        font-size: 1.8rem;
    }

    .hp-agents_h2 {
        font-size: 1.5rem;
    }

    .st-holder-bg {
        padding: 2rem 1rem;
    }

    .heading-style-h2 {
        font-size: 1.5rem;
    }

    .tbs-icons-holder {
        gap: 5px;
    }

    .tbs-icons-holder span {
        font-size: 12px;
    }

    .ctm-title-holder p {
        font-size: 1rem;
    }

    .inner-tab-herd h2 {
        font-size: 1.8rem;
    }

    .int-heading {
        font-size: 1.5rem;
    }

    .int-heading {
        max-width: max-content;
    }

    .heading-style-h3 {
        font-size: 1.5rem;
    }

    .oc-sec-head {
        flex-direction: column;
    }

    .cb-vals h4 {
        font-size: 49px;
    }

    .hp-agents_cta {
        font-size: 2.5rem;
    }

    .cta-btn-holder {
        flex-direction: column;
        align-items: center;
    }

    .cta-section-content p {
        font-size: .75rem;
    }

    .custom-tabs-holder .nav-pills {
        border-radius: 5px;
        overflow-x: auto;
        box-shadow: none;
        padding: 10px 10px;
        gap: 8px;
        margin-bottom: 30px;
        flex-direction: column;
    }

    .tab-nav-holder .nav-link {
        min-width: 100%;
        background-color: #f2f2f2;
    }

    .navbar-brand img {
        max-width: 120px;
    }

    .mbanner-btns {
        flex-direction: column;
    }

    .control-card p {
        width: 100%;
    }

    .custom-swiper .swiper-button-next,
    .custom-swiper .swiper-button-prev {
        background: none;
        padding: 0px 17px;
    }

    .tm-box-img img {
        min-height: 367px;
    }

    .hp-agents_splide-par {
        font-size: 1rem;
    }

    .tm-box-holder {
        gap: 10px;
    }

    .quote-icon-holder i {
        font-size: 70px;
    }

    .count-box-img img {
        min-height: 308px;
    }

    .interactive-container {
        padding: 0px;
    }

    .inner-tab-herd span {
        font-size: 12px;
    }

    .custom-tabs-holder .nav-pills {
        margin-bottom: 0px;
    }

    .popup-inner-img {
        display: none;
    }

    .close-btn-ctm {
        right: 0;
        top: -38px;
    }

    .about_bnr {
        padding-top: 100px;
    }

    .inner-tab-herd .ctm-para {
        width: 100%;
        margin-bottom: 20px;
    }

    .popup_form_head {
        margin-bottom: 20px;
    }
}

.trademark-section {
    background: #f3f4f5;
    padding: 16px 0 0;
    /* margin-top: 80px; */
    overflow: hidden;
}

.trademark-heading {
    color: #fff;
    padding: 0 20px 35px;
}

.small-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.trademark-heading h2 {
    font-size: 48px;
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 10px;
}

.trademark-heading h2 span {
    font-weight: 500;
}

.trademark-heading p {
    font-size: 20px;
    line-height: 1.4;
    margin: 0 auto;
    max-width: 1100px;
    color: white;
}

.trademarkSwiper {
    width: 100%;
    overflow: visible;
}

.trademarkSwiper .swiper-wrapper {
    align-items: stretch;
}

.trademark-card {
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.logo-area {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-area img {
    max-width: 100%;
    max-height: 130px;
}

.prospect {
    font-size: 17px;
}

.body-logo {
    font-size: 15px;
}

.black-logo {
    padding: 0px;
}

.bop-logo small {
    position: absolute;
    bottom: 25px;
    font-size: 12px;
    color: #fff;
}

.card-info {
    padding: 5px 20px 5px;
}

.info-row {
    display: grid;
    grid-template-columns: 105px 1fr;
    align-items: center;
    margin-bottom: 13px;
}

.info-row>span {
    font-size: 12px;
    font-weight: 500;
    color: #111;
}

.value {
    background: #eeeeee;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 12px;
    color: #222;
    white-space: nowrap;
    width: max-content;
}

.status-wrapper {
    display: flex;
    /* flex-direction: column; */
    align-items: flex-start;
    gap: 7px;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 2px 12px;
    border: 1px solid #a8d9bd;
    border-radius: 20px;
    color: #A19B9B;
    font-size: 11px;
    background: #F2FFF7;
}

.status-badge i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3a9964;
    margin-right: 6px;
}

@media (min-width: 1200px) {
    .trademarkSwiper {
        padding-left: 0;
    }

    .trademarkSwiper .swiper-slide {
        width: 292px;
    }
}

@media (max-width: 1399.98px) {
    .info-row {
        display: grid;
        grid-template-columns: 87px minmax(0, 1fr);
        align-items: center;
        margin-bottom: 13px;
    }
}

@media (max-width: 1199.98px) {
    .info-row {
        display: grid;
        grid-template-columns: 100px minmax(0, 1fr);
        align-items: center;
        margin-bottom: 13px;
    }

    .services-banner {
        padding-top: 140px;
        padding-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .trademark-heading h2 {
        font-size: 38px;
    }

    .trademark-heading p {
        font-size: 17px;
    }

    .trademarkSwiper .swiper-slide {
        width: 300px;
    }
}

@media (max-width: 575px) {
    .trademark-section {
        padding-top: 18px;
    }

    .trademark-heading {
        padding: 0 15px 12px;
    }

    .small-title {
        font-size: 14px;
    }

    .trademark-heading h2 {
        font-size: 22px;
    }

    .trademark-heading p {
        font-size: 14px;
    }

    .trademark-card {
        /* height: 315px; */
        margin: 1rem 10px 1rem;
    }

    .about-new-banner h2 {
        font-size: 3rem;
    }

    .about-new-banner::before {
        width: 100%;
    }

    .abt-heading-holder h1 {
        font-size: 2.1rem;
    }

    .ourwork-sec {
        margin: 0px;
    }

    .swiper.ourstory .swiper-button-prev,
    .swiper.ourstory .swiper-button-next {
        display: none;
    }

    .brief-item {
        padding: 50px 20px;
    }

    .mbanner_rev {
        justify-content: center;
    }
}

.trademarkSwiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

.stack_head{
      z-index: initial !important;
}

/* The services stack becomes a swipeable, auto-height carousel on phones. */
@media (max-width: 767px) {
    .service-icon-boxes-swiper {
        padding-bottom: 34px;
    }

    .service-icon-boxes-swiper .swiper-slide {
        height: auto;
    }

    .service-icon-boxes-swiper .icon-box-serv {
        height: 100%;
    }

    .service-icon-boxes-swiper .swiper-pagination {
        bottom: 0;
    }

    .service-icon-boxes-swiper .swiper-pagination-bullet-active {
        background: #15284b;
    }

    .packages-process-swiper {
        padding-bottom: 34px;
    }

    .packages-process-swiper .swiper-slide {
        height: auto;
    }

    .packages-process-swiper .filing-tabs-cont-box {
        height: 100%;
    }

    .packages-process-swiper .swiper-pagination {
        bottom: 0;
    }

    .packages-process-swiper .swiper-pagination-bullet-active {
        background: #15284b;
    }

    .control-cards-swiper {
        padding-bottom: 34px;
    }

    .control-cards-swiper .swiper-slide {
        height: auto;
    }

    .control-cards-swiper .control-card {
        height: 100%;
    }

    .control-cards-swiper .swiper-pagination {
        bottom: 0;
    }

    .services-stack-swiper {
        padding-bottom: 34px;
    }

    .services-stack-swiper .swiper-slide {
        height: auto;
    }

    .services-stack-swiper .sec-gsap-scr {
        padding-bottom: 0;
    }

    .services-stack-swiper .swiper-pagination {
        bottom: 0;
    }

    .control-cards-swiper .swiper-pagination-bullet-active,
    .services-stack-swiper .swiper-pagination-bullet-active,
    .custom-tabs-holder .swiper-pagination-bullet-active {
        background: var(--pri-color);
        margin: 0 10px !important;
    }
    
    .services-stack .sticky-img-holder {
    display: none;
}

.reg_trd--sec .ctm-heading {
    text-align: center;
}

.reg_trd--sec .ctm-heading p {
    font-size: 14px;
    line-height: 24px;
}

.stack_head {
    padding-bottom: 50px !important;
}
}
