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

body {
    margin: 0;
    overflow-x: hidden;
    font-family: "DM Sans";
}

.common-container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 40px;
}


/* Hamburger Button */

.menu-btn {
    position: relative;
    z-index: 300;
    width: 35px;
    height: 24px;
    cursor: pointer;
}

.menu-btn span {
    display: block;
    height: 2px;
    width: 87%;
    background: #ffffff;
    margin-bottom: 6px;
    border-radius: 3px;
    transition: transform 0.4s ease, opacity 0.4s ease, background 0.4s ease;
}


/* Hamburger → Close Animation */

.menu-btn.open span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.menu-btn.open span:nth-child(2) {
    opacity: 0;
}

.menu-btn.open span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

.menu-overlay #innerMenuBtn{
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1010;
}

/* Overlay (Full Screen Menu) */

.menu-overlay {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at top left, #3e3e3e, #000000);
    color: #fff;
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 30px;
    padding: 60px;
    opacity: 0;
    pointer-events: none;
    z-index: 1005;
    box-sizing: border-box;
}


/* When active */

.menu-overlay.active {
    pointer-events: auto;
}


/* LEFT SIDE */

.menu-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.menu-block h4 {
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 500;
    opacity: 0.6;
    margin-bottom: 15px;
}

.menu-links,
.expertise-links {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.menu-links li,
.expertise-links li {
    margin-bottom: 12px;
    font-size: 40px;
    font-weight: 500;
    opacity: 0;
    transform: translateY(40px);
    cursor: pointer;
    transition: color 0.3s ease;
}

.clr-line {
    color: #cccccc;
    text-decoration: none;
}

.clr-line:hover {
    color: #ffffff;
    text-decoration: none;
}

.menu-links li:hover,
.expertise-links li:hover {
    color: #ff7033;
}

.clr-line {
    display: inline-block;
    text-decoration: none;
    transition: transform 0.4s ease;
    /* smooth movement */
}


/* On hover – move slightly to the right */

.clr-line:hover {
    transform: translateX(15px);
    /* adjust px as you want */
}


/* RIGHT SIDE */

.menu-right {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-template-rows: repeat(2, minmax(170px, 1fr));
    gap: 25px;
}

.service-card {
    background: rgba(0, 0, 0, 0.23);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 30px 40px;
    opacity: 0;
    transform: translateY(60px);
    display: flex;
    flex-direction: column;
    border-radius: 2px;
    gap: 9px;
    border-radius: 15px;
}

.service-card.orange {
    position: relative;
    overflow: hidden;
    padding: 0;
    border-radius: 2px;
    /* remove internal padding */
}


/* Make video full cover */

.orange-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* important: covers fully */
    object-position: center;
}

.card-head {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    padding-bottom: 10px;
}

.card-point {
    font-size: 18px;
    font-weight: 400;
    color: #6d7fec;
    text-decoration: none;
}

.card-point {
    /* Basic styling */
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    /* Default color of the top text */
    text-decoration: none;
    /* Critical for the two-layer animation */
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 2px 0;
    line-height: 1.5;
}


/* Style for the individual letters (Top Text Layer) */

.card-point span {
    display: inline-block;
    /* Uniform, non-staggered transition */
    transition: transform 0.3s ease-out;
    transform: translateY(0);
}


/* Hover Effect: Top text layer moves up simultaneously */

.card-point:hover span {
    transform: translateY(-100%);
}


/* Style for the 'Reveal' Text (Bottom Text Layer - ::before) */

.card-point::before {
    content: attr(data-text);
    /* Content set by JS */
    position: absolute;
    top: 100%;
    /* Start below the current text */
    left: 0;
    width: 100%;
    /* Reveal text styling */
    color: #ffffff;
    /* Highlight color for the revealed text */
    font-size: 18px;
    font-weight: 400;
    /* Uniform transition for the reveal text */
    transition: transform 0.3s ease-out;
}


/* Hover Effect: Revealed text slides up into place simultaneously */

.card-point:hover::before {
    transform: translateY(-100%);
}

.country-list {
    display: flex;
    flex-direction: row;
}

.country-list {
    font-size: 18px;
    font-weight: 400;
    gap: 20px;
}

.cntry {
    display: flex;
}

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

.top-pad {
    padding-top: 40px;
}



@media (max-width: 1800px) {

    .menu-overlay {
        height: 100vh;
        overflow-y: auto;
        /* vertical scroll */
        overflow-x: hidden;
        /* prevent left-right scroll */
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1200px) {

    .menu-left {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
}

/* HEADER – FULL WIDTH */


/* HEADER */
.header-wrapper {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: transparent;
  transition: transform 0.4s ease;
}

/* Hidden when scrolling down */
.header-wrapper.hide {
  transform: translateY(-100%);
}

/* Visible when scrolling up */
.header-wrapper.show {
  transform: translateY(0);
  background-color: #000;
  border-bottom: 1px solid rgb(255 255 255 / 15%);
}

/* .header-wrapper.show .gldynamic-island{display: none;}
.header-wrapper .gldynamic-island{display: flex;} */

.gl_header {
    width: 100%;
    position: relative;
}


/* HEADER FLEX */

.gl_header_container {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* LOGO */

.gl_logo {
    display: flex;
    align-items: center;
    gap: 10px;
}


/* NAV */

.gl_nav_list {
    display: flex;
    gap: 30px;
    list-style: none;
    margin-bottom: 0px;
}

.gl_nav_list a {
    color: #fff;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.32px;
}


/* RIGHT */

.gl_header_right {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.gl_btn {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}


/* SERVICES LINK */

.gl_service_link {
    align-items: center;
}


/* ARROW */

.gl_arrow {
    width: 10px;
    height: 6px;
    transition: transform 0.3s ease;
}

.gl_mega_parent:hover .gl_arrow {
    transform: rotate(180deg);
}


/* MEGA PARENT */

.gl_mega_parent {
    position: static;
}


/* MEGA MENU – NEW TYPE */

.gl_mega_menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0.35s;
}


/* HOVER BUFFER */

.gl_mega_menu::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
}


/* MEGA INNER */

.gl_mega_inner {
    width: 100%;
    background-color: #000000;
    margin: auto;
    padding: 50px 24px;
    display: flex;
    gap: 80px;
}


/* COLUMNS */

.gl_mega_col h4 {
    color: #fff;
    margin-bottom: 14px;
}

.gl_mega_col a {
    display: block;
    color: #bbb;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 14px;
}

.gl_mega_col a:hover {
    color: #fff;
}


/* SHOW + SMOOTH CLOSE */

.gl_mega_parent:hover .gl_mega_menu,
.gl_mega_menu:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s;
}

.availability-badge {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 259 28'%3E%3Cpath d='M0 0H259L253.722 4.31055C250.656 6.81455 248.477 10.2394 247.51 14.078C245.446 22.2636 238.084 28 229.642 28H29.3576C20.9159 28 13.5538 22.2636 11.4903 14.078C10.5225 10.2394 8.34435 6.81455 5.27823 4.31055L0 0Z' fill='rgba(255,255,255,0.15)'/%3E%3C/svg%3E") no-repeat center / contain;
}

.availability-badge {
    width: 275px;
    height: 29px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px;
    letter-spacing: 0.4px;
    color: #fff;
    font-family: "DM Sans";
}

#headDynamicText{min-width: 170px; text-align: center;}

.badge-icon {
    width: 10px;
    height: 10px;
    object-fit: contain;
    flex-shrink: 0;
}

.talk-head {
    display: flex;
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.32px;
}

.talk-line {
    color: #C2C2C2;
    display: flex;
    line-height: 15px;
    height: 15px;
}


/* flag-area--------------------------------------------------- */


/* wrapper */

.hover_flag {
    position: relative;
    display: inline-block;
}


/* trigger row */

.hover_flag_trigger {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}


/* text */

.country-name {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.32px;
}


/* flag image */

.flag-img {
    width: 24px;
}


/* arrow */

.arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #9c9c9c;
    transition: transform 0.3s ease;
}


/* rotate arrow */

.hover_flag:hover .arrow {
    transform: rotate(180deg);
}


/* dropdown box */

.hover_flag_dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 190px;
    background: #000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all 0.3s ease;
    z-index: 99;
}


/* show dropdown */

.hover_flag:hover .hover_flag_dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* dropdown items */

.hover_flag_dropdown a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}


/* dropdown flag images */

.hover_flag_dropdown img {
    width: 24px;
}


/* hover effect */

.hover_flag_dropdown a:hover {
    background: #1a1a1a;
}


/* header-dropdown-area------------------------------ */

.header_lists {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0px 60px 60px 60px;
    background: #000;
    color: #bdbdbd;
    gap: 60px;
}


/* Left side columns */

.header_lists_cols {
    display: flex;
    gap: 140px;
}

.header_col h4 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

.drp-list-head {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
    margin: auto 0 -7px;
}

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

.header_col ul li {
    font-size: 14px;
    margin-top: 14px;
    cursor: pointer;
    transition: color 0.3s ease;
}

.header_col ul li:hover {
    color: #fff;
}


/* Right banner */

.header_lists_banner {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
}

.header_lists_banner h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.banner_img {
    width: 100%;
    margin-bottom: 20px;
}

.banner_img img {
    width: 100%;
    display: block;
    border-radius: 2px;
}

.enquiry_btn {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: transform 0.3s ease;
}

.enquiry_btn:hover {
    transform: translateX(5px);
}

.drp_list {
    color: #B8B8B8 !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    display: flex;
    transition: transform 0.35s ease-in-out, color 0.35s ease-in-out;
}

.drp_list:hover {
    transform: translateX(8px);
    color: #ffffff !important;
}

.flower-list {
    margin: auto 0;
}

.brd-btm-line {
    border-bottom: 1px solid #191919;
    padding-bottom: 10px
}

.enhance-text {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


/****************Style-changes*******************/

.text-animate-section {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #000;
    color: #fff;
}

.visual-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: flex-start;
    font-family: "DM Sans", sans-serif;
    color: #A9A9A9;
    width: 100%;
    border-top: 1px solid #FFFFFF1A;
    padding-top: 10px;
}

.visual-header-left {
    text-align: left;
}

.visual-header-center {
    text-align: center;
}

.visual-header-right {
    display: flex;
    gap: 8px;
    text-align: left;
    justify-content: flex-end;
    align-items: center;
}

.visual-services {
    text-align: left;
}

.visual-asterisk {
    font-size: 14px;
    line-height: 1;
}

.visual-asterisk img {
    animation: fan-spin 4s linear infinite;
    will-change: transform;
}

@keyframes fan-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.visual-hero {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.visual-title {
    font-size: 36px;
    max-width: 990px;
    font-weight: 600;
    margin: 0;
    font-family: "DM Sans", sans-serif;
    text-align: center;
    color: #484848;
}

.visual-word {
    display: inline-block;
    margin-right: 0.2em;
    transition: color 0.3s ease;
}

.visual-dimmed {
    color: #484848;
}

.visual-word.is-active {
    color: #fff;
}

.serviceRow-section {
    background-color: #fff;
    font-family: "DM Sans", sans-serif;
    overflow: hidden;
}

.serviceRow-title {
    font-size: 40px;
    font-weight: 600;
    margin: 0;
}

.serviceRow-count {
    font-size: 24px;
    font-weight: 500;
}

.serviceRow-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 58px 0 66px;
}

.serviceRow-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    cursor: pointer;
    transition: color 0.3s ease;
}

.serviceRow-container .serviceRow-item:not(:first-child) {
    border-top: 1px solid #e0e0e0;
}

.serviceRow-item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: var(--row-color);
    z-index: 1;
    transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.serviceRow-item:hover::before {
    height: 100%;
}

.serviceRow-content {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 2;
    transition: transform 0.3s ease;
}

.serviceRow-preview-img {
    position: absolute;
    left: 10%;
    top: 50%;
    width: 265px;
    height: 260px;
    border-radius: 4px;
    object-fit: cover;
    z-index: 3;
    opacity: 0;
    transform: translate(-30px, 100px) rotate(35deg);
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
    pointer-events: none;
}

.serviceRow-item:hover .serviceRow-preview-img {
    opacity: 1;
    transform: translate(0, -50%) rotate(0deg);
}

.serviceRow-icon-left,
.serviceRow-icon-right {
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.serviceRow-icon-left {
    transform: translateX(-10px);
}

.serviceRow-icon-right {
    transform: translateX(10px);
}

.serviceRow-item:hover .serviceRow-icon-left,
.serviceRow-item:hover .serviceRow-icon-right {
    opacity: 1;
    transform: translateX(0);
}

.serviceRow-number {
    font-size: 14px;
    margin-left: 10px;
}

.serviceRow-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.serviceRow-icon-left,
.serviceRow-icon-right {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.5rem;
    transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease, transform 0.5s ease;
}

.serviceRow-icon-left {
    transform: translateX(-20px);
}

.serviceRow-icon-right {
    transform: translateX(20px);
}

.serviceRow-item:hover .serviceRow-icon-left,
.serviceRow-item:hover .serviceRow-icon-right {
    width: 50px;
    opacity: 1;
    transform: translateX(0);
}

.serviceRow-item:hover .serviceRow-label {
    transform: rotate(-1deg);
}


/* 1. Resetting the content for a "slide-from-right" flow */

.serviceRow-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}


/* 2. The Icons: Sudden Slide from Right */

.serviceRow-icon-left,
.serviceRow-icon-right {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0;
    opacity: 0;
    overflow: hidden;
    /* Faster, 'Sudden' Bezier curve */
    transition: width 0.35s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s ease, transform 0.35s cubic-bezier(0.19, 1, 0.22, 1);
    /* Both start shifted to the right to mimic the video movement */
    transform: translateX(30px);
}


/* Hover State - Sudden snap to 0 */

.serviceRow-item:hover .serviceRow-icon-left,
.serviceRow-item:hover .serviceRow-icon-right {
    width: 45px;
    /* Adjust based on your SVG size */
    opacity: 1;
    transform: translateX(0);
}


/* Staggering the 'Sudden' arrival */

.serviceRow-item:hover .serviceRow-icon-left {
    transition-delay: 0s;
}

.serviceRow-item:hover .serviceRow-icon-right {
    transition-delay: 0.1s;
    /* Right icon arrives last for a whip-like effect */
}


/* 1. Left Icon: Slides from the left into position */

.serviceRow-icon-left {
    transform: translateX(-30px);
    /* Starts on the left */
    transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}


/* 2. Right Icon: The "Sudden" Right-to-Left snap */

.serviceRow-icon-right {
    /* It starts far to the right and "flies" in */
    transform: translateX(60px);
    transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s ease,
        /* The 1.76 value here creates a very strong 'jerk' or snap back */
        transform 0.45s cubic-bezier(0.34, 1.76, 0.64, 1);
}


/* Hover States */

.serviceRow-item:hover .serviceRow-icon-left,
.serviceRow-item:hover .serviceRow-icon-right {
    width: 50px;
    opacity: 1;
    transform: translateX(0);
    /* Both snap to their natural center position */
}

.serviceRow-item:hover .serviceRow-label {
    transition-delay: 0.02s;
    /* Text moves almost immediately */
}


/* Timing adjustment for the 'Sudden' feel */

.serviceRow-item:hover .serviceRow-icon-right {
    transition-delay: 0.08s;
    /* Subtle delay so it 'hits' the text from the right */
}


/* 1. Left Icon: Sudden Snap from Left to Center */

.serviceRow-icon-left {
    /* Increased distance: starts further left to gain speed */
    transform: translateX(-60px);
    opacity: 0;
    width: 0;
    overflow: hidden;
    /* The 1.76 value creates the 'jerk' back effect */
    transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s ease, transform 0.45s cubic-bezier(0.34, 1.76, 0.64, 1);
}


/* 2. Right Icon: Sudden Snap from Right to Center */

.serviceRow-icon-right {
    /* Starts further right to gain speed */
    transform: translateX(60px);
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s ease, transform 0.45s cubic-bezier(0.34, 1.76, 0.64, 1);
}


/* 3. Hover State for Both Icons */

.serviceRow-item:hover .serviceRow-icon-left,
.serviceRow-item:hover .serviceRow-icon-right {
    width: 50px;
    /* Adjust to fit your SVG width */
    opacity: 1;
    transform: translateX(0);
    /* Snaps to its place next to the text */
}


/* 4. Timing/Stagger for that "Clack-Clack" effect */

.serviceRow-item:hover .serviceRow-icon-left {
    transition-delay: 0s;
    /* Hits first */
}

.serviceRow-item:hover .serviceRow-icon-right {
    transition-delay: 0.1s;
    /* Hits slightly after for a high-end feel */
}

.serviceRow-label {
    font-size: 40px;
    font-weight: 500;
    margin: 0;
    white-space: nowrap;
    transition: transform 0.4s cubic-bezier(0.34, 1.76, 0.64, 1);
}

button {}

.button1.test1 {
    margin: 10px;
}

.button1.test {}


/****************Style-changes*******************/


.gl-py-cust {
    padding-top: 150px;
    padding-bottom: 150px;
}

.custm-mar-top {
    margin-top: -100px;
}

.banner_video_tag {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.service-banner-vid {
    height: 300px !important;
}

.banner_video {
    object-fit: cover;
}

.banner_video_text {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    text-align: center;
    color: #ffffff;
}

.banner_video_text h2 {
    font-size: 36px;
    margin-bottom: 10px;
}

.banner_video_text p {
    font-size: 18px;
}

.custm-banr-pad {
    padding-bottom: 70px;
}

.gl-bg-black-test {
    background-color: #313131;
}

.banner-cm-head {
    color: #FFF;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    line-height: 92px;
}

.banner-custm-text {
    color: #FFF;
    font-family: "Playfair Display", serif;
    font-size: 77px;
    font-style: italic;
    font-weight: 400;
    line-height: 92px;
    /* 119.481% */
}

.banner-sub-head {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: "DM Sans";
}

.bnr-enq-btn {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.video-section-grid {
    position: absolute;
    top: 50%;
    right: 0px;
}


/* video-grid----------------- */

.video_grid_column {
    display: flex;
    flex-direction: column;
}


/* Video wrapper */

.video_item {
    position: relative;
    width: 92px;
    height: 74px;
    overflow: visible;
}


/* Video styling */

.grid_video {
    width: 92px;
    height: 74px;
    object-fit: cover;
    display: block;
}


/* Hover text */

.video_hover_text {
    position: absolute;
    left: -140px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px 10px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}


/* Title text */

.video_title {
    color: #A9A9A9;
    text-align: right;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}


/* Description text */

.video_desc {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


/* Show text on hover */

.video_item:hover .video_hover_text {
    opacity: 1;
    visibility: visible;
    left: -150px;
}


/* vysak Css */


/* footer-section----------------------------------- */

.ftr-bg {
    background-color: #000000;
}

.footer-container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 25px;
}

.input-wrapper {
    width: 420px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #444;
    padding: 10px 0;
}

.email-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    resize: none;
    color: #fff;
    font-size: 22px;
    padding-right: 12px;
}

.email-input::placeholder {
    color: #666;
    text-transform: lowercase;
}

.icon-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
}

.expand-icon {
    stroke: #777;
    stroke-width: 1.5;
    transition: transform 0.3s ease, stroke 0.3s ease;
}


/* Hover animation */

.icon-btn:hover .expand-icon {
    stroke: #fff;
    transform: scale(1.15) rotate(5deg);
}


/* Optional focus effect */

.email-input:focus+.icon-btn .expand-icon {
    stroke: #fff;
}

.sub-scribe-sec {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.footer_wrapper {
    background: #000;
    color: #fff;
    display: flex;
}

.top-cstm-pad {
    padding-top: 140px;
}

.footer_columns {
    display: flex;
}

.footer_column {
    flex: 1;
}

.footer_title {
    color: #A9A9A9;
    font-family: "DM Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 20px;
    opacity: 0.7;
    border-bottom: 1px solid #333333;
    margin-bottom: 0px;
}

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

.footer_list li {
    padding: 20px 0px;
    border-bottom: 1px solid #333333;
    min-height: 68px;
}


/*  LINK STYLE */

.footer_list a {
    position: relative;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    display: inline-block;
    width: fit-content;
}

.footer_list li a {
    transition: transform 0.3s ease-in-out;
}

.footer_list li a:hover {
    transform: translateX(10px);
}

.footer_list li a {
    text-decoration: none;
}

.footer_columns .footer_column:not(:last-child) .footer_list li {
    padding-right: 50px;
}


/* underline */


/*
.footer_list a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: #5d5d5d;
    transition: width 0.35s ease-in-out;
} */


/* hover animation */


/* .footer_list a:hover::after {
    width: 100%;
} */


/* mobile */

@media (max-width: 768px) {
    .footer_columns {
        flex-direction: column;
    }
}

.gl-big-test {
    color: rgba(255, 255, 255, 0.15);
    font-family: "DM Sans";
    font-size: 230px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
}

.footer_bottom {
    background: #000;
    color: #fff;
    font-family: Arial, sans-serif;
}

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

.footer_copy {
    color: #A9A9A9;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.footer_socials {
    display: flex;
    align-items: center;
    gap: 60px;
}

.social_link {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #aaaaaa;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: color 0.3s ease;
    text-decoration: none;
}

.social_link svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    /*  key for color change */
    transition: fill 0.3s ease;
}

.social_link:hover {
    color: #ffffff;
    /* hover color */
}


/* Mobile */

@media (max-width: 768px) {
    .footer_bottom_inner {
        flex-direction: column;
        text-align: center;
    }

    .footer_socials {
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
    }
}

.ftr_side_sec {
    display: flex;
    color: #fff;
    flex-direction: column;
}


/* VIDEO */

.ftr_video_wrap {
    width: 306px;
    display: flex;
}

.ftr_video {
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}


/* CONTENT */

.ftr_content {
    display: flex;
    flex-direction: column;
    gap: 35px;
}


/* BLOCK */

.ftr_block {
    display: flex;
    flex-direction: column;
    gap: 18px;
}


/* COUNTRY */

.ftr_country {
    color: #A9A9A9;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


/* ADDRESS */

.ftr_address {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.85;
}


/* CONTACT */

.ftr_contact {
    display: flex;
    flex-direction: column;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


/* DIVIDER */

.ftr_divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
}


/* our-story-css---------------------------------------- */

.banner-story {
    padding-bottom: 340px;
    padding-top: 300px;
}

.story-head-v {
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 122px;
    font-style: normal;
    font-weight: 600;
    line-height: 140px;
}

.story-head-italic-v {
    color: #FFF;
    font-family: "Playfair Display";
    font-size: 122px;
    font-style: italic;
    font-weight: 400;
    line-height: 121px;
}

.gsap-text-left,
.gsap-text-right,
.gsap-bt,
.gsap-tb {
    will-change: transform, opacity;
}

.banner-gap-v {
    gap: 25px;
}

.story-banner-v {
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    margin: auto;
}


/* beyond-wall-------------------------------------- */

.beyond-v {
    color: #FFF;
    text-align: center;
    font-family: "Playfair Display";
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.beyond-para-v {
    color: #FFF;
    text-align: right;
    font-family: "DM Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
}

.brd-btm-v {
    border-bottom: 1px solid #4c4c4c;
}

.catalyst-hd {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 82px;
    font-style: normal;
    font-weight: 600;
    line-height: 94px;
}

.wall-box-v {
    background-color: #ffffff;
    position: relative;
    padding: 25px;
}

.beyond-box-hd-v {
    color: #000;
    text-align: center;
    font-family: "Playfair Display";
    font-size: 32px;
    line-height: 32px;
    font-style: italic;
    font-weight: 400;
}

.width-for-arrow {
    width: 40%;
}

.bynd-sml-para-v {
    color: #000;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
}

.anim-smooth {
    animation: moveDownUp 2s ease-in-out infinite;
}

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

    50% {
        transform: translateY(20px);
        /* move down */
    }

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

.serve-hd {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 32px;
    line-height: 32px;
    font-style: normal;
    font-weight: 600;
}

.flower-rotate {
    width: 24px;
    margin: 0 0 auto;
    animation: rotateFlower 10s linear infinite;
}

@keyframes rotateFlower {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.vis-mis {
    display: flex;
    flex-direction: row;
    display: grid;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    padding-top: 30px;
}

.vis-mis-grid {
    grid-auto-flow: row;
    gap: 60px 50px;
    grid-template-columns: repeat(3, 1fr);

    .spanItem {
        grid-column: span 2;
    }

    @media (max-width: 1366px) {
        grid-template-columns: repeat(3, 1fr);
        gap: 0px 50px;
    }

    @media (max-width: 991px) {
        grid-template-columns: repeat(1, 1fr);
        gap: 50px 50px;
    }

    @media (max-width: 575px) {
        grid-template-columns: repeat(1, 1fr);
    }
}

.vis-cmn-hd {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.copy-vis {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.brd-btm-grid {
    border-bottom: 1px solid #ffffff;
}

.grid-para-cmn {
    color: #B8B8B8;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.anim-rotate-new-v {
    animation: rotateSlow 20s linear infinite;
    transform-origin: center;
}

@keyframes rotateSlow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* career-page---------------------------------------- */

.career-banner-bg {
    background-image: url("../images/career/career-banner.webp");
    /* The image used */
    background-color: #000000;
    /* Used if the image is unavailable */
    height: 997px;
    /* You must set a specified height */
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    display: flex;
    position: relative;
}

.career-head-cmn-v {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: 77px;
    /* 110% */
    text-transform: capitalize;
}

.career-head-cmn-italic-v {
    color: #FFF;
    font-family: "Playfair Display";
    font-size: 70px;
    font-style: italic;
    font-weight: 400;
    line-height: 66px;
    text-transform: capitalize;
}

.car-ban-sml-para-v {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 30%;
}

.pad-btm-v-cstm {
    padding-bottom: 180px;
    padding-left: 80px;
}

.team-head-v {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 120px;
    font-style: normal;
    font-weight: 500;
    line-height: 100px;
}

.pt-180-v {
    padding-top: 180px;
}


/* career-anim-btn-------------------------------------------- */


/* Link reset */

.open-roles-link {
    margin: auto;
    text-decoration: none;
    display: inline-block;
}


/* Pill container */

.open-roles-pill {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 44px;
    padding: 20px 0px 20px 25px;
    background: #ffffff;
    border-radius: 999px;
    min-width: 280px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}

.open-roles-pill:hover {
    transform: translateY(-2px);
}


/* Text */

.open-text {
    color: #000;
    font-family: "DM Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}


/* Right circle */

.status-circle {
    position: relative;
    width: 52px;
    height: 52px;
    background: #F2ECEC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Green dot */

.green-dot {
    width: 10px;
    height: 10px;
    background: #1ecb4f;
    border-radius: 50%;
    position: relative;
}


/* Wave animation */

.green-dot::before,
.green-dot::after {
    content: "";
    position: absolute;
    inset: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(30, 203, 79, 0.4);
    transform: translate(-50%, -50%);
    animation: wave 2s infinite;
}

.green-dot::after {
    animation-delay: 1s;
}

@keyframes wave {
    0% {
        width: 10px;
        height: 10px;
        opacity: 0.6;
    }

    100% {
        width: 36px;
        height: 36px;
        opacity: 0;
    }
}


/* scroll-text-section------------------------------------ */

.scroll-text-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-wrap {
    width: 100%;
    max-width: 770px;
    /* desktop width */
    padding: 0 20px;
    /* safe side spacing */
    text-align: center;
}

.scroll-text {
    color: #2e2e2e;
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    padding-bottom: 35px;
}

@media (max-width: 1024px) {
    .text-wrap {
        max-width: 640px;
    }

    .scroll-text {
        font-size: 18px;
        line-height: 30px;
    }
}

@media (max-width: 575px) {
    .text-wrap {
        max-width: 100%;
        padding: 0 16px;
    }

    .scroll-text {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 32px;
    }
}


/* accordion-new */

.accor_new_v {
    width: 100%;
    background: #000;
}

.accor_new_v_item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.accor_new_v_header {
    width: 100%;
    background: transparent;
    border: none;
    padding: 45px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.accor_new_v_title {
    color: #696969;
    font-family: "DM Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    transition: color 0.3s ease;
}


/* Active accordion title color */

.accor_new_v_item.active .accor_new_v_title {
    color: #ffffff;
}

.accor_new_v_icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #151515;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease;
}

.accor_new_v_icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
}

.accor_new_v_item.active .accor_new_v_icon {
    transform: rotate(180deg);
}

.accor_new_v_content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.45s ease;
    background-color: #ffffff;
    border-radius: 8px;
}

.accor_new_v_content p {
    color: #bdbdbd;
    font-size: 15px;
    padding-bottom: 24px;
}

.pb-cus-180-v {
    padding-bottom: 180px;
}

.opening-head {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 120px;
    font-style: normal;
    font-weight: 500;
}

.opening-head-content {
    color: #C7C7C7;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

.acor-inner-para-head {
    color: #3C3C3C;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
}

.acor-inner-para * {
    color: #3C3C3C !important;
    font-family: "DM Sans";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}

.accor-btn-v {
    width: fit-content;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    background-color: #000000;
    border-radius: 35.5px;
    padding: 15px 17px;
    transition: background-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
}

.accor-btn-v:hover {
    background-color: #1a1a1a;
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0);
}

.oper-head-v {
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 65px;
}

.oper-head-italic-v {
    color: #FFF;
    font-family: "Playfair Display";
    font-size: 55px;
    font-style: italic;
    font-weight: 400;
    line-height: 65px;
}

.gl-pt-150-cus-v {
    padding-top: 150px;
}


/* form-area */


/* ===== CAREER FORM AREA ===== */

.career_form_area {
    width: 100%;
    padding: 40px 40px 0px 40px;
}

.career_form {
    max-width: 1200px;
    margin: auto;
}


/* Grid layout */

.career_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 30px;
}

.career_row.full {
    grid-template-columns: 1fr;
}


/* Inputs */

.career_form input,
.career_form select,
.career_form textarea {
    width: 100%;
    height: 52px;
    padding: 0 18px;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    outline: none;
    font-family: inherit;
    background: #fff;
    color: #696969 !important;
}

.career_form textarea {
    height: auto;
    padding: 16px 18px;
    resize: none;
}

.career_form input::placeholder,
.career_form textarea::placeholder {
    color: #696969;
}
input.career-checkbox{
    width: 15px;
}

/* Select arrow fix */

.career_form select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
}


/* ===== SHOW ONE BY ONE ANIMATION ===== */

.reveal {
    opacity: 0;
    transform: translateY(25px);
    animation: revealUp 0.6s ease forwards;
}

.reveal:nth-child(1) {
    animation-delay: 0.1s;
}

.reveal:nth-child(2) {
    animation-delay: 0.25s;
}

.reveal:nth-child(3) {
    animation-delay: 0.4s;
}

.reveal:nth-child(4) {
    animation-delay: 0.55s;
}

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


/* ===== MOBILE RESPONSIVE ===== */

@media (max-width: 767px) {
    .career_row {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .career_form_area {
        padding: 20px 20px;
    }
}

.frm-bg-white {
    background-color: #ffffff !important;
}

.choose_file {
    max-width: 100%;
}

.choose_file_label {
    display: block;
    margin-bottom: 15px;
    color: #606060;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}


/* File wrapper */

.choose_file_wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}


/* Hide real input */

.choose_file_input {
    display: none;
}


/* Button */

.choose_file_btn {
    background: #000;
    padding: 11px 18px;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 11px;
    cursor: pointer;
    white-space: nowrap;
}


/* File name text */

.choose_file_name {
    color: #696969;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

.choose_file_policy {
    margin-bottom: 20px;
}

.choose_file_policy_row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    color: #696969;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    align-items: center;
    margin-top: 10px;
}

.choose_file_policy_row input {
    margin-top: 3px;
}

.choose_file_policy_row a {
    color: #696969;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-decoration: underline;
}


/* Mobile friendly */

@media (max-width: 767px) {
    .choose_file_policy_row {
        font-size: 13px;
    }
}


/* Submit button */

.choose_file_submit {
    width: 100%;
    background: #000;
    border: none;
    padding: 16px 0;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    cursor: pointer;
}


/* Responsive */

@media (max-width: 767px) {
    .choose_file_wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .choose_file_submit {
        font-size: 16px;
    }
}

.obj-cvr {
    object-fit: cover;
}

.gl-gap-20-cus {
    gap: 20px;
}

.zoom-custm-new {
    overflow: hidden;
    /* Important to prevent image overflow */
}

.zoom-custm-new img {
    transition: transform 0.6s ease;
    /* Smooth animation */
}

.zoom-custm-new:hover img {
    transform: scale(1.1);
    /* Zoom level */
}


/* services-new------------------------------------------------ */

.serv-ban-btm-vy {
    color: #A9A9A9;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.copy-ser-vy {
    color: #A9A9A9;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.star-flwr {
    margin: 0 0 auto;
    width: 35px;

}

.flwr-cntnt-vy {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    margin: 0 auto;

    text-transform: capitalize;
}

.gap-60-vy {
    gap: 60px;
    margin: auto 0;
}

.auto-last {
    margin: auto 0;
}

.auto-last {
    display: inline-block;
    animation: smoothFlow 2.5s ease-in-out infinite;
}

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

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

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


.shadow-des {
    color: rgba(255, 255, 255, 0.20);
    font-family: "DM Sans";
    font-size: 90px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.shadow-cntnt-vy {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}




.design_list_vy {
    width: 100%;

    box-sizing: border-box;
}

/* ===== Row ===== */
.design_list_vy .design_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    cursor: pointer;
    transition: 0.4s ease;
    text-decoration: none;
}

/* ===== Row ===== */
.design_list_vy .design_row_small {
    display: flex;

    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    cursor: pointer;
    transition: 0.4s ease;
    text-decoration: none;
}


.design_row_small {
    gap: 20px
}

/* ===== Text ===== */
.design_list_vy .design_text {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    transition: transform 0.4s ease;
}

/* ===== Arrow ===== */
.design_list_vy .design_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: transform 0.4s ease;
}

/* ===== Hover Animation ===== */
.design_list_vy .design_row:hover .design_arrow {
    transform: translateX(15px);
}

.design_list_vy .design_row:hover .design_text {
    transform: translateX(6px);
}

/* Optional smooth fade effect */
.design_list_vy .design_row:hover {
    background: rgba(255, 255, 255, 0.03);
}

/* ===== Hover Animation ===== */
.design_list_vy .design_row_small:hover .design_arrow {
    transform: translateX(15px);
}

.design_list_vy .design_row_small:hover .design_text {
    transform: translateX(6px);
}

/* Optional smooth fade effect */
.design_list_vy .design_row_small:hover {
    background: rgba(255, 255, 255, 0.03);
}

.dev-head-vy {
    color: rgba(255, 255, 255, 0.20);
    font-family: "DM Sans";
    font-size: 90px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.dev-cntnt-small {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 121.9%;
    /* 29.256px */

}

.dev-para-vy {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

.w-35p {
    width: 35px;
}

.gl-w-33 {
    width: 33%;
}

.gap-90-vy {
    gap: 90px;
}

.gl-w-38-cus {
    width: 38%;
}

.gl-w-62-cus {
    width: 62%;
}


/* client-page------------------------------------------- */

.clnt-head-vy {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 70px;
    line-height: 70px;

    font-weight: 400;
}


.gradient_text_vy {
    font-size: 70px;
    line-height: 60px;

    font-family: "Playfair Display", serif;
    font-style: italic;
    background: linear-gradient(90deg, #FB5607, #FF006E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
}

.clnt-banr-cntnt {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 16px;


    font-weight: 300;
}


.py-custm {
    padding-top: 250px;
    padding-bottom: 150px;
}



.client-grid {
    display: flex;
    flex-direction: row;
    display: grid;
    width: 100%;
    position: relative;
    flex-wrap: wrap;

}

.client-grids {
    grid-auto-flow: row;

    grid-template-columns: repeat(5, 1fr);

    .spanItem {
        grid-column: span 2;
    }



    @media (max-width: 1366px) {
        grid-template-columns: repeat(4, 1fr);
    }

    @media (max-width: 1200px) {
        grid-template-columns: repeat(3, 1fr);
    }

    @media (max-width: 1200px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media (max-width: 575px) {
        grid-template-columns: repeat(1, 1fr);
    }
}


.brdr-bx-clint {
    border: 1px solid #474747;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* 1. The Hover Image (Invisible but sets the height) */
.img-hover {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    /* Container follows this height */
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

/* 2. The Main Image (Visible but floating) */
.img-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 90%;
    /* Keeps it from touching the edges */
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
}

/* 3. Hover Interaction */
.hover-container:hover .img-main {
    opacity: 0;
}

.hover-container:hover .img-hover {
    opacity: 1;
    /* Reveals the image that was already holding the space */
}



/* modal-------------------------------------- */
.vy_consult_section {display:flex; width:100%; min-height:650px;}
.vy_consult_left {width:50%; background-image:url("../images/home/cons-modal-bg.webp"); background-size:cover; background-position:center; position:relative; color:#fff;}
.vy_consult_left::before {content:""; position:absolute; width:100%; height:100%; opacity:.9;}
.vy_left_content {position:relative; padding:50px; z-index:2;}
.vy_small_text {color:#FFF; font-family:"DM Sans"; font-size:24px; font-style:normal; font-weight:600; line-height:normal;}
.vy_main_heading {color:#FFF; font-family:"DM Sans"; font-size:40px; font-style:normal; font-weight:700; line-height:45px;}
.vy_stats_row {display:flex; gap:80px; margin-bottom:40px;}
.vy_stat_number {color:#FFF; font-family:"DM Sans"; font-size:28px; font-style:normal; font-weight:600; line-height:normal;}
.vy_stat_text {color:#FFF; font-family:"DM Sans"; font-size:14px; font-style:normal; font-weight:500; line-height:normal;}
.vy_brand_title {color:#FFF; font-family:"DM Sans"; font-size:20px; font-style:normal; font-weight:700; line-height:normal; letter-spacing:-0.4px;}
.vy_client_grid {display:grid;grid-template-columns:repeat(4, 1fr);gap: 22px;}
.vy_client_logo {display:flex;justify-content: center;align-items: center;}
.vy_client_logo img{width: 100%;height: auto;}
.vy_consult_right {width:50%; background:#fff; display:flex; padding:40px;}
.vy_form_wrapper {width:100%; position:relative;}
.vy_form_close {position:absolute; right:0; top:-30px; font-size:24px; cursor:pointer;}
.vy_form_title {color:#000; font-family:"DM Sans"; font-size:31px; font-style:normal; font-weight:600; line-height:normal;}
.vy_form_row {display:flex; gap:40px; margin-bottom:40px;}
.vy_form_group {flex:1; display:flex; flex-direction:column;}
.vy_form_group label {color:#000; font-family:"DM Sans"; font-size:16px; font-style:normal; font-weight:500; line-height:normal; text-transform:capitalize;}
.vy_form_group input, .vy_form_group textarea {border:none; border-bottom:1px solid #ccc; padding:8px 0; color:#A4A4A4; font-family:"DM Sans"; font-size:16px; font-style:normal; font-weight:500; line-height:normal; text-transform:capitalize;}
.vy_form_group textarea {height:80px; resize:none;}
.vy_full {width:100%; margin-bottom:30px;}
.vy_captcha_row {display:flex; align-items:center; gap:15px; margin-bottom:30px;}
.vy_captcha_box {border:1px dashed #ccc; padding:10px 20px; font-weight:600;}
.vy_captcha_input {border:none; border-bottom:1px solid #ccc; padding:8px; flex:1;}
.vy_submit_btn {width:100%; display:inline-flex; align-items:center; gap:10px; justify-content:center; padding:14px 28px; background:#000; border:none; cursor:pointer; color:#FFF; font-family:"DM Sans"; font-size:16px; font-style:normal; font-weight:500; line-height:normal; text-transform:capitalize; transition:0.3s;}
.vy_btn_arrow {transition:transform 0.3s ease;}
.vy_submit_btn:hover .vy_btn_arrow {transform:translateX(6px);}

@media(max-width:992px) {
.vy_consult_section {flex-direction:column;}
.vy_consult_left, .vy_consult_right {width:100%;}
.vy_left_content {padding:50px 30px;}
.vy_form_wrapper {width:90%;}
.vy_form_row {flex-direction:column; gap:20px;}
.vy_client_grid {grid-template-columns:repeat(2, 1fr);}
}

.vy_modal_overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); display:flex; justify-content:center; align-items:center; z-index:9999; opacity:0; visibility:hidden; transition:0.4s;}
.vy_modal_overlay.active {opacity:1; visibility:visible;}
.vy_modal_container {width:90%; max-width:1380px; background:#fff; position:relative;}
.vy_modal_close {position:absolute; right:20px; top:15px; font-size:24px; cursor:pointer; z-index:10;}
.vy_modal_container {max-height:90vh; overflow-y:auto;}
.vy_captcha_section {display:flex; align-items:center; gap:15px;}
.vy_refresh_icon {cursor:pointer; display:flex; align-items:center; justify-content:center;}
.vy_refresh_icon img {width:18px; transition:transform 0.4s ease; filter: invert(1);}
.vy_refresh_icon:hover img {transform:rotate(180deg);}
.vy_captcha_input_small {width:180px; border:none; border-bottom:1px solid #ccc; padding:6px 5px; color:#AAA; font-family:"DM Sans"; font-size:16px; font-style:normal; font-weight:500; line-height:normal; outline:none;}
.vy_captcha_box {border:1px dashed #aaa; padding:10px 18px; font-family:"DM Sans"; font-size:16px; font-weight:600; letter-spacing:2px;}

@media (max-width: 1366px) {
.vy_main_heading {font-size:32px; line-height:38px;}
.vy_consult_right {padding:35px;}
.vy_stats_row {display:flex; gap:50px; margin-bottom:40px;}
.vy_form_row {display:flex; gap:40px; margin-bottom:30px;}
.vy_consult_section {display:flex; width:100%; min-height:auto;}
}

@media (max-width: 1300px) {
.vy_client_grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
}

@media (max-width: 1150px) {
.vy_stat_number {font-size:24px;}
}

@media (max-width: 992px) {
.vy_consult_section {flex-direction:column;}
.vy_consult_left, .vy_consult_right {width:100%;}
.vy_left_content {padding:40px 25px;}
.vy_stats_row {display:none !important;}
.vy_client_grid {display:none !important;}
.vy_main_heading {font-size:30px;}
.vy_form_wrapper {width:100%; margin:auto;}
.vy_form_row {flex-direction:column; gap:15px;}
.vy_form_title {font-size:26px;}
.vy_modal_close {color:#ffffff;}
}

@media (max-width: 575px) {
.vy_left_content {position:relative; padding:40px 20px 30px 20px;}
.vy_consult_right {padding:20px;}
.vy_small_text {color:#FFF; font-family:"DM Sans"; font-size:18px;}
.vy_brand_title {color:#FFF; font-family:"DM Sans"; font-size:17px;}
.vy_form_title {font-size:22px;}
}


/* partnership,talent,proposal */
.partner-grid {display:flex; flex-direction:row; display:grid; width:100%; position:relative; flex-wrap:wrap; padding-top:30px;}

.partner-grid-area {
grid-auto-flow:row; gap:70px 20px; grid-template-columns:repeat(3, 1fr); .spanItem {grid-column:span 2;}
@media (max-width: 1366px) {grid-template-columns:repeat(3, 1fr); gap:50px 30px;}
@media (max-width:991px) {grid-template-columns:repeat(2, 1fr); gap:50px 30px;}
@media (max-width:575px) {grid-template-columns:repeat(1, 1fr); gap:35px 30px;}
}

.part-serv-hd-vy {color:#FFF; font-family:"DM Sans"; font-size:28px; font-style:normal; font-weight:500; line-height:normal; text-transform:capitalize;}
.part-serv-cntnt-vy {color:#FFF; font-family:"DM Sans"; font-size:18px; font-style:normal; font-weight:300; line-height:normal; text-transform:capitalize;}
.wlcm-vy-hd {color:#D5D5D5; font-family:"DM Sans"; font-size:25px; font-style:normal; font-weight:300; line-height:normal;}
.prt-serv-big-hd {color:#FFF; font-family:"DM Sans"; font-size:45px; font-style:normal; font-weight:500; line-height:normal; text-transform:capitalize;}
.gl-pt-180 {padding-top:180px;}
.common_three_row_vy {width:100%; background:#000; padding:60px 5%;}
.vy_row {display:flex; align-items:center; justify-content:space-between; gap:40px; padding:30px 0;}
.brder-vy-row {border-bottom:1px solid #404040;}
.vy_left {flex:1; color:#4b4b4b; font-family:"DM Sans"; font-size:75px; font-style:normal; font-weight:600; line-height:70px; text-transform:capitalize;}
.vy_center {flex:1; color:#FFF; font-family:"DM Sans"; font-size:22px; font-style:normal; font-weight:300; line-height:normal;}
.vy_right {flex:1; text-align:center;}
.vy_right img {height:auto;}

@media (max-width: 991px) {
.vy_row {text-align:left;}
.vy_left {font-size:40px; width:100%;}
.vy_center {width:100%;}
.vy_right {width:100%; text-align:center; margin-top:20px;}
}

@media (max-width: 575px) {
.vy_left {font-size:32px;}
.vy_center {font-size:14px;}
.vy_row {padding:30px 0;}
}

.with_us_grid_vy {display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid #565656; border-bottom:1px solid #565656;}
.with_us_item_vy {display:flex; flex-direction:column; justify-content:space-between; padding:50px 40px; border-right:1px solid #565656;}
.with_us_item_vy:last-child {border-right:none;}
.with_us_title_vy {color:#4b4b4b; font-family:"DM Sans"; font-size:75px; font-style:normal; font-weight:600; line-height:normal; text-transform:capitalize; margin-bottom:20px;}
.with_us_text_vy {color:#FFF; font-family:"DM Sans"; font-size:22px; font-style:normal; font-weight:300; line-height:normal;}
.with_us_img_vy {margin-top:30px; display:flex; justify-content:flex-start;}
.with_us_img_vy img {height:auto;}

@media (max-width: 1200px) {
.with_us_grid_vy {grid-template-columns:repeat(2, 1fr);}
.with_us_item_vy:nth-child(2) {border-right:none;}
.with_us_item_vy:nth-child(3) {border-top:1px solid rgba(255, 255, 255, 0.1); grid-column:span 2;}
}

@media (max-width: 575px) {
.with_us_grid_vy {grid-template-columns:1fr;}
.with_us_item_vy {border-right:none; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.with_us_item_vy:last-child {border-bottom:none;}
.with_us_title_vy {font-size:28px;}
}

.access_row_box_vy {display:flex; align-items:center; justify-content:space-between; gap:40px; padding:60px; background-color:#000; color:#fff; flex-wrap:wrap;}
.access_img_box_vy {flex:1; max-width:50%;}
.access_img_box_vy img {width:100%; height:auto; border-radius:12px; display:block;}
.access_content_box_vy {flex:1; max-width:50%;}
.access_title_vy {font-size:32px; font-weight:600; margin-bottom:20px; line-height:1.3;}
.access_desc_vy {font-size:15px; line-height:1.7; color:#b5b5b5;}
.sec-box-img-vy {width:300px;}
.ht-grad {height:100px;}
.tal-img-wid {width:300px;}

@media (max-width: 768px) {
.access_row_box_vy {flex-direction:column; padding:30px;}
.access_img_box_vy, .access_content_box_vy {max-width:100%;}
.access_title_vy {font-size:24px;}
}

@media (max-width:1800px) {
.with_us_title_vy {font-size:50px;}
.with_us_text_vy {font-size:18px;}
}

@media (max-width:1600px) {
.vy_left {font-size:55px;}
.vy_center {font-size:18px;}
}

@media (max-width:1500px) {
.part-serv-hd-vy {font-size:26px;}
.part-serv-cntnt-vy {font-size:18px;}
.gl-pt-180 {padding-top:100px;}
.access_row_vy_new {gap:60px;}
.access_content_vy_new h3 {font-size:28px;}
.access_content_vy_new p {color:#898989; font-family:"DM Sans"; font-size:18px; line-height:26px;}
}

@media (max-width:1300px) {
.with_us_title_vy {font-size:40px;}
.with_us_text_vy {font-size:16px;}
}

@media (max-width:1150px) {
.vy_right img {height:auto; width:220px;}
.vy_left {font-size:40px;}
.vy_center {font-size:15px;}
}

@media (max-width:900px) {
.vy_row {display:flex; flex-direction:column;}
.vy_right {text-align:left;}
.with_us_grid_vy {grid-template-columns:repeat(1, 1fr);}
.with_us_item_vy {grid-column:span 2;}
.sec-box-img-vy {width:220px;}
.with_us_item_vy {border-bottom:1px solid #565656; border-right:none;}
.with_us_item_vy {padding:50px 0px;}
.part-serv-cntnt-vy {font-size:14px;}
}

@media (max-width:575px) {
.prt-serv-big-hd {font-size:30px;}
.wlcm-vy-hd {font-size:16px;}
.vy_row {padding:20px 0;}
.vy_row {gap:20px;}
.with_us_item_vy {padding:25px 0px;}
.with_us_title_vy {font-size:30px;}
.vy_left {font-size:30px;}
}

.access_section_vy_new {background:#000; padding:80px 20px; color:#fff; font-family:Arial, sans-serif;}
.access_heading_vy_new h2 {font-size:40px; margin:0; font-weight:500;}
.access_heading_vy_new span {font-size:42px; font-style:italic; color:#d78bff; display:block; margin-top:5px;}
.access_row_vy_new {display:flex; gap:110px; margin-top:40px;}
.access_img_vy_new {}
.access_img_vy_new img {width:100%; border-radius:10px; display:block;}
.access_content_vy_new {}
.access_content_vy_new h3 {color:#EAEAEA; font-family:"DM Sans"; font-size:36px; font-style:normal; font-weight:500; line-height:40px; text-transform:capitalize;}
.access_content_vy_new p {color:#898989; font-family:"DM Sans"; font-size:22px; font-style:normal; font-weight:400; line-height:32px;}

@media (max-width: 991px) {
.access_row_vy_new {flex-direction:column;}
.access_heading_vy_new h2 {font-size:32px;}
.access_heading_vy_new span {font-size:34px;}
}

@media (max-width: 575px) {
.access_section_vy_new {padding:60px 15px;}
.access_content_vy_new h3 {font-size:20px;}
.access_content_vy_new p {font-size:14px;}
}

@media (max-width:1500px) {
.access_content_vy_new h3 {font-size:28px;}
.access_content_vy_new p {color:#898989; font-family:"DM Sans"; font-size:18px; line-height:26px;}
.access_row_vy_new {display:flex; gap:60px; margin-top:40px;}
}

@media (max-width:991px) {
.access_row_vy_new {display:flex; gap:25px; margin-top:40px;}
.gl-pt-180 {padding-top:50px;}
.access_content_vy_new h3 {font-size:23px; line-height:28px;}
.access_content_vy_new p {font-size:15px; line-height:22px;}
}

@media (max-width:575px) {
.vy_row {gap:7px;}
.part-serv-hd-vy {font-size:22px;}
}

.request_quote_vy_section {position:relative; width:100%; padding:80px 0; background:#000000;}
.request_quote_vy_container {width:90%; max-width:1380px; margin:auto;}
.request_quote_vy_consult_section {display:flex;}
.request_quote_vy_consult_left {width:50%; background:url('../images/request/banner-side.png') center/cover no-repeat;}
.request_quote_vy_left_content {padding:40px; font-family:"DM Sans"; color:#ffffff;}
.request_quote_vy_main_heading {font-size:40px; font-weight:600; line-height:1.3; font-family:"DM Sans"; color:#ffffff;}
.request_quote_vy_captcha_input_small {border-color:none !important;}
.request_quote_vy_stats_row {display:flex; gap:40px; margin:40px 0; font-family:"DM Sans"; color:#ffffff;}
.request_quote_vy_stat_number {font-size:28px; font-weight:700; font-family:"DM Sans"; color:#ffffff;}
.request_quote_vy_client_grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; font-family:"DM Sans"; color:#ffffff;}
.request_quote_vy_consult_right {width:50%; background:#fff; padding:40px; font-family:"DM Sans";}
.request_quote_vy_form_row {display:flex; gap:20px; margin-bottom:20px; font-family:"DM Sans";}
.request_quote_vy_form_group {width:100%; font-family:"DM Sans";}
.request_quote_vy_form_group input, .request_quote_vy_form_group textarea {width:100%; border:none; border-bottom:1px solid #ccc; padding:10px 5px; outline:none; font-family:"DM Sans";}
.request_quote_vy_full textarea {height:100px;}
.request_quote_vy_captcha_section {display:flex; align-items:center; gap:15px; margin:20px 0;}
.request_quote_vy_captcha_box {border:1px dashed #aaa; padding:10px 18px;}
.request_quote_vy_refresh_icon img {width:18px; transition:0.3s;}
.request_quote_vy_refresh_icon:hover img {transform:rotate(180deg);}
.request_quote_vy_submit_btn {position:relative; overflow:hidden; background:#000; color:#fff; padding:12px 30px; border:none; cursor:pointer; z-index:1; transition:color 0.3s ease;}
.request_quote_vy_submit_btn::before {content:""; position:absolute; top:-100%; left:0; width:100%; height:100%; background:#052c80; z-index:-1; transition:0.4s ease;}
.request_quote_vy_submit_btn:hover::before {top:0;}
.request_quote_vy_submit_btn:hover {color:#ffffff;}
.request_quote_vy_form_group input, .request_quote_vy_form_group textarea, .request_quote_vy_select {width:100%; border:none; border-bottom:1px solid #ccc; padding:10px 5px; outline:none; background:transparent;}
.request_quote_vy_select {appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer;}
.request_quote_vy_select_wrap {position:relative;}
.request_quote_vy_select_wrap::after {content:""; position:absolute; right:5px; top:38px; width:16px; height:16px; background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:contain; pointer-events:none;}
.request_quote_vy_captcha_input_small {width:180px; border:none; border-bottom:1px solid #ccc; padding:8px 5px; outline:none; background:transparent; font-size:14px; font-family:"DM Sans";}
.story-head-req {color:#FFF; text-align:center; font-family:"DM Sans"; font-size:122px; font-style:normal; font-weight:600; line-height:140px;}
.story-head-italic-req {color:#FFF; font-family:"Playfair Display"; font-size:122px; font-style:italic; font-weight:400; line-height:121px;}

@media (max-width: 992px) {
.request_quote_vy_consult_section {flex-direction:column;}
.request_quote_vy_consult_left, .request_quote_vy_consult_right {width:100%;}
.request_quote_vy_form_row {flex-direction:column;}
.request_quote_vy_client_grid {grid-template-columns:repeat(2, 1fr);}
.story-head-req {font-size:55px; line-height:93px;}
.story-head-italic-req {font-size:60px; line-height:88px;}
}

@media (max-width: 575px) {
.story-head-req {font-size:38px; line-height:50px;}
.story-head-italic-req {font-size:38px; line-height:50px;}
.request_quote_vy_left_content {padding:20px; font-family:"DM Sans"; color:#ffffff;}
.request_quote_vy_container {width:100%;}
.request_quote_vy_stats_row {display:flex; gap:10px; margin:40px 0; font-family:"DM Sans"; color:#ffffff;}
.request_quote_vy_consult_right {width:100%; background:#fff; padding:20px; font-family:"DM Sans";}
.request_quote_vy_brand_title {display:none;}
.request_quote_vy_client_grid {display:none;}
.request_quote_vy_main_heading {font-size:33px; font-weight:600; line-height:1.3; font-family:"DM Sans"; color:#ffffff;}
.request_quote_vy_stats_row {margin:15px 0;}
}

.partner-banner-bg {background-image:url("../images/talent-outsource/partner-banner.webp"); background-color:#000000; height:997px; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; position:relative;}
.talent-banner-bg {background-image:url("../images/talent-outsource/talent-banner.webp"); background-color:#000000; height:997px; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; position:relative;}
/* .career-banner-bg {background-image:url("./images/career/career-banner.webp"); background-color:#000000; height:997px; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; position:relative;} */

@media (max-width: 1850px) {
.partner-banner-bg {height:850px;}
.talent-banner-bg {height:850px;}
}

@media (max-width: 767px) {
.partner-banner-bg {height:830px;}
.talent-banner-bg {height:830px;}
}