/* TypoGraphy */
* {
    box-sizing: border-box;
}

:focus {
    outline: none !important;
    box-shadow: none;
    border-color: inherit;
}

textarea.form-control {
    resize: none;
    overflow: hidden;
}

html,
body {
    width: 100%;
    overflow-x: hidden;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Sofia Pro Reg';
    font-weight: normal;
    background: #fff;
    overflow-x: hidden;
    font-size: 16px;
    color: #000;
}

img {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

a,
a:hover {
    text-decoration: none;
}

p {
    font-size: 16px;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px 0 20px;
    padding: 0px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #000;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #01a4ec;
}

h1 {
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    font-size: 80px;
    line-height: 80px;
    color: #000000;
}

h2 {
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    color: #000000;

}

h3 {
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    font-size: 28px;
    line-height: 43px;
    color: #585B5D;
}

h4 {
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    color: #585B5D;
}

h5 {
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #585B5D;
}

h6 {
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: #585B5D;
}

p {
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    padding: 0px 0 30px 18px;
    margin: 0px;
}

ol {
    padding-bottom: 20px;
    padding-left: 15px;
}

ol li {
    position: relative;
    padding-left: 5px;
}

li {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #1A1A1A;
}

li a {
    color: #000;
}

li a:hover {
    color: #898F5E;
}

a {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    color: #000;
    text-decoration: none;
}

a:hover {
    transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    color: #898F5E;
}

button {
    padding: 0;
    background-color: transparent;
    border: none;
}

body.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.btn-black {
    background: #1A1A19;
    border: 0;
    color: #fff;
    border-radius: 100px;

    min-width: 270px;
    min-height: 55px;

    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #F7F6F4;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;

    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    padding: 0px 20px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transform: translateY(1px);
}

.btn-black:hover {
    background: #898F5E;
    color: #fff;
}
:root {
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --i: 0;
  --base: calc(var(--i) * 110ms);
}
/** ================== // HEADER CSS START // ================== **/
.header {
    background: transparent;
    padding: 49px 0px;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
}

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

.header .logo-white,
.header .head-icon-white {
    display: none;
}

.header.inner-header .logo-black,
.header.inner-header .head-icon-black {
    display: none;
}

.header.inner-header .logo-white,
.header.inner-header .head-icon-white {
    display: block;
}

.navigation .moblelogo {
    display: none;
}

.main-nav .menu-bar {
    display: none;
}

.nav-manu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    bottom: 1px;
}

.nav-manu ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style-type: none;
}

.nav-manu ul li {
    padding: 10px 0;
    position: relative;
    margin-left: 22px;
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #1B1B1B;
}

.nav-manu ul li:first-child {
    margin-left: 0;
}

.nav-manu ul li a {
    color: #1B1B1B;
    position: relative;
}

.nav-manu ul li.current-menu-item a {
    color: #898F5E;
}

.nav-manu ul li a:hover {
    color: #898F5E;
}

/** SUB MENU **/
.navigation ul li ul.sub-menu {
    position: absolute;
    display: block;
    top: 20px;
    width: auto;
    transition: all 0.3s;
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    min-width: 241px;
    left: -112%;
    z-index: 1999;
    padding: 4px 8px;
    width: auto;
    margin-top: 15px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
    border-radius: 8px;
    background: #fff;
    overflow: visible;
}

.navigation ul li ul.sub-menu.shop-submenu {
    left: auto;
    right: 0;
}

/* .navigation ul li:hover>ul.sub-menu {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
} */
.navigation ul li.open-submenu>ul.sub-menu {
    opacity: 1;
    visibility: visible;
}
.navigation ul li ul.sub-menu.shop-submenu::before {
    left: auto;
    right: 40px;
}

.navigation ul li ul.sub-menu li {
    padding: 4px 0;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    position: relative;
    box-shadow: none;
    transition: background-color 0.2s !important;
}

.navigation ul li ul.sub-menu li a {
    display: block;
    padding: 12px 14px 12px 16px;
    color: #1B1B1B;
    border-radius: 4px;
    background-color: #fff;
}

.navigation ul li ul.sub-menu > li:hover > a {
    background-color: #F1F2E9;
    color: #1B1B1B;
}

.navigation ul li ul.sub-menu li.current-menu-item > a {
    background-color: #F1F2E9;
    color: #1B1B1B;
}

.navigation ul li ul.sub-menu ul.sub-menu {
    left: 100%;
    top: 0;
    width: max-content;
    margin-left: 0;
    margin-top: 0;
}

.navigation ul li ul.sub-menu li:last-child {
    border-bottom: none;
}

.navigation .menu-item-has-children>a::after {
    content: "";
    width: 7px;
    height: 7px;
    transition: 0.4s;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #1B1B1B;
    margin-top: 0;
    display: inline-block;
    position: relative;
    margin-left: 6px;
}
.navigation ul li ul.sub-menu .menu-item-has-children>a::after {
    position: absolute;
    right: 14px;
    top: 17px;
    transform: rotate(-90deg);
}
.nav-manu ul li a:hover::after {
    border-top-color: #898F5E;
}
.contact-nav {
    margin-left: 25px;
    line-height: 1;
    position: relative;
    top: 1px;
}

.link-btn {
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #898F5E;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 7px;
}

.link-btn:hover {
    color: #1B1B1B;
}
.link-btn.explore-link-btn {
    position: relative;
    color: #898F5E;
}
.link-btn.explore-link-btn .star-svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.link-btn.explore-link-btn .btn-text {
    position: relative;
}
.link-btn.explore-link-btn .btn-text::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background: #898F5E;
    transition: width 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.link-btn.explore-link-btn:hover .btn-text::after {
    width: 100%;
}

/** ================== // HEADER CSS END // ================== **/

/** ================== // BANNER SECTION CSS START // ================== **/
.banner-section {
    background: #F1F2E9;
}

.banner-section {
    background: #F1F2E9;
    padding: 224px 0px 120px;
    position: relative;
    overflow: hidden;
}

.home-banner-section .banner-heading {
    max-width: 1067px;
    margin: 0 auto;
}

.home-banner-section .banner-heading h1 {
    max-width: 997px;
    margin: 0;
}

.home-banner-section .banner-heading p {
    max-width: 378px;
    margin-left: auto;
    margin-bottom: 0;
    margin-top: -33px;
    margin-right: 30px;
}

.home-banner-section .banner-btn {
    margin-top: -10px;
    margin-left: 10px;
}
.banner-section.home-banner-hospitality-section {
    padding-bottom: 32px;
}
.home-banner-hospitality-wrap.banner-heading {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.home-banner-hospitality-left-col {
    width: 732px;
}
.home-banner-hospitality-section .home-banner-hospitality-wrap.banner-heading h1 {
    max-width: 100%;
    margin: 0;
    line-height: 105%;
    margin-top: -15px;
    margin-bottom: -10px;
    letter-spacing: -0.04em;
}
.home-banner-hospitality-right-col {
    width: 508px;
    display: flex;
    flex-direction: column;
}
.home-banner-hospitality-top {
    margin-top: 16px;
}
.home-banner-hospitality-section .home-banner-hospitality-wrap.banner-heading .home-banner-hospitality-right-col p {
    max-width: 100%;
    margin: 0px 0 20px;
}
.home-banner-hospitality-section .home-banner-hospitality-wrap .banner-btn {
    margin: 0;
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.home-banner-hospitality-section .home-banner-hospitality-wrap .banner-btn .btn-black {
    min-width: 157px;
    min-height: 48px;
    font-weight: 600;
    font-family: 'Sofia Pro SemiBold';
}
.home-banner-hospitality-section .home-banner-hospitality-wrap .banner-btn .btn-black.btn-trans {
    background: transparent;
    color: #1A1A19;
    border-color: #1A1A19;
}
.home-banner-hospitality-section .home-banner-hospitality-wrap .banner-btn .btn-black.btn-trans:hover {
    background: #898F5E;
    color: #fff;
    border-color: #898F5E;
}
.banner-down-by-geroge {
    margin-top: 115px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 24px;
}
.banner-down-by-geroge ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    column-gap: 35px;
}
.banner-down-by-geroge ul li {
    font-size: 14px;
    line-height: 150%;
    color: #000000;
    font-family: 'Sofia Pro Reg';
    font-weight: normal;
    position: relative;
    padding-right: 35px;
}
.banner-down-by-geroge ul li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(0, 0, 0, 0.1);
}
.banner-down-by-geroge ul li:last-child {
    padding-right: 0;
}
.banner-down-by-geroge ul li:last-child::after {
    display: none;
}
.banner-down-by-geroge ul li span {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0.08em;
    color: rgba(0, 0, 0, 0.65);
    opacity: 0.65;
    font-family: 'Sofia Pro Medium';
    margin-bottom: 5px;
}
.banner-section h1.heroH1 {
    font-family: 'Sofia Pro Semibold';
    font-size: 74px;
    font-weight: 600;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
    color: #1a1a18;
}
.heroH1 .reveal-word {
    display: inline-block;
    vertical-align: bottom;
    clip-path: inset(-10% 0 -20% 0);
}
.heroH1 .reveal-word span {
  display: inline-block;
  opacity: 0;
  transform: translateY(100%) rotate(1.5deg);
  will-change: transform, opacity;
}
.home-banner-hospitality-section.hero-v2-desing-section .home-banner-hospitality-wrap.banner-heading .home-banner-hospitality-right-col p {
    max-width: 100%;
    margin: 0px 0 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    color: #5a5950;
    margin-bottom: 32px;
    font-family: 'DM Sans';
}
.hero-home-v1-section .home-banner-hospitality-top {
    font-family: 'Sofia Pro Reg';
    font-weight: normal;
    margin-top: 0;
}
.hero-home-v1-section .banner-down-by-geroge ul li{
    font-family: 'Sofia Pro Reg';
    font-weight: normal;
}
.banner-down-by-geroge ul li span {
    font-family: 'Sofia Pro Semibold';
    font-weight: 600;
}
.hero-v2-desing-section .home-banner-hospitality-right-col {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 0.9s cubic-bezier(0.32, 0.72, 0, 1) 1.1s forwards;
}
.hero-v2-desing-section .banner-down-by-geroge {
    opacity: 0;
    transform: translateY(14px);
    animation: fadeUp 0.8s cubic-bezier(0.32, 0.72, 0, 1) 1.25s forwards;
}
.hero-home-v1-section .home-banner-hospitality-right-col {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 0.9s cubic-bezier(0.32, 0.72, 0, 1) 1.1s forwards;
}
.hero-home-v1-section .banner-down-by-geroge {
    opacity: 0;
    transform: translateY(14px);
    animation: fadeUp 0.8s cubic-bezier(0.32, 0.72, 0, 1) 1.25s forwards;
}
.hero-v2-desing-section .banner-down-by-geroge ul {
    justify-content: space-between;
    column-gap: 20px;
}
.hero-v2-desing-section .banner-down-by-geroge ul li {
    padding-right: 35px;
    width: calc(33% - 20px);
}

.fadeUp-animate{
    opacity: 0;
    transform: translateY(14px);
    animation: fadeUp 0.8s cubic-bezier(0.32, 0.72, 0, 1) 1.25s forwards;
}
.fadeUp-animate.heading.left-line h2 .line {
    width: 100px;
    transition: 0.7s;
}
@keyframes fadeIn { to { opacity: 1; } }
@keyframes fadeUp {
  0%   { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes wordUp {
  0%   { opacity: 0; transform: translateY(100%) rotate(1.5deg); }
  100% { opacity: 1; transform: translateY(0) rotate(0deg); }
}

/** ================== // BANNER SECTION CSS END // ================== **/

/** ================== // HOSPITALITY EXPERTS SECTION CSS START // ================== **/
.section,
.section-bottom {
    padding-top: 120px;
}

.section-bottom {
    padding-bottom: 120px;
}

.heading {
    margin-bottom: 50px;
}

.heading h2 {
    margin-bottom: 18px;
}

.heading h2:last-child {
    margin-bottom: 0px;
}

.heading p {
    max-width: 620px;
}

.heading.text-center p {
    max-width: 620px;
    margin: 0 auto;
}
.heading-lg.heading.text-center p {
    max-width: 880px;
}
.heading.left-line h2 {
    display: inline-flex;
    column-gap: 30px;
}

.heading.left-line h2 .line {
    width: 0;
    height: 1px;
    background: #000;
    transition: 0.7s;
    margin-top: 22px;
}

.aos-animate.heading.left-line h2 .line {
    width: 100px;
    transition: 0.7s;
}

.hospitality-experts-wrap {
    align-items: center;
}

.hospitality-experts-img-card {
    border-radius: 10px;
    overflow: hidden;
}

.hospitality-experts-info-card {
    padding-left: 60px;
}
p {
    margin-bottom: 30px;
}
p:last-child {
    margin-bottom: 0;
}
/** ================== // HOSPITALITY EXPERTS SECTION CSS END // ================== **/

/** ================== // WHAT WE DO SECTION CSS START // ================== **/
.what-we-do-wrapper {
    border-radius: 30px;
    background: #F9F9F7;
}

.what-we-do-holder {
    max-width: 1044px;
    margin: 0 auto;
}

.what-we-do-wrap {
    margin: 0 auto;
    justify-content: space-between;
    row-gap: 38px;
    column-gap: 19px;
}

.what-we-do-item {
    width: calc(50% - 19px);
    padding: 0;
}

.what-we-do-item-holder {
    display: flex;
    flex-direction: column;
    row-gap: 22px;
}

.what-we-do-img-card {
    border-radius: 10px;
    overflow: hidden;
}

.what-we-do-img-card img {
    width: 100%;
}

.what-we-do-info-card h3 {
    font-size: 22px;
    line-height: 22px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.what-we-do-info-card h3 a {
    color: #000000;
}

.what-we-do-info-card h3 a:hover {
    color: #898F5E;
}

.what-we-do-info-card p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}

.what-we-do-holder .line-center {
    height: 0px;
    width: 1px;
    background: #000;
    margin: -140px auto 20px;
    display: block;
    transition: 0.7s;
}

.what-we-do-holder .aos-animate.line-center {
    height: 116px;
    transition: 0.7s;
}

.what-we-do-updated-section .section-bottom.what-we-do-wrapper {
    padding-bottom: 70px;
}
.what-we-do-contact-section {
    margin-top: 90px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.what-we-do-contact-col-left {
    width: 650px;
}
.what-we-do-contact-col-right {
    width: 157px;
}
.what-we-do-contact-col-right .btn-black {
    min-width: 100%;
    min-height: 48px;
    font-weight: 600;
    font-family: 'Sofia Pro SemiBold';
}
.what-we-do-contact-col-left h3 {
    font-size: 22px;
    line-height: 140%;
    color: #000000;
    margin-bottom: 5px;
}
.what-we-do-contact-col-left p {
    color: rgba(0, 0, 0, 0.65);
    font-size: 22px;
    line-height: 140%;
}
/** ================== // WHAT WE DO SECTION CSS END // ================== **/

/** ================== // TESTIMONIAL SECTION CSS START // ================== **/
.testimonial-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1110px;
    margin: 0 auto;
}

.testimonial-left-col {
    width: 260px;
}

.testimonial-right-col {
    width: calc(100% - 260px);
    padding-left: 50px;
}

.testimonial-inner {
    border-left: 1px solid #000;
    padding-left: 20px;
}

.testimonial-slider {}

.testimonial-slider .slick-slide {
    padding-right: 12px;
}

.testimonial-slider-holder {
    display: flex;
    flex-direction: column;
    row-gap: 35px;
    padding-top: 7px;
}

.testimonial-slider-holder h3 {
    font-family: 'Sofia Pro Reg';
    font-weight: normal;
    font-size: 26px;
    line-height: 40px;
    color: #000;
    margin: 0;
}

.testimonial-slider-holder p {
    font-size: 16px;
    line-height: 24px;
    padding-left: 20px;
    color: #686262;
}

.testimonial-slider-content {
    margin-top: -9px;
    max-height: 270px;
    overflow-y: auto;
    padding: 0 20px;
}

.testimonial-slider-content::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.testimonial-slider-content::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.testimonial-slider-content::-webkit-scrollbar-thumb {
    background-color: #555;
}

.testimonial-slider-dots {
    margin-top: 40px;
    padding-left: 20px;
}

.testimonial-slider-dots ul.slick-dots {
    position: unset;
    padding: 0;
    margin: 0;
    display: flex !important;
    align-items: center;
    list-style-type: none;
    line-height: 1;
    column-gap: 10px;
}

.testimonial-slider-dots ul.slick-dots li {
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial-slider-dots ul.slick-dots li button {
    font-size: 0;
    width: 12px;
    height: 12px;
    background: rgba(0, 0, 0, 0.1) !important;
    border-radius: 100%;
    transition: 0.7s;
    cursor: pointer;
    border: 0 !important;
    display: inline-block !important;
    padding: 0 !important;
}

.testimonial-slider-dots ul.slick-dots li.slick-active button,
.testimonial-slider-dots ul.slick-dots li.slick-active button:hover {
    background: #000 !important;
}

/** ================== // TESTIMONIAL SECTION CSS END // ================== **/

/** ================== // BOTTOM FOUNDER STORY SECTION CSS START // ================== **/
.bottom-founder-section {
    background: #2D412D;
    position: relative;
    overflow: hidden;
}
.bottom-founder-section .heading {
    max-width: 1110px;
    margin: 0 auto;
}
.bottom-founder-section .heading h2 {
    font-size: 56px;
    line-height: 56px;
    color: #FFFFFF;
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
}
.bottom-founder-section .talk-btn {
    padding-top: 30px;
}
.bottom-founder-section .talk-btn .btn-white {
    font-weight: 600;
    font-size: 16px;
    font-family: 'Sofia Pro SemiBold';
    min-width: 252px;
    min-height: 48px;
}
.bottom-founder-bg-logo {
    position: absolute;
    right: -1px;
    bottom: 0;
    width: 1090px;
    margin-bottom: -5px;
    opacity: 0.08 !important;
}
/** ================== // BOTTOM FOUNDER STORY SECTION CSS END // ================== **/

/** ================== // LET’S CONNECT SECTION CSS START // ================== **/
.text-white h2,
.text-white p {
    color: #fff !important;
}

.let-connect-section {
    background: #1E1E1E;
}

.let-connect-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1110px;
    margin: 0 auto;
}

.let-connect-col-left {
    width: 378px;
}

.let-connect-col-left .heading {
    margin-bottom: 20px;
}

.let-connect-img-card {
    overflow: hidden;
    border-radius: 10px;
}

.let-connect-col-right {
    width: 512px;
}

.let-connect-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 16px;
}

.form-group {
    position: relative;
    width: 100%;
}

.let-connect-form .form-group label {
    display: block;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #939393;
    margin-bottom: 5px;
}

.let-connect-form .form-group label sup {
    color: #ED0131;
}

.let-connect-form .form-group .form-control,
.let-connect-form .form-group .form-select,
.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 4px;
    height: 48px;
    font-family: "IBM Plex Sans", sans-serif;
    letter-spacing: 0.01em;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 10px 15px;
    box-shadow: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
    line-height: 24px;
    padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: initial;
    background-size: 24px 24px;
    background-position: center;
    border: 0;
    background-repeat: no-repeat;
    top: 13px;
    right: 18px;
    width: 14px;
    height: 14px;
    border-right: 1.5px solid #777;
    border-bottom: 1.5px solid #777;
    transform: rotate(45deg);
    transition: transform 0.2s;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(-135deg);
    margin-top: 7px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.let-connect-form .form-group .form-control:hover,
.select2-container--default .select2-selection--single:hover {
    border: 1px solid rgba(255, 255, 255, 0.50);
}

.let-connect-form .form-group .form-control:focus {
    border: 1px solid rgba(255, 255, 255, 0.50);
}

.let-connect-form .form-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.25);
}

.inactive {
    color: rgba(255, 255, 255, 0.25) !important;
}

.let-connect-form .form-group textarea.form-control {
    height: 139px;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.form-control {
    text-transform: uppercase;
}

.submit-group .btn-black.submit-btn {
    border: 0;
    background: #F1F2E9;
    min-width: 124px;
    min-height: 40px;
    color: #1E1E1E;
}

.submit-group .btn-black.submit-btn:hover {
    background: #898F5E;
    color: #fff;
}

.select2-search--dropdown {
    display: none;
}

.select2-dropdown {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.50);
    overflow: hidden;
}
.select2-container--open span.select2-selection.select2-selection--single {
    border: 1px solid rgba(255, 255, 255, 0.50);
}

.select2-results__option {
    background-color: #222 !important;
    border: none;
    border-bottom: none;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #939393;
    padding: 10px 15px;
    box-shadow: none !important;
    letter-spacing: 0.01em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #282828 !important;
}

.select2-results__option:last-child {
    border-bottom: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 290px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #939393;
}

/** ================== // LET’S CONNECT SECTION CSS END // ================== **/

/** ================== // SITE FOOTER CSS START // ================== **/
.footer-section {
    padding: 85px 0 45px;
    background: #F1F2E9;
}

.footer-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.footer-left-col {
    width: 216px;
}

.footer-logo img {
    width: 100%;
}

.footer-right-col {
    width: 801px;
}

.footer-menu-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-menu-item:nth-child(1) {
    width: 171px;
}

.footer-menu-item:nth-child(2) {
    width: 145px;
}

.footer-menu-item:nth-child(3) {
    width: 186px;
}

.footer-menu-item:nth-child(4) {
    width: 85px;
}

.footer-menu-item h5 {
    font-family: 'Sofia Pro Medium';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #1B1B1B;
    margin-bottom: 18px;
}

.footer-menu-item ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footer-menu-item ul li {
    font-family: 'Sofia Pro Black';
    font-weight: 900;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #1B1B1B;
    margin-bottom: 18px;
}

.footer-menu-item ul li:last-child {
    margin-bottom: 0;
}

.footer-menu-item ul li a {
    color: #1B1B1B;
    transition: 0.1s;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
}

.footer-menu-item ul li a:hover {
    color: #898F5E;
}

.footer-menu-item.footer-social ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-menu-item.footer-social ul li {
    margin: 0;
}

.footer-copyright {
    border-top: 1px solid #000000;
    padding-top: 45px;
    margin-top: 45px;
}

.footer-copyright ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
}

.footer-copyright ul li {
    font-family: 'Sofia Pro Reg';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1E1E1E;
}

.footer-copyright ul li a {
    color: #1E1E1E;
}

.footer-copyright ul li a:hover {
    color: #898F5E;
}

.hide-footer-menu-deskotp {
    display: none;
}

/** ================== // SITE FOOTER CSS END // ================== **/

/** ================== // ABOUT PAGE CSS START // ================== **/
.banner-section.inner-banner.about-banner {
    min-height: 677px;
    padding-bottom: 210px;
}
.banner-section.inner-banner.about-banner .banner-heading h1 {
    letter-spacing: -0.04em;
}

.banner-section.inner-banner .banner-heading {
    max-width: 1100px;
    margin: 0 auto;
}

.banner-section.inner-banner .banner-heading h1 {
    margin: 0;
    line-height: 90px;
}

.inner-banner h1 em {
    font-family: 'Sofia Pro UltraLight';
    font-weight: 200;
}

.about-banner-img {
    width: 643px;
    margin: -360px auto 65px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.about-hospitality-experts-section .heading p {
    max-width: calc(100% - 95px);
    margin-left: auto;
    font-size: 36px;
    line-height: 54px;
    padding-right: 50px;
    margin-bottom: 40px;
}
.about-hospitality-experts-section .heading p:last-child{
    margin-bottom: 0;
}
.about-hospitality-experts-section .heading {
    margin-bottom: 0;
}
.about-hospitality-experts-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px;
    padding-top: 20px;
    align-items: flex-start;
}

.about-hospitality-img-item img {
    height: 211px;
    object-fit: cover;
    width: 211px;
}

.about-hospitality-experts-left-col {
    width: 681px;
    display: flex;
    column-gap: 24px;
}

.hospitality-experts-img-card.about-hospitality-img-item {
    border-radius: 5.2px;
}

.about-hospitality-experts-right-col {
    width: 515px;
}

.about-hospitality-experts-right-col .hospitality-experts-info-card {
    padding-left: 0px;
}

.about-hospitality-experts-section .hospitality-experts-wrap.about-hospitality-flip-wrap {
    flex-direction: row-reverse;
}

.about-hospitality-flip-wrap .hospitality-experts-info-card {
    padding-left: 0;
    max-width: 533px;
}

.our-mission-section .heading {
    max-width: 1061px;
    margin-left: auto;
    margin-right: auto;
}

.heading.heading-reg h2 {
    font-family: 'Sofia Pro Reg';
    font-weight: 400;
    color: #000000;
}

.our-mission-wrap {
    background: #2D412D;
    padding: 100px 80px;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    margin-top: 100px;
}

.our-mission-line {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -64px;
    width: 1px;
}

.our-mission-line img {
    height: 0;
    transition: 1.5s;
}

.aos-animate.our-mission-line img {
    height: 615px;
    transition: 1.5s;
    transition-delay: 0.5s;
}

.our-mission-line-drow {
    transition: unset !important;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -54px;
    width: 1px;
    height: 469px;
    opacity: 0;
}

.aos-animate.our-mission-line-drow {
    opacity: 1;
}

.our-mission-line-drow .path-vert {
    height: 100%;
}

.aos-animate.our-mission-line-drow .path-vert {
    stroke-dasharray: 1000;
    animation: draw1 1.5s linear alternate;
}

@keyframes draw1 {
    from {
        stroke-dashoffset: 1200;
    }

    to {
        stroke-dashoffset: 300;
    }
}

.col6.our-mission-item {
    width: 475px;
}

.our-mission-item h3 {
    font-family: 'Sofia Pro Bold';
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    color: #FFFFFF;
    margin-bottom: 14px;
}

.our-mission-item p {
    color: #FFFFFF;
}

.row.our-pillars-wrap {
    margin: 0 auto;
    max-width: 1127px;
    column-gap: 30px;
}

.our-pillars-item {
    width: calc(33.33% - 30px);
    padding: 0;
}

.our-pillars-holder {
    height: 100%;
    background: #F9F9F7;
    border-radius: 30px;
    padding: 62px 33px;
    text-align: center;
}

.our-pillars-holder h3 {
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 20px;
}

.our-pillars-section {
    margin-top: 115px;
    margin-bottom: 80px;
}

.our-mission-section .what-believe-section .heading {
    margin-left: 0;
    margin-bottom: 30px;
}

.what-believe-section ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    max-width: 1061px;
    margin-left: 130px;
}

.what-believe-section ul li {
    position: relative;
    font-size: 36px;
    line-height: 54px;
    color: #000000;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    column-gap: 32px;
}

.what-believe-section ul li:last-child {
    margin-bottom: 0px;
}

.what-believe-section ul li::before {
    content: "\f058";
    font-family: 'Font Awesome 6 Free';
    color: #818856;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 1px;
}

.our-promise-section {
    background: #1E1E1E;
    position: relative;
    z-index: 1;
}
.caterco-text2-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: -1;
}
.our-promise-section .heading {
    margin: 0 auto;
    max-width: 1075px;
}

.our-promise-section .heading h2 {
    color: #fff;
}

.our-promise-section .heading p {
    font-size: 36px;
    line-height: 54px;
    color: #fff;
    max-width: 100%;
}

.promise-btn {
    margin-top: 35px;
}

.promise-btn .btn-black {
    border: 0;
    background: #F1F2E9;
    min-width: 183px;
    min-height: 56px;
    color: #1E1E1E;
}

.promise-btn .btn-black:hover {
    background: #898F5E;
    color: #fff;
}

.about-three-light-bg-section{
    background: #F1F2E9;
}
b, strong {
    font-weight: bold;
    font-family: 'Sofia Pro Bold';
}
.row.hospitality-experts-wrap.about-hospitality-flip-wrap {
    align-items: flex-start;
}
.hospitality-experts-info-card h4 {
    font-size: 24px;
    font-family: 'Sofia Pro Reg';
    font-weight: normal;
    color: #000;
    margin: 0 0 6px;
    padding: 0;
    line-height: 150%;
}
.hospitality-experts-info-card ul li {
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}
.about-mission-new-design .row.our-pillars-wrap {
    border: 1px solid #D8D9D1;
    border-radius: 30px;
    column-gap: 0;
    max-width: 100%;
}
.about-mission-new-design .our-pillars-item {
    width: 33.33%;
    border-right: 1px solid #D8D9D1;
}
.about-mission-new-design .our-pillars-item:last-child{
    border-right: none;
}
.about-mission-new-design .our-pillars-holder {
    background: none;
    border-radius: 0;
    padding: 32px 33px;
}
/** ================== // ABOUT PAGE CSS END // ================== **/

/** ================== // OUR TIMELINE SECTION START  // ================== **/
.our-timeline-section {
    background: #F1F2E9;
}
.our-timeline-section .container {
    max-width: 1280px;
}
.timeline-heading {
    margin: 0 0 32px;
}
.timeline-heading h6 {
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.65);
    margin: 0 0 16px;
    line-height: normal;
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
}
.timeline-listing-row {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    position: relative;
}
.timeline-listing-row::after {
    content: "";
    position: absolute;
    top: calc(32px / 2);
    left: 0;
    right: 0;
    height: 1.5px;
    background:  rgba(0,0,0,0.18);
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 1.2s var(--ease);
    will-change: transform;
    z-index: 0;
}
.timeline-listing-row.aos-animate::after {
    transform: scaleX(1);
}
.timeline-heading h2{
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
}
.timeline-list-scroll{
    position: relative;
}
.timeline-item-repeat {
    margin-bottom: 0;
    padding: 0 12px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.timeline-item-repeat:last-child {
    margin-bottom: 0;
}
.since-col-lft {
    width: 100%;
    display: block;
}
.since-col-right {
    width: 100%;
}
.since-col-content {
    padding: 0;
    margin: 0;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.45s var(--ease), transform 0.45s var(--ease);
    transition-delay: calc(var(--base) + 1110ms);
}
.aos-animate .since-col-content {
    opacity: 1;
    transform: translateY(0);
}
.since-col-content p {
    margin: 0;
    padding: 0;
    color: #4a4a4a;
    text-transform: none;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    font-family: 'Sofia Pro Reg';
    max-width: 20ch;
}
.year-tl {
    margin: 0 0 10px;
    padding: 0;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.5s var(--ease), transform 0.5s var(--ease);
    transition-delay: calc(var(--base) + 1020ms);
}
.aos-animate .year-tl {
    opacity: 1;
    transform: translateY(0);
}
.year-tl h6 {
    font-size: 32px;
    color: #1B1B1B;
    display: block;
    font-family: 'Sofia Pro Medium';
    font-weight: 500;
    line-height: 32px;
    width: 100%;
    margin: 0;
}
.timeline-dots {
    height: 32px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    overflow: visible;
}
.timeline-dots span{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #898F5E;
    flex-shrink: 0;
    position: relative;
    opacity: 0;
    transform: scale(0);
    transition: opacity 0.35s var(--ease), transform 0.35s var(--ease);
    transition-delay: calc(var(--base) + 800ms);
}
.aos-animate .timeline-dots span{
    opacity: 1;
    transform: scale(1);
}
.timeline-dots span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #898F5E;
    opacity: 0;
    transition: opacity 0.5s var(--ease), transform 0.5s var(--ease);
    transition-delay: calc(var(--base) + 900ms);
}
.aos-animate .timeline-dots span::after {
    opacity: 0.45;
    transform: translate(-50%, -50%) scale(1);
}
.tl-img {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    margin-bottom: 16px;
    opacity: 0;
    transform: scale(0.88) translateY(6px);
    transition: opacity 0.45s var(--ease), transform 0.45s var(--ease);
    transition-delay: calc(var(--base) + 900ms);
}
.tl-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.aos-animate .tl-img {
    opacity: 1;
    transform: scale(1) translateY(0);
}
/** ================== // OUR TIMELINE SECTION END  // ================== **/

/** ================== // CONTACT PAGE CSS START // ================== **/
.let-connect-section.contact-main-wrapper {
    background: #fff;
}

.input-gray.let-connect-form .form-group .form-control {
    background: #F5F5F5;
}

.input-gray.let-connect-form .form-group label {
    color: #6F7482;
}

.contact-main-wrapper .let-connect-form,
.careers-details-section .let-connect-form {
    row-gap: 24px;
}

.contact-main-wrapper .let-connect-col-left {
    width: 390px;
}

.contact-main-wrapper .let-connect-col-left .banner-heading h1,
.contact-main-wrapper .let-connect-col-left .banner-heading {
    margin-bottom: 30px;
}
.contact-main-wrapper .let-connect-col-left .banner-heading h1 {
    letter-spacing: -0.04em;
}

.contact-main-wrapper .let-connect-col-left .banner-heading p {
    max-width: 380px;
}

.contact-detail-inner {
    background: #1E1E1E;
    border-radius: 30px;
    padding: 40px;
}

.contact-detail-item {
    margin-bottom: 36px;
}

.contact-detail-item:last-child {
    margin-bottom: 0px;
}

.contact-detail-item h5 {
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.contact-detail-item p {
    color: #FFFFFF;
}

.contact-detail-item p a {
    color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
}

.contact-detail-item p a:hover {
    color: #898F5E;
}

.contact-detail-item.contact-socail-item p {
    margin-bottom: 5px;
}

.contact-detail-item.contact-socail-item p:last-child {
    margin-bottom: 0px;
}

.contact-detail-item.contact-socail-item p img {
    margin-right: 12px;
    margin-top: -2px;
}

.contact-main-wrapper .let-connect-col-right {
    width: 602px;
}

.contact-main-wrapper .submit-group .btn-black {
    min-width: 180px;
    min-height: 48px;
    border: 0 !important;
}

.contact-main-wrapper .let-connect-wrap {
    max-width: 1058px;
}

.form-group.form-group-checkbox input[type="checkbox"] {
    position: relative;
    border: 2px solid #3B4256;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    line-height: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    opacity: 1;
    margin-right: 10px;
}

.form-group.form-group-checkbox input[type="checkbox"]::before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #3B4256;
    border-width: 0 2px 2px 0;
    margin: -1px 0px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
}

.form-group.form-group-checkbox input[type="checkbox"]:checked::before {
    opacity: 1;
}

.input-gray.let-connect-form .form-group.form-group-checkbox label {
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #3B4256;
    font-size: 14px;
}

.input-gray.let-connect-form .form-group.form-group-checkbox input+span {
    width: calc(100% - 20px - 10px);
    display: inline-block;
}

.contact-detail-mob {
    display: none;
}

.contact-addrs-new-info .contact-detail-item p {
    color: #FFFFFF;
    margin-bottom: 0;
}
.contact-addrs-new-info  .contact-detail-item {
    margin-bottom: 24px;
}
.contact-addrs-new-info  .contact-detail-item:last-child {
    margin-bottom: 0;
}
.contact-addrs-new-info  .contact-detail-item h5 {
    margin-bottom: 8px;
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
}
.contact-detail-inner hr {
    border-top-color: #fff;
    margin: 24px 0;
}
.contact-main-wrapper .contact-addrs-new-info .let-connect-col-right {
    padding-top: 13px;
}
/** ================== // CONTACT PAGE CSS END // ================== **/

/** ================== // CAREERS PAGE CSS END // ================== **/
.careers-listing-section {
    background: #F1F2E9;
}

.what-we-do-wrapper.careers-listing-wrap {
    padding: 80px 50px;
}

.careers-listing-wrap .what-we-do-holder {
    max-width: 100%;
}

.careers-listing-section .what-we-do-holder .line-center {
    margin: -150px auto 35px;
    border: 0px solid #000;
    height: 0;
    background: transparent !important;
    position: relative;
}

.careers-listing-section .what-we-do-holder .aos-animate.line-center {
    height: 98px;
}

.careers-listing-section .what-we-do-holder .line-center::before {
    content: "";
    position: absolute;
    background: #000;
    width: 1px;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.7s;
}

.job-list-item:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.job-list-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding: 25px 0;
}

.job-list-col:last-child {
    text-align: right;
}

.job-list-col h3 {
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
}

.job-list-col p {
    font-family: 'Sofia Pro Medium';
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #000000;
}

.job-list-col .details-btn {
    color: #898F5E;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 7px;
}

.job-list-col .details-btn:hover {
    color: #000;
}

.job-list-col .details-btn img {
    transition: filter 0.5s ease;
    filter: brightness(100%);
}

.job-list-col .details-btn:hover img {
    filter: brightness(40%);
}

.careers-img-section {
    background: #F1F2E9;
    text-align: center;
}

.careers-img-section img {
    width: 100%;
}

.testimonial-black-section {
    background: #1E1E1E;
}

.testimonial-black-section .testimonial-left-col {
    width: 100%;
}

.testimonial-black-section .testimonial-right-col {
    width: 100%;
    padding-left: 0;
}

.testimonial-black-section .testimonial-wrap * {
    color: #fff;
}

.testimonial-black-section .testimonial-inner {
    border-left: none;
    position: relative;
}

.testimonial-black-section .testimonial-inner::after {
    content: "";
    background: #fff;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.testimonial-black-section .testimonial-slider-content {
    max-height: 328px;
}

.testimonial-black-section .testimonial-slider-dots ul.slick-dots li button {
    background: rgba(255, 255, 255, 0.20) !important;
}

.testimonial-black-section .testimonial-slider-dots ul.slick-dots li.slick-active button,
.testimonial-black-section .testimonial-slider-dots ul.slick-dots li.slick-active button:hover {
    background: #ffffff !important;
}

.testimonial-black-section .testimonial-wrap .testimonial-slider-holder p {
    color: #fff;
}

.testimonial-black-section .testimonial-slider-item {
    padding-right: 30px;
}

.let-connect-section.careers-details-section {
    background: #fff;
    padding-bottom: 90px;
}

.careers-details-section .let-connect-wrap {
    max-width: 100%;
}

.careers-details-section .let-connect-col-left {
    width: 610px;
}

.careers-details-section .let-connect-col-right {
    width: 602px;
}

.careers-details-section .let-connect-left-holder {
    display: flex;
    flex-direction: column;
    row-gap: 35px;
}

.careers-details-section h1 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 0;
    letter-spacing: -0.04em;
}

.careers-company-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0px;
}

.careers-company-logo {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    overflow: hidden;
}

.careers-company-logo img {
    width: 100%;
    height: 100%;
}

.careers-company-info {
    width: calc(100% - 64px);
    padding-left: 15px;
}

.careers-company-info h5 {
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 4px;
}

.careers-company-info p {
    font-size: 16px;
    line-height: 24px;
}

.careers-job-details h3 {
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 4px;
}

.careers-job-details p,
.careers-job-details ul li {
    font-size: 16px;
    line-height: 24px;
}

.careers-job-details p,
.careers-job-details ul {
    margin-bottom: 30px;
}

.careers-job-details ul {
    padding: 0;
    padding-left: 25px;
}

.careers-job-details ul li {
    margin-bottom: 5px;
}

.careers-job-details ul li:last-child {
    margin-bottom: 0px;
}

.careers-details-section .let-connect-col-right .heading h2 {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -0.04em;
    font-family: 'Sofia Pro Medium';
    font-weight: 500;
}

.careers-details-section .let-connect-col-right .heading {
    margin-bottom: 30px;
}

.input-gray.let-connect-form .form-group .form-control,
.let-connect-form.input-gray .form-group .form-select,
.input-gray .select2-container--default .select2-selection--single {
    background-color: #F5F5F5;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 4px;
    height: 48px;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #3B4256;
    padding: 10px 15px;
    box-shadow: none !important;
}

.input-gray .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3B4256;
}

.input-gray .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url("../images/select-arrow-gray.svg") !important;
    background-size: 24px 24px;
    background-position: center;
    border: 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 100%;
    top: 0px;
    right: 10px;
}

.let-connect-form.input-gray .form-group .form-control:hover,
.input-gray .select2-container--default .select2-selection--single:hover {
    border: 1px solid #000;
}

.let-connect-form.input-gray .form-group .form-control:focus {
    border: 1px solid #000;
}

.let-connect-form.input-gray .form-group .form-control::placeholder {
    color: #3B4256;
}

.let-connect-form.input-gray .form-group textarea.form-control {
    height: 150px;
}

.input-gray .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6F7482;
}

.select2-dropdown.light-select2-dropdown {
    border: 1px solid rgb(0 0 0 / 25%);
}

.select2-dropdown.light-select2-dropdown .select2-results__option {
    background-color: #F5F5F5 !important;
    border-bottom: 1px solid rgb(0 0 0 / 25%);
    color: #1A1A1A;
}

.select2-dropdown.light-select2-dropdown .select2-results__option:last-child {
    border-bottom: 0;
}

.select2-dropdown.light-select2-dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: #dbdbdb !important;
}

.form-group.col6 {
    width: 232px;
}

.form-group.col4 {
    width: 192px;
}

.form-group.col2 {
    width: 130px;
}

.upload-btn {
    width: auto;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    transition: transform 0.2s ease;
    border-bottom: 1px solid #F9F9F7;
    border-radius: 0;
    margin-bottom: 0px;
    padding-bottom: 25px;
    margin-top: 6px;
}

.upload-file-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 7px;
}

.upload-btn input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 151px !important;
    height: 48px !important;
    cursor: pointer;
}

.upload-btn label.file-upload-btn {
    margin: 0;
    background: transparent;
    border: 1px solid #1A1A19;
    border-radius: 100px;
    min-width: 151px;
    min-height: 48px;
    font-family: 'Sofia Pro Reg';
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #3B4256 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    cursor: pointer;
}

.file-info {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #3B4256;
    font-family: 'Sofia Pro Reg';
    font-weight: 400;
}

.file-info .delete-file {
    margin-left: 8px;
    line-height: 1;
    cursor: pointer;

}

.file-info .delete-file img:hover {
    filter: invert(29%) sepia(94%) saturate(7471%) hue-rotate(356deg) brightness(95%) contrast(92%);
}

.upload-btn.medium span.wpcf7-form-control-wrap {
    order: 2;
    width: 100%;
}

.upload-btn.medium label.file-upload-btn {
    order: 1;
}

.upload-btn.medium span.file-info {
    order: 3;
}

/** ================== // CAREERS PAGE CSS END // ================== **/

/** ================== // OUR TEAM PAGE CSS START // ================== **/
.what-we-do-wrapper.careers-listing-wrap.our-team-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    opacity: 0;
    transform: translateY(24px);
    animation: fadeUp-hero 0.7s ease 1.8s forwards;
}

.team-member-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 60px;
}

.our-team-col-info {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.team-member-pic {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}

.team-member-pic::after {
    content: "";
    background: linear-gradient(to bottom, transparent 25%, rgb(0 0 0 / 76%) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    transition: 0.7s;
    opacity: 0;
}

.team-member-pic .team_pic {
    filter: grayscale(1);
    transition: 0.7s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.view-bio {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0px 10px;
    text-align: center;
    z-index: 2;
    transition: 0.7s;
}

.view-bio a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: unset;
}

.team-member-info h5 {
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 10px;
}

.team-member-info p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

.our-team-col-info:hover .team-member-pic .team_pic {
    filter: unset;
}

.our-team-col-info:hover .view-bio {
    bottom: 40px;
}

.our-team-col-info:hover .team-member-pic::after {
    opacity: 1;
}

.what-we-do-section.our-team-section {
    padding-bottom: 120px;
}

.our-team-col-info .info-popup,
.team-member-info .team-popup-head-sub-info.info-popup {
    display: none !important;
}

.team-popup {
    display: block !important;
    transform: translateX(100%);
    transition: transform 320ms cubic-Bezier(.2, .8, .2, 1);
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.7s;
    opacity: 0;
    visibility: hidden;
    background: #000;
}

.modal-open .modal-overlay {
    opacity: 0.6;
    visibility: visible;
}

.modal-open .team-popup {
    transform: unset;
}

.team-popup::-webkit-scrollbar {
    width: 0px;
}

.team-popup .modal-dialog {
    max-width: 853px;
    display: flex;
    /* align-items: center; */
    /* min-height: calc(100% - var(--bs-modal-margin) * 2); */
    min-height: 100%;
    position: relative;
    width: auto;
    margin: 0;
    margin-left: auto;
    pointer-events: auto;
}

.popup-box {
    background: #fff;
    position: relative;
    border-radius: 30px 0 0 30px;
    padding: 60px;
}

.close-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.popup-left-card {
    width: 209px;
    height: 226px;
}

.popup-left-card .team-member-pic {
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.popup-left-card .team-member-pic .team_pic {
    filter: unset;
}

.popup-left-card .view-bio {
    display: none;
}

.popup-right-card {
    width: calc(100% - 209px);
    padding-left: 45px;
}

.team-popup-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.popup-content .team-member-info h5 {
    font-size: 36px;
    line-height: 43px;
}

.popup-content .team-member-info p {
    font-size: 20px;
    line-height: 30px;
}

.popup-content .team-popup-head-sub-info {
    margin-top: 35px;
    padding-right: 30px;
}

.popup-content .team-popup-head-sub-info p {
    font-family: 'Sofia Pro Light';
    font-weight: 300;
    font-size: 24px;
    line-height: 33px;
    color: #000000;
    font-style: italic;
}

.team-popup-body {
    margin-top: 40px;
}

.team-popup-body p {
    margin-bottom: 20px;
}

.team-popup-body p:last-child {
    margin-bottom: 0px;
}

.team-popup-body p strong {
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
}

/** ================== // OUR TEAM PAGE CSS END // ================== **/

/** ================== // BRAND DETAIL CSS START // ================== **/
.brand-banner-section {
    position: relative;
    padding: 0;
    height: 880px;
}

.banner-section.brand-banner-section {
    padding: 0;
}

.brand-banner-section .hero-banner-bg {
    position: relative;
    height: 100%;
}

.brand-banner-section .hero-banner-bg::after {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 84.5%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.brand-banner-section .hero-banner-bg.chef-dane-ovrlay::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
}

.brand-banner-section .hero-banner-bg.catering-company-ovrlay::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.hero-banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin-top: 25px;
}

.brand-banner-content .container {
    max-width: 765px;
}

.brand-outer {
    text-align: center;
    margin: 0;
    padding: 0;
}

.brand-info-img {
    margin-bottom: 24px;
}

.brand-info-img img {
    width: auto;
    max-height: 140px;
}

.hero-brand-details {
    margin-bottom: 24px;
}

.hero-brand-details h1 {
    font-size: 56px;
    line-height: 66px;
    color: #ffffff;
    margin: 0 0 24px;
    padding: 0;
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    letter-spacing: 0;
}

.hero-brand-details h6 {
    color: #fff;
    font-family: 'Sofia Pro Reg';
    font-weight: normal;
}

.hero-brand-details h6 a {
    color: #fff;
}

.hero-brand-details p {
    color: #fff;
    font-size: 16px;
    line-height: 150%;
    margin: 0;
    padding: 0;
}

.hero-brand-details p {
    max-width: 625px;
    margin-left: auto;
    margin-right: auto;
}

.hero-brand-details p a {
    color: #fff;
}

.banner-btn-2colum {
    display: flex;
    justify-content: center;
    column-gap: 24px;
}

.btn-white {
    background: #F1F2E9;
    border: 1px solid #F1F2E9;
    color: #000;
    border-radius: 100px;
    min-width: 160px;
    min-height: 48px;
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-white:hover {
    background: #898F5E;
    color: #fff;
    border-color: #898F5E;
}

.btn-trans {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.our-story-flex-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.our-story-left-col {
    width: calc(100% - 514px);
    padding-right: 58px;
}
.our-story-right-col {
    width: 514px;
}

.our-story-info .commn-heading {
    margin-bottom: 0;
}

.our-story-info .commn-heading p {
    margin: 24px 0 32px;
    font-size: 20px;
    line-height: 30px;
    padding-right: 46px;
}

.commn-heading {
    margin: 0 0 53px;
    padding: 0;
}

.commn-heading h1,
.commn-heading h2,
.commn-heading h3,
.commn-heading h4,
.commn-heading h5
{
    font-size: 48px;
    line-height: 120%;
    color: #000000;
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    margin: 0 0 16px;
    padding: 0;
}

.commn-heading h6,
.founder-sec-seven .community-brand-info-card h6 {
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    margin: 0 0 16px;
    padding: 0;
    text-transform: uppercase;
}

.commn-heading p {
    margin: 0 0 32px;
    font-size: 16px;
    line-height: 24px;
}

.commn-heading p a {
    text-decoration: underline;
}

.commn-heading p a:hover {
    text-decoration: none;
}

.commn-heading p:last-child {
    margin-bottom: 0;
}

.venue-facts-bg-info {
    background: #F1F2E9;
    border-radius: 30px;
    padding: 40px;
}

.venue-facts-heading {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
    padding: 0 0 16px;
    margin: 0 0 24px;
    align-items: center;
}

.venue-facts-heading h3 {
    margin: 0;
    padding: 0;
    font-family: 'Sofia Pro Medium';
    font-weight: 500;
    color: #000;
    width: calc(100% - 40px);
    font-size: 24px;
    line-height: 120%;
    text-wrap: balance;
}

.venue-logo {
    width: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    overflow: hidden;
}

.venue-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 24px;
}

.venue-item:last-child {
    margin-bottom: 0;
}

.venue-user {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.venue-rlt-info {
    width: calc(100% - 48px);
    padding-left: 16px;
}

.venue-rlt-info p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.65);
}

.venue-rlt-info p strong {
    display: block;
    color: #000;
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
}

.event-gallery-section {
    background: #F1F2E9;
}

.event-gallery-section .container {
    max-width: 100%;
    padding: 0 80px;
}

.commn-heading.text-center {
    margin-left: auto;
    margin-right: auto;
    max-width: 660px;
}

.commn-heading.text-center.tcc-gallery-heading {
    max-width: 870px;
}

.commn-heading.text-center.tcc-gallery-heading p {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
}

.gallery-slider {
    padding-right: 30px;
}

.gallery-slider img {
    width: 100%;
}

.event-gallery-slider .slick-list.draggable {
    padding-right: 90px;
}

.event-gallery-slider {
    margin-right: -80px;
}

.custom-arrow-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 23px;
    margin-top: 62px;
}

.custom-dots {
    margin: 0;
    padding: 0;
}

.custom-dots ul.slider-dots {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    gap: 8px;
}

.custom-dots ul.slider-dots li {
    display: flex;
    line-height: normal;
    flex-wrap: wrap;
}

.custom-dots ul.slider-dots li button {
    width: 8px;
    height: 8px;
    font-size: 0px;
    background: rgba(0, 0, 0, 0.20);
    border-radius: 100px;
}

.custom-dots ul.slider-dots li.slick-active button {
    background: rgba(0, 0, 0, 1);
}

.cooking-arrow {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 13px;
    cursor: pointer;
}

.slick-slide>div {
    display: block;
}

.features-flex-row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 32px;
    justify-content: space-between;
}

.features-flex-row.three-col {
    max-width: 952px;
    margin-left: auto;
    margin-right: auto;
}

.features-col-4 {
    width: calc(25% - 15px);
    padding: 0;
    display: none;
}

.three-col .features-col-4 {
    width: calc(33.33% - 15px);
    display: block;
}

.features-col-text-info {
    margin: 0;
    padding: 32px;
    text-align: center;
    border-radius: 30px;
    border: 1px #D8D9D1 solid;
    transition: 0.3s;
    height: 100%;
}

.features-col-text-info:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border-color: #898F5E;
}

.features-col-text-info p {
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.65);
    margin: 0;
    padding: 0;
}

.features-col-text-info h4 {
    font-size: 16px;
    line-height: 150%;
    color: #000;
    font-family: 'Sofia Pro SemiBold';
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.f-icon {
    background: #2D412D;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin: 0 auto 16px;
}

.btn-center-12 {
    text-align: center;
    width: 100%;
    margin-top: 34px;
}

.btn-center-12 .btn-black {
    min-width: 208px;
    padding: 0px 24px;
    min-height: 48px;
}

.faq-section {
    background: #F1F2E9;
}

.faq-flex-warp {
    display: flex;
    flex-wrap: wrap;
}

.faq-col-left {
    width: 33%;
}

.faq-col-left .commn-heading p {
    padding-right: 30px;
}

.faq-col-right {
    width: 67%;
    padding-left: 160px;
}

.faq-accordion {
    margin: 0;
    padding: 0;
}

.faq-item {
    margin: 0;
    padding: 0 21px;
    border-bottom: 1px rgba(0, 0, 0, 0.20) solid;
}

.faq-item-heading {
    margin: 0;
    padding: 23px 0;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.faq-plus-mins-icon {
    width: 36px;
    height: 36px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-plus-mins-icon svg {
    transition: 0.7s;
}

.faq-item.open .faq-plus-mins-icon {
    background: #818856;
}

.faq-item.open .faq-plus-mins-icon svg {
    transform: rotate(135deg);
}

.faq-item.open .faq-plus-mins-icon svg path {
    fill: #fff;
}

.faq-item-heading h6 {
    margin: 0;
    padding: 0;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    color: #1E1E1E;
    letter-spacing: -0.02em;
}

.faq-item.open .faq-item-heading h6 {
    color: #818856;
}

.faq-item-heading,
.faq-item-content {
    padding-left: 50px !important;
}

.faq-item-content {
    display: none;
    padding-bottom: 24px;
}

.faq-item-content p {
    margin: 0;
    padding: 0;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
}

.inquir-today-section .container {
    max-width: 100%;
}

.inquir-row-wrap {
    display: flex;
    flex-wrap: wrap;
}

.inquir-today-section .let-connect-col-left {
    width: 50%;
    /* height: 923px; */
}

.inquir-today-section .let-connect-col-right {
    width: 50%;
    padding: 20px 56px;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inquir-today-section .let-connect-img-card {
    border-radius: 0;
    height: 100%;
}

.inquir-today-section .let-connect-img-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.half-left {
    width: 50% !important;
}

.half-right {
    width: 50% !important;
}

.inquir-today-section .let-connect-form {
    margin: 0 -16px;
    row-gap: 28px;
}

.inquir-today-section .form-group {
    padding: 0 16px;
}

.inquir-today-section .submit-group .btn-black {
    min-width: 180px;
    min-height: 48px;
    border: 0 !important;
}

.inquir-today-section .commn-heading {
    max-width: 571px;
    margin-bottom: 40px;
}

.form-group.form-group-checkbox span.wpcf7-list-item {
    margin: 0;
}
.our-story-info .commn-heading h2 {
    text-wrap: balance;
}
.kaspars-gallery-section .commn-heading.text-center.tcc-gallery-heading {
    max-width: 970px;
}

/** ================== // BRAND DETAIL CSS END // ================== **/

/** ================== // 404 PAGE CSS START // ================== **/
.banner-section.inner-banner.error-content-section {
    padding-bottom: 60px;
    border-bottom: 1px solid #000;
}

.banner-section.inner-banner.error-content-section .banner-heading {
    max-width: 1025px;
    display: flex;
    flex-direction: column;
    row-gap: 35px;
}

.banner-section.inner-banner.error-content-section .banner-heading p {
    margin: 0;
}

.form-group .wpcf7-spinner {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

span.wpcf7-not-valid-tip {
    font-family: 'Proxima Nova Medium' !important;
    font-weight: 500 !important;
    margin-top: 5px !important;
    font-size: 14px !important;
}

.wpcf7 form .wpcf7-response-output {
    margin: 1em 0 0em !important;
    padding: 0.2em 0em !important;
    border: 0px solid #00a0d2 !important;
    line-height: 20px;
    font-size: 15px;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #dc3232;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #007a0b;
}

/** ================== // 404 PAGE CSS END // ================== **/

/** ================== // PRIVACY POLICY PAGE CSS START // ================== **/
.privacy-policy-content h2,
.privacy-policy-content h3,
.privacy-policy-content h4,
.privacy-policy-content h5,
.privacy-policy-content h6 {
    margin-top: 40px;
    font-family: 'Sofia Pro Medium';
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.04em;
}

.privacy-policy-content .heading h1 {
    font-family: 'Sofia Pro Medium';
    font-weight: 500;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -0.04em;
    color: #000000;
}

.privacy-policy-content h2 {
    font-size: 36px;
    line-height: 43px;
}

.privacy-policy-content h3 {
    font-size: 30px;
    line-height: 38px;
}

.privacy-policy-content h4 {
    font-size: 26px;
    line-height: 32px;
}

.privacy-policy-content h5 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
}

.privacy-policy-content h6 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
}

.privacy-policy-content p,
.privacy-policy-content ul li,
.privacy-policy-content ol li {
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}

.privacy-policy-content p a,
.privacy-policy-content ul li a,
.privacy-policy-content ol li a {
    color: #000;
    text-decoration: underline;
}

.privacy-policy-content p a:hover,
.privacy-policy-content ul li a:hover,
.privacy-policy-content ol li a:hover {
    color: #000;
    text-decoration: none;
}

.privacy-policy-content p,
.privacy-policy-content ul,
.privacy-policy-content ol {
    margin-bottom: 20px;
}

.privacy-policy-content ul {
    padding: 0px 0px 0px 20px;
}

.privacy-policy-content ul li {
    margin-bottom: 8px;
}

.privacy-policy-content ul li:last-child {
    margin-bottom: 0px;
}

.privacy-policy-content ol {
    padding: 0px 0px 0px 20px;
}

.privacy-policy-content ol li {
    margin-bottom: 8px;
}

.privacy-policy-content ol li:last-child {
    margin-bottom: 0px;
}

/** ================== // PRIVACY POLICY PAGE CSS END // ================== **/

/** ================== // SITEMAP PAGE CSS START // ================== **/
.sitemap-content .banner-heading {
    max-width: 100% !important;
}

.sitemap-content .nav-manu {
    display: block;
    width: 100%;
}

.sitemap-content ul {
    margin-top: 30px;
    padding-bottom: 0;
    padding-left: 30px;
    list-style-type: disc;
    display: block;
}

.sitemap-content .nav-manu ul li {
    margin-bottom: 20px;
    margin-left: 0;
}

.sitemap-content .nav-manu ul li ul {
    margin: 20px 0px 20px;
}

.sitemap-content .nav-manu ul li:last-child {
    margin-bottom: 0;
}

/** ================== // SITEMAP PAGE CSS END // ================== **/


/* INQUIRE BTN ANINATION START */

.inquire-btn {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    color: #898F5E;
    text-transform: uppercase;
    font-family: 'Sofia Pro Medium';
    font-weight: 500;
    font-size: 16px;
}

.inquire-btn-text {
    display: inline-block;
    transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1);
}

.inquire-btn:hover .inquire-btn-text {
    transform: translateX(2px);
}

.inquire-btn-arrow-wrap {
    position: relative;
    width: 22px;
    height: 21px;
    overflow: hidden;
    top: 1px;
}

.inquire-btn-arrow {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    transition: transform .32s cubic-bezier(0.4, 0, 0.2, 1),
        opacity .20s ease;
    will-change: transform, opacity;
}

/* stroke styling to mimic FILL0 / wght300 */
.inquire-btn-arrow-path {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    /* adjust 1.6–2.0 to taste */
    stroke-linecap: round;
    stroke-linejoin: round;
}

.inquire-btn-arrow-2 {
    transform: translateX(-12px);
    opacity: 0;
}

.inquire-btn:hover .inquire-btn-arrow-1 {
    transform: translateX(12px);
    opacity: 0;
}

.inquire-btn:hover .inquire-btn-arrow-2 {
    transform: translateX(0);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {

    .inquire-btn-text,
    .inquire-btn-arrow {
        transition: none;
    }

    .inquire-btn-arrow-2 {
        opacity: 0;
        transform: none;
    }

    .inquire-btn:hover .inquire-btn-arrow-1 {
        opacity: 1;
        transform: none;
    }

    .inquire-btn:hover .inquire-btn-arrow-2 {
        opacity: 0;
        transform: none;
    }

    .inquire-btn:hover .inquire-btn-text {
        transform: none;
    }
}

.cooking-arrow .inquire-btn {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    color: #000;
}

.custom-prev .inquire-btn-arrow-2 {
    transform: translateX(12px);
    opacity: 0;
}

.custom-prev .inquire-btn:hover .inquire-btn-arrow-1 {
    transform: translateX(-12px);
    opacity: 0;
}

.custom-prev .inquire-btn:hover .inquire-btn-text {
    transform: translateX(-2px);
}

.cooking-arrow .inquire-btn-arrow-path {
    stroke-width: 1;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .btn-black {
      /* padding-top: 4px ; */
    }
  }
}
/* INQUIRE BTN ANINATION END */

.mac .btn-black, .mac .btn-white {
    padding-top: 4px !important;
}
.mac .submit-group .btn-black.submit-btn {
    padding-top: 4.5px !important;
}

.mac .navigation ul li ul.sub-menu li a{
    padding-top: 18px;
}
.banner-section.inner-banner.careers-banner .banner-heading h1 {
    letter-spacing: -0.04em;;
}

/* ===================== COMMUNITY PAGE CSS START ======================== */
.banner-section.community-hero-section {
    padding: 200px 0 122px;
    overflow: visible;
}
.community-hero-section .container {
    max-width: 980px;
}
.community-hero-section .banner-heading h1 {
    margin: 0 0 19px;
    line-height: 92px;
    text-align: center;
    letter-spacing: -0.04em;
}
.line-center-2 {
    height: 0px;
    width: 1px;
    background: #000;
    margin: 0 auto 0;
    display: block;
    transition: 0.7s;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
}
.aos-animate.line-center-2 {
    height: 98px;
    transition: 0.7s;
}
.community-page-01-section {
    position: relative;
}
.community-page-01-section .container {
    max-width: 1280px;
}
.community-brand-info-card {
    margin-top: -14px;
}
.community-brand-info-card h2 {
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    font-style: normal;
    font-size: 48px;
    line-height: 120%;
    color: #000000;
    margin: 0 0 16px;
}
.community-brand-info-card p{
    margin: 0 0 30px;
}
.community-brand-info-card p:last-child{
    margin-bottom: 0;
}
.community-brand-info-card .italic-bdrleft {
    max-width: 450px;
}
.italic-bdrleft {
    display: block;
    font-size: 26px;
    line-height: 140%;
    border-left: 3px #898F5E solid;
    padding-left: 16px;
    font-style: italic;
    margin-top: 42px;
}
.big-img-01 {
    max-width: 479px;
    margin-left: auto;
}
.small-img-02 {
    max-width: 348px;
    margin: -105px 0 0;
    filter: drop-shadow(0px 74px 30px rgba(0, 0, 0, 0.01)) drop-shadow(0px 42px 25px rgba(0, 0, 0, 0.05)) drop-shadow(0px 18px 18px rgba(0, 0, 0, 0.09)) drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
}
.community-brand-img-card {
    padding-left: 82px;
}
.community-brand-img-card img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.community-page-two-section {
    background: #F1F2E9;
    padding-bottom: 224px;
}
.community-heading{
    text-align: center;
    margin: 0 0 56px;
}
.community-heading h2 {
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    font-style: normal;
    font-size: 48px;
    line-height: 120%;
    color: #1B1B1B;
}
.community-brands-logo {
    display: flex;
    flex-wrap: wrap;
    max-width: 1059px;
    margin: 0 auto 64px;
}
.community-img-col3 {
    width: 33.33%;
    text-align: center;
    border-right: 1px #D8D9D1 solid;
}
.community-img-col3:last-child{
    border-right: none;
}
.community-img-col3 img {
    height: 200px;
    width: 200px;
    object-fit: cover;
    border-radius: 10px;
    margin: 0 auto 16px;
    display: block;
}
.content-italic-center {
    max-width: 410px;
    margin: 0 auto;
}
.content-italic-center p{
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #1B1B1B;
}

.community-support-section{
    margin: 0;
    padding: 0 0 80px;
}
.community-support-section .container {
    max-width: 1062px;
}
.support-bg-proud-outer {
    background: #FFFFFF;
    border: 1px solid rgba(137, 143, 94, 0.2);
    border-radius: 20px;
    padding: 63px 18px 56px;
    margin-top: -160px;
}
.support-heading {
    margin: 0;
    padding: 0 80px 40px;
    text-align: center;
}
.support-heading h2 {
    margin: 0 0 30px;
    padding: 0;
}
.support-heading p {
    font-size: 16px;
    line-height: 150%;
}
.support-logo-row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 46px;
}
.support-logo-4 {
    width: 25%;
    padding: 0 12px;
}
.support-info-logo {
    text-align: center;
}
.support-info-logo img {
    max-width: 120px;
    margin: 0 0 16px;
}
.support-info-logo p {
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    text-decoration-line: underline;
    color: #000000;
}
.support-info-logo a:hover p {
    text-decoration-line: none;
}
.community-support-section .content-italic-center {
    max-width: 100%;
    margin-top: 60px;
}

.giving-hospitality-section{
    margin: 0;
    padding: 0;
    background: #F1F2E9;
}
.giving-row-outer{
    display: flex;
    flex-wrap: wrap;
}

.giving-img-col6 {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.giving-img-figure {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.giving-img-figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.giving-hospitality-section .container {
    max-width: 100%;
    padding: 0;
}

.giving-text-info {
    margin: 0;
    padding: 56px;
    max-width: 738px;
}
.giving-text-info h2 {
    font-size: 48px;
    line-height: 120%;
    margin: 0 0 23px;
    text-wrap: balance;
}
.giving-text-info p {
    margin: 0 0 30px;
}
.giving-text-info p:last-child {
    margin-bottom: 0;
}
.ahead-section{
    position: relative;
    padding-bottom: 283px;
    overflow: hidden;
}
.ahead-section .container {
    max-width: 1062px;
}

.ahead-flex-row{
    display: flex;
    flex-wrap: wrap;
}
.ahead-colleft {
    width: 41%;
}
.ahead-colleft h2 {
    font-size: 48px;
    line-height: 52px;
}
.ahead-colright {
    width: 59%;
}

.caterco-fixed-border {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    text-align: center;
    display: block;
    line-height: normal;
    opacity: 0.08;
}

/* ===================== COMMUNITY PAGE CSS END ======================== */

/* ===================== FOUNDER PAGE CSS START ======================== */
.founder-page-01-section {
    position: relative;
}
.btn-black.btn-border-balck {
    background: none;
    border: 1px solid #1A1A19 !important;
    color: #1A1A19;
}
.btn-black.btn-border-balck:hover {
    background: #898F5E;
    border: 1px solid #898F5E !important;
    color: #fff;
}

.founder-page-01-section .container{
    max-width: 1280px;
}
.founder-page-01-section .community-brand-img-card {
    padding: 0;
}
.big-img-01.max-width-full-image {
    max-width: 100%;
    margin-left: auto;
    position: relative;
}

.name-img-fix-part{
    background: #fff;
    border-radius: 4px;
    padding: 8px 10px;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 24px;
    right: 24px;
    align-items: center;
}
.fdr-icon {
    background: #2D412D;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin: 0;
}

.fdr-icon > img{
    width: auto;
    height: auto;
}
.name-fd-text {
    width: calc(100% - 32px);
    padding-left: 4px;
}
.name-fd-text p {
    font-size: 14px;
    font-style: italic;
    color: #1B1B1B;
    font-family: 'Sofia Pro Medium';
    font-weight: 500;
}
.name-fd-text p strong{
    color: #818856;
}
.align-items-center{
    align-items: center;
}
.founder-page-01-section .community-brand-info-card {
    margin: 0;
    padding-left: 87px;
}
.founder-page-01-section .community-brand-info-card h2 {
    margin-bottom: 25px;
}
.founder-page-01-section .community-brand-info-card p {
    color: #1B1B1B;
}

.founder-partners-section{
    background: #F1F2E9;
}

.partners-row-warp{
    display: flex;
    flex-wrap: wrap;
}

.partners-col-left {
    width: 547px;
}

.partners-col-right{
    width: calc(100% - 547px);
}

.bold-heading h1, .bold-heading h2, .bold-heading h3, .bold-heading h4, .bold-heading h5{
    font-family: 'Sofia Pro Bold' !important;
    font-weight: bold !important;
}

.partners-content-info{
    margin: 0;
    padding: 0;
}
.partners-content-info ul {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border-bottom: 1px rgba(0,0,0,0.15) solid;
}
.partners-content-info ul li {
    counter-increment: my-awesome-counter;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    column-gap: 40px;
    border-top: 1px rgba(0,0,0,0.15) solid;
    padding: 22px 10px;
    color: #000000;
    font-size: 18px;
    line-height: normal;
}
.partners-content-info ul li::before {
    content: "0" counter(my-awesome-counter);
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    border-radius: 4px;
    background: #FFF;
    padding: 4px;
    width: 24px;
    font-size: 12px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2D412D;
}

.commn-row-flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.col-left-6{
    width: 50%;
}

.col-right-6{
    width: 50%;
}

.commn-row-flex .commn-heading p {
    font-size: 20px;
    line-height: 150%;
}
.features-flex-row.four-col-row {
    justify-content: center;
    gap: 31px;
}
.four-col-row .features-col-4 {
    display: block;
    width: calc(25% - 24px);
}

.four-col-row .features-col-text-info {
    text-align: left;
}
.four-col-row .f-icon {
    margin: 0 0 16px;
}
.four-col-row .features-col-text-info h4 {
    margin: 0 0 16px;
}

.light-bg-clr{
    background: #F1F2E9;
}
.about-hospitality-experts-left-col {
    width: 624px;
}

.founder-support-section .community-brand-img-card{
    padding-left: 0;
}
.name-img-fix-part.left {
    left: 24px;
    right: auto;
}
.founder-brand-info-card  h2 {
    margin-bottom: 39px;
}
.founder-brand-info-card.commn-heading p{
    font-size: 20px;
    line-height: 150%;
}
.founder-sup-wrapper{
    display: flex;
    flex-wrap: wrap;
}

.founder-sup-col-left{
    width: 624px;
}

.founder-sup-col-right{
    width: calc(100% - 624px);
}
.founder-transition-section .community-brand-img-card {
    padding-left: 32px;
}
.founder-brand-info-card {
    padding-left: 103px;
}
.founder-brand-info-card  ul {
    padding: 0;
    margin: 0 0 40px;
    border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
}

.founder-brand-info-card  ul li {
    margin: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    column-gap: 40px;
    border-top: 1px rgba(0, 0, 0, 0.15) solid;
    padding: 22px 10px 22px 68px;
    color: #000000;
    font-size: 18px;
    line-height: normal;
    position: relative;
}

.founder-brand-info-card  ul li::after {
    content: "";
    background-color: #fff;
    background-image: url('../images/check-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    position: absolute;
    left: 10px;
    top: 18px;
}

.founder-transition-section  .founder-brand-info-card {
    padding-left: 0;
    padding-right: 113px;
}
.founder-transition-section .founder-brand-info-card  ul li::after {
    background-color: rgba(137, 143, 94, 0.1);
}

.fixed-heading-top-img {
    position: absolute;
    bottom: 56px;
    left: 56px;
    right: 40px;
}
.fixed-heading-top-img h3 {
    font-size: 26px;
    color: #fff;
    line-height: 140%;
    font-weight: normal;
    border-left: 3px #898F5E solid;
    padding-left: 16px;
    font-family: 'Sofia Pro Reg';
    font-style: italic;
    margin: 0;
    text-wrap: balance;
}
.content-italic-center.content-italic-full-line {
    max-width: 600px;
}

.approach-section .commn-heading{
    text-align: center;
}
.founder-sec-one .align-items-center {
    align-items: flex-start !important;
}
.founder-sec-one .col-6:last-child {
    padding-right: 0;
}
.founder-sec-three .commn-row-flex {
    justify-content: space-between;
}
.founder-sec-three .col-right-6 {
    width: 49%;
}
.founder-sec-three .four-col-row .features-col-text-info h4 {
    font-size: 18px;
}
.founder-sec-four .founder-brand-info-card.commn-heading p,
.founder-sec-five.founder-transition-section .founder-brand-info-card p {
    font-size: 18px;
}
.founder-sec-five .founder-sup-wrapper {
    align-items: center;
}
.founder-transition-section.founder-sec-five .founder-brand-info-card {
    margin-bottom: 0;
}
.founder-sec-nine p {
    max-width: 780px;
}
.founder-sec-eight .community-heading p {
    color: #1B1B1B;
    font-size: 16px;
}

.approach-steps-row {
    display: flex;
    align-items: flex-start;
    column-gap: 30px;
}

.approach-step {
  flex: 1;
  min-width: 0;
  opacity: 0;
  cursor: default;
}
.in-view .approach-step:nth-child(1) { animation: fadeUp 0.5s ease forwards 1.0s; }
.in-view .approach-step:nth-child(2) { animation: fadeUp 0.5s ease forwards 2.3s; }
.in-view .approach-step:nth-child(3) { animation: fadeUp 0.5s ease forwards 3.6s; }
.in-view .approach-step:nth-child(4) { animation: fadeUp 0.5s ease forwards 4.9s; }
.in-view .approach-step:nth-child(5) { animation: fadeUp 0.5s ease forwards 6.2s; }

/* Hover lift */
.approach-step:hover .approach-step-title { color: #3a3a2e; }
.approach-step:hover .approach-step-label  { color: #4a4a3a; }

/* ── Step header ── */
.approach-step-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}

.approach-step-label {
    font-size: 12px;
    text-transform: uppercase;
    color: #898F5E;
    white-space: nowrap;
    font-family: 'Sofia Pro Bold';
    font-weight: bold;
    transition: color 0.25s ease;
}

/* ── Connector ── */
.approach-step-connector {
  flex: 1;
  position: relative;
  height: 1px;
  margin-right: 12px;
}

/* Faint base track */
.approach-step-connector .line-base {
  position: absolute;
  inset: 0;
  background: #d8d5cc;
  opacity: 0 !important;
}

/* Expanding fill — draws left to right */
.approach-step-connector .line-fill {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: #a8a49a;
  transform: scaleX(0);
  transform-origin: left center;
}

/* Travelling dot */
.approach-step-connector .line-dot {
  position: absolute;
  top: -3px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 4.5px solid transparent;
  border-bottom: 4.5px solid transparent;
  border-left: 7px solid #a8a49a;
  opacity: 0 !important;
}

/* Arrowhead */
.approach-step-connector .arrow-tip {
  position: absolute;
  right: -6px;
  top: -3.5px;
  width: 0;
  height: 0;
  border-top: 4.5px solid transparent;
  border-bottom: 4.5px solid transparent;
  border-left: 7px solid #a8a49a;
  opacity: 0;
}

/* Per-connector animation delays */
/* Arrow 1: starts at 1.6s */
.in-view .approach-step:nth-child(1) .line-base  { animation: fadeIn  0.01s ease forwards 1.6s; }
.in-view .approach-step:nth-child(1) .line-fill  { animation: drawLine 0.6s cubic-bezier(0.4,0,0.2,1) forwards 1.6s; }
.in-view .approach-step:nth-child(1) .line-dot   { animation: dotRun   0.6s cubic-bezier(0.4,0,0.2,1) forwards 1.6s; }
.in-view .approach-step:nth-child(1) .arrow-tip  { animation: arrowPop 0.2s ease forwards 2.15s; }

/* Arrow 2: starts at 2.9s */
.in-view .approach-step:nth-child(2) .line-base  { animation: fadeIn  0.01s ease forwards 2.9s; }
.in-view .approach-step:nth-child(2) .line-fill  { animation: drawLine 0.6s cubic-bezier(0.4,0,0.2,1) forwards 2.9s; }
.in-view .approach-step:nth-child(2) .line-dot   { animation: dotRun   0.6s cubic-bezier(0.4,0,0.2,1) forwards 2.9s; }
.in-view .approach-step:nth-child(2) .arrow-tip  { animation: arrowPop 0.2s ease forwards 3.45s; }

/* Arrow 3: starts at 4.2s */
.in-view .approach-step:nth-child(3) .line-base  { animation: fadeIn  0.01s ease forwards 4.2s; }
.in-view .approach-step:nth-child(3) .line-fill  { animation: drawLine 0.6s cubic-bezier(0.4,0,0.2,1) forwards 4.2s; }
.in-view .approach-step:nth-child(3) .line-dot   { animation: dotRun   0.6s cubic-bezier(0.4,0,0.2,1) forwards 4.2s; }
.in-view .approach-step:nth-child(3) .arrow-tip  { animation: arrowPop 0.2s ease forwards 4.75s; }

/* Arrow 4: starts at 5.5s */
.in-view .approach-step:nth-child(4) .line-base  { animation: fadeIn  0.01s ease forwards 5.5s; }
.in-view .approach-step:nth-child(4) .line-fill  { animation: drawLine 0.6s cubic-bezier(0.4,0,0.2,1) forwards 5.5s; }
.in-view .approach-step:nth-child(4) .line-dot   { animation: dotRun   0.6s cubic-bezier(0.4,0,0.2,1) forwards 5.5s; }
.in-view .approach-step:nth-child(4) .arrow-tip  { animation: arrowPop 0.2s ease forwards 6.05s; }

/* Arrow 4: starts at 5.5s */
.in-view .approach-step:nth-child(5) .line-base  { animation: fadeIn  1.01s ease forwards 6.2s; }
.in-view .approach-step:nth-child(5) .line-fill  { animation: drawLine 0.6s cubic-bezier(0.4,0,0.2,1) forwards 6.2s; }
.in-view .approach-step:nth-child(5) .line-dot   { animation: dotRun   0.6s cubic-bezier(0.4,0,0.2,1) forwards 6.2s; }
.in-view .approach-step:nth-child(5) .arrow-tip  { animation: arrowPop 0.2s ease forwards 7.0s; }

.approach-step-body { padding-right: 0; }
.approach-step:last-child .approach-step-body { padding-right: 0; }

.approach-step-body h6 {
    color: #000;
    font-family: 'Sofia Pro Bold';
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 4px;
    padding: 0;
}

.approach-step-body p {
  font-size: 16px;
  line-height: 24px;
}

.approach-step-connector.hide-desktop {
    display: none;
}
/* ── Keyframes ── */

@keyframes drawLine {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

@keyframes dotRun {
  0%   { opacity: 1; left: 0; }
  88%  { opacity: 1; left: calc(100% - 7px); }
  100% { opacity: 0; left: calc(100% - 7px); }
}

@keyframes arrowPop {
  from { opacity: 0; transform: scale(0.3) translateX(-4px); }
  to   { opacity: 1; transform: scale(1) translateX(0); }
}


/* ===================== FOUNDER PAGE CSS END ======================== */
.founder-sec-three .commn-row-flex {
    align-items: center;
}
.founder-sec-four .founder-brand-info-card {
    margin-bottom: 0;
}

#headline-animtion{
    text-wrap: balance;
}
.word { display: inline-block; opacity: 0; transform: translateY(28px); animation: wordIn 0.52s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
.space { display: inline-block; width: 0.26em; }

.hero-photo-animate{
  opacity: 0;
  transform: translateY(22px);
  animation: fadeUp-hero 0.7s ease forwards;
  animation-delay: 1.2s;
  flex-shrink: 0;
  overflow: hidden;
}
.divider-wrap {
    display: flex;
    justify-content: center;
    height: 98px;
    position: relative;
    z-index: 1;
    margin-top: 36px;
    margin-bottom: -140px;
}
.divider-line {
    width: 1px;
    background: #1a1a19;
    height: 0;
    animation: lineGrow 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.4s forwards;
}
.divider-for .divider-line {
    animation: lineGrow 0.75s cubic-bezier(0.22, 1, 0.36, 1) 2.05s forwards;
}
.banner-section.team-banner-section {
    overflow: visible;
}
.hero-subhead {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp-hero 0.6s ease forwards;
  animation-delay: 1.1s;
}
.hero-btn-animate{
    opacity: 0;
    transform: translateY(16px);
    animation: fadeUp-hero 0.55s ease forwards;
    animation-delay: 1.45s;
}
@keyframes wordIn { to { opacity: 1; transform: translateY(0); } }
@keyframes fadeUp-hero { to { opacity: 1; transform: translateY(0); } }
@keyframes lineGrow { to { height: 98px; } }

.community-logos-section .support-info-logo p {
    text-decoration: none;
    display: none;
}
.community-logos-section .support-info-logo img {
    filter: grayscale(1);
}
.community-logos-card {
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.community-logos-card img {
    max-height: 105px;
    max-width: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
}