:root {
    --displayFont: 70px;
    --h1: 56px;
    --h2: 48px;
    --h3: 32px;
    --h4: 24px;
    --h5: 20px;
    --h6: ;
    --body: 18px;
    --font-18: 18px;
    --font-16: 16px;
    --font-14: 14px;
    --font-20: 20px;
	--button: 20px;
    --font-24: 24px;
    --font-28: 28px;
    --blue: #43C2CB;
    --ivory: #FBF8EC;
    --bodyFont: "Fustat", sans-serif;
    --headingFont: "Funnel Display", sans-serif;
    --container-padding: 145px;
    --gutter: 30px;
}

@media (max-width: 1680px) {
:root {
    --displayFont: calc(70px * 0.8);
    --h1: calc(56px * 0.8);
    --h2: calc(48px * 0.8);
    --h3: calc(32px * 0.8);
    --h4: calc(24px * 0.8);
    --h5: ;
    --h6: ;
    --body: 16px;
    --font-16: 14px;
    --font-14: 12px;
    --font-20: 18px;
    --font-24: calc(24px * 0.8);
    --font-28: calc(28px * 0.8);
    --container-padding: 60px;
}
}

.white {
    color: #fff;
}

.pt-40 {
	padding-top: 40px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-100 {
	padding-top: 100px;
}
.pt-120 {
	padding-top: 120px;
}

.pb-40 {
	padding-bottom: 40px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pb-100 {
	padding-bottom: 100px;
}
.pb-120 {
	padding-bottom: 120px;
}

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#002A4E;z-index:10000;color: #fff;}

.e-con {
    --container-max-width: calc(100% - (var(--container-padding)*2));
}

.container-padding {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}
.container-padding-left {
    padding-left: var(--container-padding);
}
.container-padding-right {
    padding-right: var(--container-padding);
}

/* TYPOGRAPHY */
body, html {
    font-family: "Fustat", sans-serif;
    font-size: var(--body);
line-height: 1.333em;
}
.display .elementor-heading-title {
	font-size: var(--displayFont);
font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
line-height: 1.25em !important;
--webkit-font-smoothing: antialiased;
}
h1, .h1 {
    font-size: var(--h1);
font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
line-height: 1.25em !important;
}
h2, .h2 {
    font-size: var(--h2);
    line-height: ;
font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
line-height: 1.166666666666667em !important;
/* or 117% */
}
h3, .h3 {
    font-size: var(--h3);
font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
line-height: 1.375em !important;

}
h4, .h4 {
    font-size: var(--h4);
    font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
line-height: 1.25em !important;

}
h5, .h5 {
    font-size: var(--h5);
    line-height: ;
}
h6, .h6 {
    font-size: var(--h6);
    line-height: ;
}
.highlight, .highlight .elementor-heading-title {

/* Highlight */
font-family: 'Fustat';
font-style: normal;
font-weight: 400;
font-size: var(--h3);
line-height: 1.5em !important;
/* or 150% */

}
small {
    font-size: ;
    line-height: ;
}
.elementor-button, .btn.btn-default, .wpcf7submit {
    font-size: ;
    line-height: ;
	background: var(--blue);
padding: 10px 50px 11px 24px;
border-radius: 8px;

/* Button */
font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
font-size: var(--button);
line-height: 27px;
/* identical to box height, or 135% */
letter-spacing: 0.02em;

/* Deep Grey/100 */
color: #282D31;

position: relative;
}
.elementor-button:focus, .elementor-button:hover, .elementor-button:visited {
color: #282D31;
}
.elementor-button:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(244.08deg, #53575A 5.86%, #000000 97.14%);
color: var(--blue);
text-decoration: none;
}
.black-btn .elementor-button, .page-id-19 .wpcf7submit {
    background: #282D31;
    color: #fff;
}
.elementor-button::before, .wpcf7submit::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8561 0.0104862H12.4156V5.09628H0V5.9142H12.4156V11H12.8561C12.8561 11 13.4957 6.449 18.1096 5.66254V5.33746C13.4957 4.56149 12.8561 0 12.8561 0V0.0104862Z" fill="%23282D31"/></svg>') no-repeat center center;
    background-size: contain;
    width: 19px;
    height: 11px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.elementor-button:hover::before {
    background: url('data:image/svg+xml,<svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8561 0.0104862H12.4156V5.09628H0V5.9142H12.4156V11H12.8561C12.8561 11 13.4957 6.449 18.1096 5.66254V5.33746C13.4957 4.56149 12.8561 0 12.8561 0V0.0104862Z" fill="%2343C2CB"/></svg>') no-repeat center center;
}
.black-btn .elementor-button::before, .black-btn.wpcf7submit::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8561 0.0104862H12.4156V5.09628H0V5.9142H12.4156V11H12.8561C12.8561 11 13.4957 6.449 18.1096 5.66254V5.33746C13.4957 4.56149 12.8561 0 12.8561 0V0.0104862Z" fill="%2343C2CB"/></svg>') no-repeat center center;
    background-size: contain;
    width: 19px;
    height: 11px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.black-btn .elementor-button:hover, .wpcf7submit:hover {

/* Grad/buttonBG blue */
background: linear-gradient(61.57deg, #8EDAE0 0.07%, #43C2CB 99.8%);
color: #282D31;
}
.black-btn .elementor-button:hover::before, .black-btn.wpcf7submit:hover::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8561 0.0104862H12.4156V5.09628H0V5.9142H12.4156V11H12.8561C12.8561 11 13.4957 6.449 18.1096 5.66254V5.33746C13.4957 4.56149 12.8561 0 12.8561 0V0.0104862Z" fill="%23282D31"/></svg>') no-repeat center center;
    
}
.link-btn .elementor-button::before {
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 10.4615V16H0.5V4H6.96154" stroke="%2343C2CB"/><path d="M14.0936 2.60838L13.944 7.44085L12.8995 8.48535L13.0491 3.65289L12.7822 3.38601L7.94976 3.5356L8.99426 2.4911L13.8267 2.3415L14.0936 2.60838Z" fill="%2343C2CB"/><path d="M5.47488 10.9602L13.2531 3.18203" stroke="%2343C2CB"/></svg>') no-repeat center center;
    width: 17px;
    height: 17px;
    margin-top: -1px;
}
.link-btn .elementor-button:hover::before {
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 10.4615V16H0.5V4H6.96154" stroke="%23282D31"/><path d="M14.0936 2.60838L13.944 7.44085L12.8995 8.48535L13.0491 3.65289L12.7822 3.38601L7.94976 3.5356L8.99426 2.4911L13.8267 2.3415L14.0936 2.60838Z" fill="%23282D31"/><path d="M5.47488 10.9602L13.2531 3.18203" stroke="%23282D31"/></svg>') no-repeat center center;
}
.arrow-btn .elementor-button::before, .arrow-button-long .elementor-button::before {
	background: url('data:image/svg+xml,<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0248 8.01144H13.5443V13.5596H0V14.4519H13.5443V20H14.0248C14.0248 20 14.7226 15.0353 19.756 14.1773V13.8227C14.7226 12.9762 14.0248 8 14.0248 8V8.01144Z" fill="%2343C2CB"/></svg>') no-repeat center center;
	width: 20px;height: 28px;
}
.arrow-button-long .elementor-button:hover::before {
	background: url('data:image/svg+xml,<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0248 8.01144H13.5443V13.5596H0V14.4519H13.5443V20H14.0248C14.0248 20 14.7226 15.0353 19.756 14.1773V13.8227C14.7226 12.9762 14.0248 8 14.0248 8V8.01144Z" fill="%23000000"/></svg>') no-repeat center center;
	width: 20px;height: 28px;
}
.icon-btn .elementor-button {
    text-indent: -9999px;padding-left: 10px;
}

p {
    margin-bottom: 1em;
}
p:last-child {
    margin-bottom: 0;
}
/* END TYPOGRAPHY */

/* HEADER */

header {
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
	background: #282D31;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
    position: sticky;
    top: 0;
    z-index: 99;
}
.navbar-brand img {
	height: 62px;
}
.navbar-light .navbar-nav .nav-link {
	color: #ffffff;
	/* About Us */

/* Button */
font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 27px;
/* identical to box height, or 135% */
letter-spacing: 0.02em;

/* Neutral/White */
color: #FFFFFF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color: #ffffff;
}
.nav-item {
	margin-left: 60px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: var(--blue);
}

ul.dropdown-menu {
	    background: linear-gradient(199.34deg, #282D31 -0.12%, #53575A 101.08%);
    border-bottom: 2px solid #43C2CB;
    box-shadow: 0px 40px 50px #282D31;
    border-radius: 0px 0px 8px 8px;
	padding-top: 30px;
}
.dropdown-item {
	    font-size: var(--button);
    font-weight: 700;
    color: white;
}
ul.dropdown-menu li {
	margin-left: 0;
	margin-bottom: 20px;
}
ul.dropdown-menu li a {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--blue);
    text-decoration: none;
    background-color: transparent;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom;
    content: "";
    border: none;
    background: url('data:image/svg+xml,<svg width="9" height="27" viewBox="0 0 9 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6H0.671842C0.671842 6 1.65561 13.0423 8.79393 14.2541V14.7579C1.66761 15.9577 0.671842 23 0.671842 23H0V6Z" fill="white"/></svg>') no-repeat center center;
    width: 27px;
    height: 27px;
	transition: all .3s ease;
}
li.menu-item.dropdown:hover a::after, li.menu-item.dropdown.active a::after {
	transform: translateY(2px) rotate(90deg);
	transition: all .3s ease;
    background: url('data:image/svg+xml,<svg width="9" height="27" viewBox="0 0 9 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6H0.671842C0.671842 6 1.65561 13.0423 8.79393 14.2541V14.7579C1.66761 15.9577 0.671842 23 0.671842 23H0V6Z" fill="%2345C2CA"/></svg>') no-repeat center center;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* END HEADER */

/* CONTENT */

.multiply img {
	mix-blend-mode: multiply;
}

.elementor-element-f66a19f::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(180deg, #969A9E 0%, #363A3D 100%);
    border-radius: inherit;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}
.elementor-element-1c8e38f::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
background: linear-gradient(150deg,rgba(67, 194, 203, 1) 0%, rgba(99, 104, 108, 1) 70%);
    border-radius: inherit;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}
.elementor-element-a3a85a1 {
    width: 100%;
}
.whatwedo-cards {
    gap: 50px;
}
.whatwedo-card {
    position: relative;
    width: 100%;
    min-height: 500px;
    color: var(--ivory);
    border-radius: 16px;
    padding: 36px 24px
}
.whatwedo-card::before {
    content: '';
    background: linear-gradient(180deg, rgba(40, 45, 49, 0) 54.81%, rgba(24, 27, 29, 0.7) 75.01%), url(getty-images-LyZBus3Sfrk-unsplash.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 16px;
}
.card-content {
    z-index: 1;
    position: relative;
    width: 100%;
}
.card-plus {
    position: absolute;
    right: 24px;
    bottom:36px;
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="36" height="36" rx="8" fill="%2343C2CB"/><path d="M19.1111 16.6111C19.1111 16.7645 19.2355 16.8889 19.3889 16.8889H27.7222C27.8756 16.8889 28 17.0133 28 17.1667V18.8333C28 18.9867 27.8756 19.1111 27.7222 19.1111H19.3889C19.2355 19.1111 19.1111 19.2355 19.1111 19.3889V27.7222C19.1111 27.8756 18.9867 28 18.8333 28H17.1667C17.0133 28 16.8889 27.8756 16.8889 27.7222V19.3889C16.8889 19.2355 16.7645 19.1111 16.6111 19.1111H8.27778C8.12437 19.1111 8 18.9867 8 18.8333V17.1667C8 17.0133 8.12437 16.8889 8.27778 16.8889H16.6111C16.7645 16.8889 16.8889 16.7645 16.8889 16.6111V8.27778C16.8889 8.12437 17.0133 8 17.1667 8H18.8333C18.9867 8 19.1111 8.12437 19.1111 8.27778V16.6111Z" fill="%23282D31"/></svg>') no-repeat center center;
    width: 36px;
    height: 36px;
    background-size: contain;
    z-index: 5;
}
.card-plus:hover {
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="36" height="36" rx="8" fill="%23E3E5E5"/><path d="M19.1111 16.6111C19.1111 16.7645 19.2355 16.8889 19.3889 16.8889H27.7222C27.8756 16.8889 28 17.0133 28 17.1667V18.8333C28 18.9867 27.8756 19.1111 27.7222 19.1111H19.3889C19.2355 19.1111 19.1111 19.2355 19.1111 19.3889V27.7222C19.1111 27.8756 18.9867 28 18.8333 28H17.1667C17.0133 28 16.8889 27.8756 16.8889 27.7222V19.3889C16.8889 19.2355 16.7645 19.1111 16.6111 19.1111H8.27778C8.12437 19.1111 8 18.9867 8 18.8333V17.1667C8 17.0133 8.12437 16.8889 8.27778 16.8889H16.6111C16.7645 16.8889 16.8889 16.7645 16.8889 16.6111V8.27778C16.8889 8.12437 17.0133 8 17.1667 8H18.8333C18.9867 8 19.1111 8.12437 19.1111 8.27778V16.6111Z" fill="%2343C2CB"/></svg>') no-repeat center center;
}
.card-content-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 36px 24px;
    border-radius: 16px;
    background-color: rgba(24, 27, 29, 0.7);
    transition: all .3s ease;
}
.whatwedo-card:hover .card-content-hover {
    opacity: 1;
    transition: all .3s ease;
}
.card-content {
    opacity: 1;
    transition: all .3s ease;
}
.whatwedo-card:hover .card-content {
    opacity: 0;
    transition: all .3s ease;
}

.card-content-clicked {
background: #282D31 linear-gradient(244.08deg, rgba(40, 45, 49, 0.5) 5.86%, rgba(123, 139, 151, 0.5) 97.14%);
    padding: 36px 36px 72px;
    border-radius: 16px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: center;
    transition: all .3s ease;
}
.showing .card-content-clicked {
    opacity: 1;
    transition: all .3s ease;
}
.showing .card-plus {
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="36" height="36" rx="8" fill="%23E3E5E5"/><path d="M19.7678 17.8036C19.6593 17.9121 19.6593 18.088 19.7678 18.1965L25.6603 24.089C25.7688 24.1975 25.7688 24.3734 25.6603 24.4819L24.4818 25.6604C24.3733 25.7688 24.1975 25.7688 24.089 25.6604L18.1964 19.7678C18.0879 19.6593 17.9121 19.6593 17.8036 19.7678L11.911 25.6604C11.8025 25.7688 11.6267 25.7688 11.5182 25.6604L10.3397 24.4819C10.2312 24.3734 10.2312 24.1975 10.3397 24.089L16.2322 18.1965C16.3407 18.088 16.3407 17.9121 16.2322 17.8036L10.3397 11.9111C10.2312 11.8026 10.2312 11.6267 10.3397 11.5182L11.5182 10.3397C11.6267 10.2312 11.8025 10.2312 11.911 10.3397L17.8036 16.2323C17.9121 16.3408 18.0879 16.3408 18.1964 16.2323L24.089 10.3397C24.1975 10.2312 24.3733 10.2312 24.4818 10.3397L25.6603 11.5182C25.7688 11.6267 25.7688 11.8026 25.6603 11.9111L19.7678 17.8036Z" fill="%23282D31"/></svg>') no-repeat center center;
}

.value-card {
    background: linear-gradient(196.83deg, rgba(255, 255, 255, 0.4) 20.67%, rgba(236, 249, 250, 0.4) 70.62%, rgba(217, 243, 245, 0.4) 96.96%);
border-radius: 24px;
}

.brand-c img {
    width: 10vw !important;
    height: auto !important;
}
.brand-c-small img {
    width: 7.5vw !important;
    height: auto !important;
}

.approach-card {
    
background: linear-gradient(330.34deg, #8EDAE0 -18.32%, #ECF9FA 78.42%);
border-radius: 16px;
padding: 24px;
}

.brand-card {
    background: url('https://connect.travel/wp-content/uploads/2026/01/Union-6.png') no-repeat center bottom;
    background-size: 100% 100%;
    padding: 24px 24px 80px 24px;
    border-radius: 24px 24px 0 24px;
	height: 100%;
}
.expand-card {
    position: absolute;
    left: auto;
    top: auto;
    right: 20px;
    bottom: 18px;
     background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="36" height="36" rx="8" fill="%2343C2CB"/><path d="M19.1111 16.6111C19.1111 16.7645 19.2355 16.8889 19.3889 16.8889H27.7222C27.8756 16.8889 28 17.0133 28 17.1667V18.8333C28 18.9867 27.8756 19.1111 27.7222 19.1111H19.3889C19.2355 19.1111 19.1111 19.2355 19.1111 19.3889V27.7222C19.1111 27.8756 18.9867 28 18.8333 28H17.1667C17.0133 28 16.8889 27.8756 16.8889 27.7222V19.3889C16.8889 19.2355 16.7645 19.1111 16.6111 19.1111H8.27778C8.12437 19.1111 8 18.9867 8 18.8333V17.1667C8 17.0133 8.12437 16.8889 8.27778 16.8889H16.6111C16.7645 16.8889 16.8889 16.7645 16.8889 16.6111V8.27778C16.8889 8.12437 17.0133 8 17.1667 8H18.8333C18.9867 8 19.1111 8.12437 19.1111 8.27778V16.6111Z" fill="%23282D31"/></svg>') no-repeat center center;
    width: 36px;
    height: 36px;
	z-index: 9;
    background-size: contain;
}
.brand-card-c:hover .expand-card {
    position: absolute;
    left: auto;
    top: auto;
    right: 20px;
    bottom: 18px;
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="36" height="36" rx="8" fill="%23E3E5E5"/><path d="M19.1111 16.6111C19.1111 16.7645 19.2355 16.8889 19.3889 16.8889H27.7222C27.8756 16.8889 28 17.0133 28 17.1667V18.8333C28 18.9867 27.8756 19.1111 27.7222 19.1111H19.3889C19.2355 19.1111 19.1111 19.2355 19.1111 19.3889V27.7222C19.1111 27.8756 18.9867 28 18.8333 28H17.1667C17.0133 28 16.8889 27.8756 16.8889 27.7222V19.3889C16.8889 19.2355 16.7645 19.1111 16.6111 19.1111H8.27778C8.12437 19.1111 8 18.9867 8 18.8333V17.1667C8 17.0133 8.12437 16.8889 8.27778 16.8889H16.6111C16.7645 16.8889 16.8889 16.7645 16.8889 16.6111V8.27778C16.8889 8.12437 17.0133 8 17.1667 8H18.8333C18.9867 8 19.1111 8.12437 19.1111 8.27778V16.6111Z" fill="%2343C2CB"/></svg>') no-repeat center center;
    width: 36px;
    height: 36px;
    background-size: contain;
}
.xbrand-card-c::before {
    content: '';
    position: absolute;
    left: auto;
    top: auto;
    right: 20px;
    bottom: 18px;
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="36" height="36" rx="8" fill="%2343C2CB"/><path d="M19.1111 16.6111C19.1111 16.7645 19.2355 16.8889 19.3889 16.8889H27.7222C27.8756 16.8889 28 17.0133 28 17.1667V18.8333C28 18.9867 27.8756 19.1111 27.7222 19.1111H19.3889C19.2355 19.1111 19.1111 19.2355 19.1111 19.3889V27.7222C19.1111 27.8756 18.9867 28 18.8333 28H17.1667C17.0133 28 16.8889 27.8756 16.8889 27.7222V19.3889C16.8889 19.2355 16.7645 19.1111 16.6111 19.1111H8.27778C8.12437 19.1111 8 18.9867 8 18.8333V17.1667C8 17.0133 8.12437 16.8889 8.27778 16.8889H16.6111C16.7645 16.8889 16.8889 16.7645 16.8889 16.6111V8.27778C16.8889 8.12437 17.0133 8 17.1667 8H18.8333C18.9867 8 19.1111 8.12437 19.1111 8.27778V16.6111Z" fill="%23282D31"/></svg>') no-repeat center center;
    width: 36px;
    height: 36px;
	z-index: 9;
    background-size: contain;
}
.xbrand-card-c:hover::before {
    content: '';
    position: absolute;
    left: auto;
    top: auto;
    right: 20px;
    bottom: 18px;
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="36" height="36" rx="8" fill="%23E3E5E5"/><path d="M19.1111 16.6111C19.1111 16.7645 19.2355 16.8889 19.3889 16.8889H27.7222C27.8756 16.8889 28 17.0133 28 17.1667V18.8333C28 18.9867 27.8756 19.1111 27.7222 19.1111H19.3889C19.2355 19.1111 19.1111 19.2355 19.1111 19.3889V27.7222C19.1111 27.8756 18.9867 28 18.8333 28H17.1667C17.0133 28 16.8889 27.8756 16.8889 27.7222V19.3889C16.8889 19.2355 16.7645 19.1111 16.6111 19.1111H8.27778C8.12437 19.1111 8 18.9867 8 18.8333V17.1667C8 17.0133 8.12437 16.8889 8.27778 16.8889H16.6111C16.7645 16.8889 16.8889 16.7645 16.8889 16.6111V8.27778C16.8889 8.12437 17.0133 8 17.1667 8H18.8333C18.9867 8 19.1111 8.12437 19.1111 8.27778V16.6111Z" fill="%2343C2CB"/></svg>') no-repeat center center;
    width: 36px;
    height: 36px;
    background-size: contain;
}
.brand-card-c.active .expand-card {
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="36" height="36" rx="8" fill="%23E3E5E5"/><path d="M19.7678 17.8036C19.6593 17.9121 19.6593 18.088 19.7678 18.1965L25.6603 24.089C25.7688 24.1975 25.7688 24.3734 25.6603 24.4819L24.4818 25.6604C24.3733 25.7688 24.1975 25.7688 24.089 25.6604L18.1964 19.7678C18.0879 19.6593 17.9121 19.6593 17.8036 19.7678L11.911 25.6604C11.8025 25.7688 11.6267 25.7688 11.5182 25.6604L10.3397 24.4819C10.2312 24.3734 10.2312 24.1975 10.3397 24.089L16.2322 18.1965C16.3407 18.088 16.3407 17.9121 16.2322 17.8036L10.3397 11.9111C10.2312 11.8026 10.2312 11.6267 10.3397 11.5182L11.5182 10.3397C11.6267 10.2312 11.8025 10.2312 11.911 10.3397L17.8036 16.2323C17.9121 16.3408 18.0879 16.3408 18.1964 16.2323L24.089 10.3397C24.1975 10.2312 24.3733 10.2312 24.4818 10.3397L25.6603 11.5182C25.7688 11.6267 25.7688 11.8026 25.6603 11.9111L19.7678 17.8036Z" fill="%23282D31"/></svg>') no-repeat center center;
    background-size: contain;
}

.brand-card-c#cg:hover .brand-card {
	background: url('https://connect.travel/wp-content/uploads/2026/01/Union-9.png') no-repeat center bottom;
	background-size: 100% 100%;
}
.brand-card-c#tr:hover .brand-card {
	background: url('https://connect.travel/wp-content/uploads/2026/01/Union-10.png') no-repeat center bottom;
	background-size: 100% 100%;
}
.brand-card-c#tc:hover .brand-card {
	background: url('https://connect.travel/wp-content/uploads/2026/01/Union-11.png') no-repeat center bottom;
	background-size: 100% 100%;
}
.brand-card-c#bm:hover .brand-card {
	background: url('https://connect.travel/wp-content/uploads/2026/01/Union-12.png') no-repeat center bottom;
	background-size: 100% 100%;
}

.brand-card-c#cg:hover .elementor-widget-image {
	    background: url(https://connect.travel/wp-content/uploads/2026/01/CG-Consulting-2.png) no-repeat center left;
    background-size: auto 62px;
}
.brand-card-c#tr:hover .elementor-widget-image {
	    background: url(https://connect.travel/wp-content/uploads/2026/01/Travera-Logo-2.png) no-repeat center left;
    background-size: auto 32px;
}
.brand-card-c#tc:hover .elementor-widget-image {
	    background: url(https://connect.travel/wp-content/uploads/2026/01/TravelCue-Logo-2.png) no-repeat center left;
    background-size: auto 62px;
}
.brand-card-c#bm:hover .elementor-widget-image {
	    background: url(https://connect.travel/wp-content/uploads/2026/01/Blue-Logo-2.png) no-repeat center left;
    background-size: auto 62px;
}
.brand-card-c#cg:hover .elementor-widget-image img, .brand-card-c#tc:hover .elementor-widget-image img, .brand-card-c#tr:hover .elementor-widget-image img, .brand-card-c#bm:hover .elementor-widget-image img {
	    opacity: 0;
	transition: all .3s ease;
}

.brand-card-hover#cg {
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('https://connect.travel/wp-content/uploads/2026/01/Union-13.png') no-repeat center bottom;background-size: 100% 100%;z-index: 1;
    padding: 24px 24px 80px 24px;
    border-radius: 24px 24px 0 24px;
}
.brand-card-hover#tc {
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('https://connect.travel/wp-content/uploads/2026/01/Union-15.png') no-repeat center bottom;background-size: 100% 100%;z-index: 1;
    padding: 24px 24px 80px 24px;
    border-radius: 24px 24px 0 24px;
}
.brand-card-hover#bm {
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('https://connect.travel/wp-content/uploads/2026/01/Union-16.png') no-repeat center bottom;background-size: 100% 100%;z-index: 1;
    padding: 24px 24px 80px 24px;
    border-radius: 24px 24px 0 24px;
}
.brand-card-hover#tr {
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('https://connect.travel/wp-content/uploads/2026/01/Union-14.png') no-repeat center bottom;background-size: 100% 100%;z-index: 1;
    padding: 24px 24px 80px 24px;
    border-radius: 24px 24px 0 24px;
}

.brand-card-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden; padding: 24px 24px 24px 24px;
}
.go-to-web {
	padding-right: 40px;
	background: url('data:image/svg+xml,<svg width="36" height="19" viewBox="0 0 36 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.9256 0.0181125H26.1649V8.80267H4.71973V10.2154H26.1649V19H26.9256C26.9256 19 28.0305 11.1392 36 9.78074V9.21926C28.0305 7.87893 26.9256 0 26.9256 0V0.0181125Z" fill="%2343C2CB"/></svg>') no-repeat center right;
}

.elementor-counter-number {
    font-size: var(--displayFont);
    font-weight: 700 !important;
}
.elementor-counter-title {

font-family: 'Funnel Display';
font-style: normal;
font-weight: 400;
font-size: var(--h4);
/* identical to box height */
text-align: center;


}

.wpcf7 label, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select {
    width: 100%;
    margin-bottom: 0;
    outline: none !important;
    xborder: none !important;
    color: white;
}

.wpcf7 select {
    color: #A5A7A9;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
    /* Fill area */

box-sizing: border-box;
background: transparent;
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 60px 10px 10px;
gap: 10px;

/* Ocean Aqua/100 */
border: 1px solid #43C2CB;
border-radius: 8px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;

height: 48px;

}
.wpcf7submit {
    border: none;height: 48px;
}
.wpcf7-submit {
    border: none;background: transparent;padding: 0;
}
.wpcf7-spinner {
    display: none;
}
.wpcf7 p {
    margin-bottom: 0;
}

.team-card {
	background: linear-gradient(60.66deg, #F8F9F9 -0.49%, #E3E5E5 96.66%);
	padding: 24px 24px 36px 24px;border-radius: 20px;
}

.esg-slider {
    margin-bottom: 0;
    padding-bottom: 40px;
}
.esg-slide {
    color: white;
padding: 40px 45px;
border: 1px solid #62777C;
background: linear-gradient(244.08deg, #7B8B97 5.86%, #282D31 97.14%);
border-radius: 24px;

}
.esg-slide h4 {
    margin-bottom: 20px;
}

.esg-slider .slick-dots {
    bottom: 0px;
    border-radius: 4px;
    height: 6px;
    line-height: 0;
        width: calc(100% - 160px);
    left: 80px;

    border-radius: 10px;
    overflow: hidden;
}
.esg-slider .slick-dots li {
    margin: 0;
    width: 25%;
     border-radius: 4px;
}
.esg-slider .slick-dots li button::before {
    content: '';
    width: 100%;
    height: 6px;
    background: #D9D9D9;
    background-size: contain;
    opacity: 1;
}
.esg-slider .slick-dots li.slick-active button::before {
    content: '';
    width: 100%;
    height: 6px;
    background: var(--blue);
    background-size: contain;
    opacity: 1;
}
.esg-slider .slick-next {
    bottom: -43px;
    top: auto;
    width: 50px;
    height: 46px;
    right: 0;
}
.esg-slider .slick-prev {
    bottom: -43px;
    left: 0;
    top: auto;
    width: 50px;
    height: 46px;
}
.slick-next::before, .slick-prev::before {
    opacity: 1;
}
.esg-slider .slick-next::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" fill="%2343C2CB"/><path d="M29.1469 17.0114H28.6664V22.5596H15.1221V23.4519H28.6664V29H29.1469C29.1469 29 29.8447 24.0353 34.878 23.1773V22.8227C29.8447 21.9762 29.1469 17 29.1469 17V17.0114Z" fill="%23282D31"/></svg>') no-repeat center center;
    width: 50px;
    height: 46px;
    background-size: contain;
    display: block;
}
.esg-slider .slick-next:hover::before {
background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" fill="url(%23paint0_linear_2135_3747)"/><g clip-path="url(%23clip0_2135_3747)"><path d="M26.7688 17.0114H26.2883V22.5596H12.744V23.4519H26.2883V29H26.7688C26.7688 29 27.4666 24.0353 32.5 23.1773V22.8227C27.4666 21.9762 26.7688 17 26.7688 17V17.0114Z" fill="%2343C2CB"/></g><defs><linearGradient id="paint0_linear_2135_3747" x1="44.6903" y1="-1.80786" x2="-8.33527" y2="26.2043" gradientUnits="userSpaceOnUse"><stop stop-color="%23282D31"/><stop offset="1" stop-color="%237B8B97"/></linearGradient><clipPath id="clip0_2135_3747"><rect width="15" height="28" fill="white" transform="translate(17.5 9)"/></clipPath></defs></svg>') no-repeat center center !important;
}
.esg-slider .slick-prev::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" transform="matrix(-1 0 0 1 50 0)" fill="%2343C2CB"/><path d="M20.8531 17.0114H21.3336V22.5596H34.8779V23.4519H21.3336V29H20.8531C20.8531 29 20.1553 24.0353 15.122 23.1773V22.8227C20.1553 21.9762 20.8531 17 20.8531 17V17.0114Z" fill="%23282D31"/></svg>') no-repeat center center;
    width: 50px;
    height: 46px;
    background-size: contain;
    display: block;
}
.esg-slider .slick-prev:hover::before {
background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" fill="url(%23paint0_linear_2135_3747)"/><g clip-path="url(%23clip0_2135_3747)"><path d="M26.7688 17.0114H26.2883V22.5596H12.744V23.4519H26.2883V29H26.7688C26.7688 29 27.4666 24.0353 32.5 23.1773V22.8227C27.4666 21.9762 26.7688 17 26.7688 17V17.0114Z" fill="%2343C2CB"/></g><defs><linearGradient id="paint0_linear_2135_3747" x1="44.6903" y1="-1.80786" x2="-8.33527" y2="26.2043" gradientUnits="userSpaceOnUse"><stop stop-color="%23282D31"/><stop offset="1" stop-color="%237B8B97"/></linearGradient><clipPath id="clip0_2135_3747"><rect width="15" height="28" fill="white" transform="translate(17.5 9)"/></clipPath></defs></svg>') no-repeat center center !important;
transform: rotate(-180deg);
}
.esg-slider .slick-prev:hover {
    xleft: -12px;
}
.esg-slider .slick-prev:hover::before {
    background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" transform="matrix(-1 0 0 1 50 0)" fill="%2343C2CB"/><path d="M20.8531 17.0114H21.3336V22.5596H34.8779V23.4519H21.3336V29H20.8531C20.8531 29 20.1553 24.0353 15.122 23.1773V22.8227C20.1553 21.9762 20.8531 17 20.8531 17V17.0114Z" fill="%23282D31"/></svg>') no-repeat center center;
    width: 50px;
    height: 46px;
}
.esg-slider .slick-next:hover {
    xright: -12px;
}
.esg-slider .slick-next:hover::before {
    background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" fill="%2343C2CB"/><path d="M29.1469 17.0114H28.6664V22.5596H15.1221V23.4519H28.6664V29H29.1469C29.1469 29 29.8447 24.0353 34.878 23.1773V22.8227C29.8447 21.9762 29.1469 17 29.1469 17V17.0114Z" fill="%23282D31"/></svg>') no-repeat center center;
    width: 50px;
    height: 46px;
    right: 0;
    position: absolute;
    top: 0;
}

.esg-col {
	padding: 30px !important;
	height: 100%;
}
.esg-col img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	margin-bottom: 20px;
}

.sustain-slide {
padding: 16px;

/* Grad/LightGrey */
background: linear-gradient(60.66deg, #F8F9F9 -0.49%, #E3E5E5 96.66%);
backdrop-filter: blur(20px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 20px;

}
.sustain-slide img {
    margin-bottom: 20px;
    border-radius: 16px;
}

 .sustain-slider .slick-slide {
      margin: 0 40px;
  }

 .sustain-slider .slick-list {
      margin: 0 -40px;
  }

  
  .sustain-slider .slick-next {
    xbottom: -43px;
    xtop: auto;
    left: auto;
    right: -100px;
    width: 50px;
    height: 46px;
}
.sustain-slider .slick-prev {
    xbottom: -43px;
    xxleft: 0;
    left: -100px;
    xtop: auto;
    width: 50px;
    height: 46px;
}
.sustain-slider .slick-next::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" fill="%23282D31"/><path d="M29.1469 17.0114H28.6664V22.5596H15.1221V23.4519H28.6664V29H29.1469C29.1469 29 29.8447 24.0353 34.878 23.1773V22.8227C29.8447 21.9762 29.1469 17 29.1469 17V17.0114Z" fill="%2343C2CB"/></svg>') no-repeat center center;
    width: 50px;
    height: 46px;
    background-size: contain;
    display: block;
}
.sustain-slider .slick-prev::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" transform="matrix(-1 0 0 1 50 0)" fill="%23282D31"/><path d="M20.8531 17.0114H21.3336V22.5596H34.8779V23.4519H21.3336V29H20.8531C20.8531 29 20.1553 24.0353 15.122 23.1773V22.8227C20.1553 21.9762 20.8531 17 20.8531 17V17.0114Z" fill="%2343C2CB"/></svg>') no-repeat center center;
    width: 50px;
    height: 46px;
    background-size: contain;
    display: block;
}

.services-slider .slick-center {
    filter: drop-shadow(0px 0px 15px rgba(67, 194, 203, 0.6));
}

.services-slider .slick-track {
    padding: 80px 0;
}
.services-slider .slick-slide {
    transform: scale(1);
    transition: all .3s ease;
}
.services-slider .slick-center {
    z-index: 99;
    transform: scale(1.35);
    position: relative;
    transition: all .3s ease;
}

.services-text-slider h4 {
    color: var(--blue);
    margin-bottom: 24px;
}
.services-text-slider h1 {
    color: #F8F9F9;
}

.services-left {
    padding-right: 50px;
}
.services-right {
    padding-left: 50px;
}

.services-text-slider {
    padding-bottom: 80px;
}
  .services-text-slider .slick-next {
    xbottom: -43px;
    xxleft: 0;
    left: 60px;
    xtop: auto;
    width: 50px;
    height: 46px;
    top: auto;
    bottom: 0;
    transform: none;
    margin-top: 30px;
}
.services-text-slider .slick-prev {
    xbottom: -43px;
    xxleft: 0;
    left: 0;
    xtop: auto;
    width: 50px;
    height: 46px;
    top: auto;
    bottom: 0;
    transform: none;
    margin-top: 30px;
}
.services-text-slider .slick-next::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" fill="%23282D31"/><path d="M29.1469 17.0114H28.6664V22.5596H15.1221V23.4519H28.6664V29H29.1469C29.1469 29 29.8447 24.0353 34.878 23.1773V22.8227C29.8447 21.9762 29.1469 17 29.1469 17V17.0114Z" fill="%2343C2CB"/></svg>') no-repeat center center;
    width: 50px;
    height: 46px;
    background-size: contain;
    display: block;
}
.services-text-slider .slick-prev::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" transform="matrix(-1 0 0 1 50 0)" fill="%23282D31"/><path d="M20.8531 17.0114H21.3336V22.5596H34.8779V23.4519H21.3336V29H20.8531C20.8531 29 20.1553 24.0353 15.122 23.1773V22.8227C20.1553 21.9762 20.8531 17 20.8531 17V17.0114Z" fill="%2343C2CB"/></svg>') no-repeat center center;
    width: 50px;
    height: 46px;
    background-size: contain;
    display: block;
}
.services-text-slider .slick-next:hover::before, .sustain-slider .slick-next:hover::before {
    background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" fill="url(%23paint0_linear_2135_3761)"/><g clip-path="url(%23clip0_2135_3761)"><path d="M26.7688 17.0114H26.2883V22.5596H12.744V23.4519H26.2883V29H26.7688C26.7688 29 27.4666 24.0353 32.5 23.1773V22.8227C27.4666 21.9762 26.7688 17 26.7688 17V17.0114Z" fill="%23282D31"/></g><defs><linearGradient id="paint0_linear_2135_3761" x1="14.861" y1="34.4747" x2="31.0777" y2="0.780791" gradientUnits="userSpaceOnUse"><stop stop-color="%238EDAE0"/><stop offset="0.997895" stop-color="%2343C2CB"/></linearGradient><clipPath id="clip0_2135_3761"><rect width="15" height="28" fill="white" transform="translate(17.5 9)"/></clipPath></defs></svg>') no-repeat center center;
}
.services-text-slider .slick-prev:hover::before, .sustain-slider .slick-prev:hover::before {
    background: url('data:image/svg+xml,<svg width="50" height="46" viewBox="0 0 50 46" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="46" rx="8" fill="url(%23paint0_linear_2135_3761)"/><g clip-path="url(%23clip0_2135_3761)"><path d="M26.7688 17.0114H26.2883V22.5596H12.744V23.4519H26.2883V29H26.7688C26.7688 29 27.4666 24.0353 32.5 23.1773V22.8227C27.4666 21.9762 26.7688 17 26.7688 17V17.0114Z" fill="%23282D31"/></g><defs><linearGradient id="paint0_linear_2135_3761" x1="14.861" y1="34.4747" x2="31.0777" y2="0.780791" gradientUnits="userSpaceOnUse"><stop stop-color="%238EDAE0"/><stop offset="0.997895" stop-color="%2343C2CB"/></linearGradient><clipPath id="clip0_2135_3761"><rect width="15" height="28" fill="white" transform="translate(17.5 9)"/></clipPath></defs></svg>') no-repeat center center;
    transform: rotate(-180deg);
}

.process-card-inner {
    background: linear-gradient(244.08deg, #282D31 5.86%, #7B8B97 97.14%);
border-radius: 24px;
padding: 24px;
    transition: all .3s ease;
}
.process-card-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
background: linear-gradient(180deg,#404A50 0%, #43C2CB 100%);
    border-radius: inherit;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.process-card-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent;border-radius: 24px;
padding: 24px;
opacity: 0;
justify-content: center;
    transition: all .3s ease;
    text-wrap: pretty;
}

.process-card:hover .process-card-inner {
    opacity: 0;
    transition: all .3s ease;
}
.process-card:hover .process-card-hover {
    opacity: 1;
    transition: all .3s ease;
}

.process-no .elementor-heading-title {
    width: 50px;
    height: 50px;
    background: var(--blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-card:first-child::after, .process-card:nth-child(2)::after, .process-card:nth-child(3)::after {
    content: '';
    height: 1px;
    width: 100px;
    background: #8EDAE0;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    left: 100%;
}

.process-card-hover::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
background: linear-gradient(90deg,#868F91 0%, transparent 100%);
    border-radius: inherit;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

#select-country-c::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
background: linear-gradient(90deg,#7E8384 0%, #6B6D6E 100%);
    border-radius: inherit;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

#contact-form label {
    font-size: var(--h4);
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
}
textarea {
    resize: none;
}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, #contact-form select {
    border: none;
    border-bottom: 1px solid var(--blue);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    width: 100%;
	font-size: var(--body);
}
#contact-form textarea {
    margin-top: 12px;
    height: 120px;
    outline: none !important;
    color: white;
}
#contact-form select {
    height: 48px;
}
#contact-form option {
    height: 48px;
    background: #181B1D;
}
#contact-form select {
    -webkit-appearance: none; /* For Chrome, Safari, Edge, Opera */
    -moz-appearance: none;    /* For Firefox */
    appearance: none;         /* Standard property */
    /* Optional: Add a custom background image for a replacement arrow if needed */
    /* background-image: url('custom-arrow.png'); */
    /* background-repeat: no-repeat; */
    /* background-position: right center; */
    background: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.67649 8L1.03309e-07 2.36344L0 0L5.67649 5.63656H6.32351L12 5.02681e-07L12 2.36344L6.32351 8H5.67649Z" fill="%2343C2CB"/></svg>') no-repeat center right;
    background-size: 12px 8px;
}

/* For modern browsers */
#contact-form ::placeholder {
  color: #A5A7A9; /* Example: a darker gray */
  opacity: 1; /* Ensures full visibility in Firefox */
}

/* For older Edge browsers */
#contact-form ::-ms-input-placeholder {
  color: #A5A7A9;
  opacity: 1;
}

.page-id-19 .elementor-element-b165d2f, .page-id-19 .elementor-element-a23d523 { display: none; }

.page-id-19 .wpcf7submit {
    width: auto !important;
    display: inline-block;
    color: white !important;
}
.page-id-19 .wpcf7-submit {

    color: white !important;
}
.page-id-19 .wpcf7submit:hover .wpcf7-submit {
    color: #000 !important;
}
.brand-footer-links a {
    display: block;
    position: relative;
    width: 120px;
}
.brand-footer-links a::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 10.4615V16H0.5V4H6.96154" stroke="white"/><path d="M14.0936 2.60838L13.944 7.44085L12.8995 8.48535L13.0491 3.65289L12.7822 3.38601L7.94973 3.5356L8.99423 2.4911L13.8267 2.3415L14.0936 2.60838Z" fill="white"/><path d="M5.47485 10.9604L13.253 3.18227" stroke="white"/></svg>') no-repeat center center;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.brand-footer-links a:hover::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 10.4615V16H0.5V4H6.96154" stroke="%2343C2CB"/><path d="M14.0936 2.60838L13.944 7.44085L12.8995 8.48535L13.0491 3.65289L12.7822 3.38601L7.94973 3.5356L8.99423 2.4911L13.8267 2.3415L14.0936 2.60838Z" fill="%2343C2CB"/><path d="M5.47485 10.9604L13.253 3.18227" stroke="%2343C2CB"/></svg>') no-repeat center center;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.elementor-element-6ccbb2a img, .elementor-element-67b21b3 img, .elementor-element-6ccbb2a, .elementor-element-67b21b3 {
    height: 100%;
}

.elementor-element-3f15f7d img {
	pointer-events: none;
}

.process-card-inner h4 {
    font-size: 18px !important;
}

.elementor-widget-text-editor p {
    text-wrap: pretty;
}

.sustain-slide img {
    background: white;
    padding: 30px;
}

.dropdown-select {
/* Mobile/H4 */
font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 25px;
color: #FFFFFF;
padding-bottom: 10px;
border-bottom: 1px solid var(--blue);
margin-bottom: 12px;
position: relative;
}
.location-select {
        padding-top: 12px;
    max-height: 200px;
    overflow-y: auto;
    display: none;
}
/* width */
.location-select::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}

/* Track */
.location-select::-webkit-scrollbar-track {
  background: #D9D9D9; 
  border-radius: 8px;
}
 
/* Handle */
.location-select::-webkit-scrollbar-thumb {
  background: #43C2CB; 
  border-radius: 8px;
}

/* Handle on hover */
.location-select::-webkit-scrollbar-thumb:hover {
  background: #43C2CB; 
}

.location-item {
/* Mobile/H4 */
font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 25px;
color: #FFFFFF;
padding-bottom: 12px;
margin-bottom: 12px;
position: relative;
}
.dropdown-select::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.67649 8L1.03309e-07 2.36344L0 0L5.67649 5.63656H6.32351L12 5.02681e-07L12 2.36344L6.32351 8H5.67649Z" fill="%2343C2CB"/></svg>') no-repeat center center;
    width: 12px;
    height: 8px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.location-content {
    color: white;
font-family: 'Fustat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #FFFFFF;
display: none;
}
.location-content.loc-10 {
    xdisplay: block;
}

.elementor-element-d08d53f {
    z-index: 9;
}

.map {
    position: relative;
}
.pin {
    width: 3vw;
    height: 3vw;
    background: url('https://connect.travel/wp-content/uploads/2026/01/Property-1deactive.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    z-index: 1;
}
.pin:hover, .pin.active {
    background: url('https://connect.travel/wp-content/uploads/2026/01/Property-1active.png') no-repeat center center;
    background-size: contain;
}

.location-popup {
    display: none;
padding: 24px;
    gap: 10px;
    position: absolute;
    background: linear-gradient(244.08deg, rgba(40, 45, 49, 0.4) 5.86%, rgba(123, 139, 151, 0.4) 97.14%);
    border-radius: 24px;
    z-index: 9;
    color: #FFFFFF;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    max-width: 450px;
}

#wpcf7-f767-o1 input {
	color: #000;
}

#nav-icon4 {
    width: 24px;
    height: 20px;
    position: fixed;
    top: 32px;
    right: 24px;
    margin: 1px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    cursor: pointer;
    z-index: 999;
    xbackground: #97F1FF;
  }
  #nav-icon4::before {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    top: -5px;
    left:0;
    xbackground: #97F1FF;
    z-index: 0;
  }
  #nav-icon4::after {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -5px;
    left:0;
    xbackground: #97F1FF;
    z-index: 0;
  }
 #nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 24px;
    background: var(--blue);
    border-radius: 0px;
    opacity: 1;
    left: 3px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    z-index: 1;
  }
  /* Icon 4 */
#nav-icon4 {
}
#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}
#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 17px;
  left: 8px;
}
#mobile-menu {
	display: none;
}

.elementor-element-32e8981 a { color: white !important; }

/* END CONTENT */

/* start mobile/tablets */
.mobile { display: none; }
@media (max-width: 991.98px){ 
.mobile { display: block; }
.mobile.flex { display: flex; }
.desktop { display: none; }

:root {
    --displayFont: 32px;
    --h1: 32px;
    --h2: 28px;
    --h3: 24px;
    --h4: 20px;
    --h5: 18px;
    --h6: ;
    --body: 18px;
    --font-18: 18px;
    --font-16: 16px;
    --font-14: 14px;
    --font-20: 20px;
	--button: 18px;
    --font-24: 24px;
    --font-28: 28px;

	--container-padding: 20px;
    --gutter: 20px;
}
	
	.mpt-60 { padding-top: 60px !important; }
	.mpb-60 { padding-bottom: 60px !important; }
	.mpt-40 { padding-top: 40px !important; }
	.mpb-40 { padding-bottom: 40px !important; }
	
	.navbar-brand img {
    height: 35px;
	}
	.navbar {
		padding: 0;
	}
	
	.whatwedo-cards { flex-direction: column; }

	.elementor-element.elementor-element-a23d523 { padding-top: 0 !important; padding-bottom: 60px; }
	
	#wpcf7-f767-o1 form > .d-flex {
		flex-direction: column;align-items: flex-start;
	}
	
	.whatwedo-card {
    position: relative;
    width: 100%;
    min-height: 350px;
    color: var(--ivory);
    border-radius: 16px;
    padding: 36px 24px;
}
	
	.card-content-clicked {
    background: #282D31 linear-gradient(244.08deg, rgba(40, 45, 49, 0.5) 5.86%, rgba(123, 139, 151, 0.5) 97.14%);
    padding: 30px 20px;
    border-radius: 16px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    font-size: 16px;
    line-height: 1.3em;
}
	.card-content {
    opacity: 1;
    transition: all .3s ease;
    padding-right: 60px;
}
	.card-content h4 {
		margin-bottom: 0;
	}
	
	.elementor-element-55dbbdc, .elementor-element-4e59de1, .elementor-element-e66c8e5, .elementor-element-d4773ef, .elementor-element-f0f92aa, .elementor-element-9326f5b {
		flex-wrap: nowrap;
	}
	
	#mobile-menu {
		display: none;
		height: calc(100dvh - 86px);
		width: 100%;
		position: fixed;
		z-index: 999;
		top: 86px;
		left: 0;
		background: #282D31;
	}
	#mobile-menu li a {
padding-left: 24px;
		padding-right: 24px;

/* Mobile/Nav item */
font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
/* identical to box height */

/* Neutral/White */
color: #FFFFFF;


/* Ivory/10 */
color: #FEFCF6;
	}
	#mobile-menu ul {
		margin-top: 20px;
		padding-left: 0;
	}
	#mobile-menu li {
		margin-top: 20px;
		margin-top: 20px;
        list-style: none;
        margin-left: 0;
	}
	
	
	#mobile-menu .dropdown-toggle::after {
    content: '';
    width: 7px;
    height: 13px;
    background-size: contain;
    border: none;
    margin: 0;
    vertical-align: baseline;
    margin-left: 8px;
    position: absolute;
    right: 24px;
    top: 14px;
		background: url('data:image/svg+xml,<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H0.513761C0.513761 0 1.26606 5.38532 6.72477 6.31193V6.69725C1.27523 7.61468 0.513761 13 0.513761 13H0V0Z" fill="white"/></svg>') no-repeat center center;
}
	#mobile-menu ul.dropdown-menu {
        padding-top: 20px;
		position: relative !important;
    transform: translate3d(5px, 44px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    margin-top: 0;
    transform: none !important;
    margin: 0;
    width: 100%;
		box-shadow: none !important;
		border-bottom: 0;
		border-radius: 0;
		margin-bottom: 40px;

/* Grad/dropdown */
background: linear-gradient(199.34deg, #282D31 -0.12%, #53575A 101.08%);
/* Ocean Aqua/100 */
border-top: 1px solid #43C2CB;
	}
    #mobile-menu .dropdown-menu li {
        margin-top: 0px;
    }

    #mobile-menu .dropdown-menu {
        padding-right: 24px !important;
    }
	#mobile-menu .dropdown-item { position: relative; }
	#mobile-menu .dropdown-item::before {
		content: '';
		background: url('data:image/svg+xml,<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0248 0.0114395H13.5443V5.55958H0V6.45186H13.5443V12H14.0248C14.0248 12 14.7226 7.03527 19.756 6.17731V5.82269C14.7226 4.97617 14.0248 0 14.0248 0V0.0114395Z" fill="%2343C2CB"/></svg>') no-repeat center center;
		background-size: contain;
		width: 20px;
		height: 12px;
		position: absolute;right: 0;top: 50%;transform: translateY(-50%);
	}

    * {
        box-shadow: none !important;
        outline: none !important;
    }
	
	.elementor-element-0203e81, .elementor-element-de94f89, .elementor-element-f680430 {
		display: flex;
	}
	.elementor-element-581a792 { display: flex;     border-radius: 0 10px 0 0;
    overflow: hidden; }
	.elementor-element-a05e4fb { display: flex;     border-radius: 0 0 0 10px;
    overflow: hidden; }
	
	.elementor-counter-number, .elementor-counter-number-suffix {/* 17 */
/* Mobile/Display */
font-family: 'Funnel Display';
font-style: normal;
font-weight: 700;
font-size: 52px;
line-height: 65px;
/* identical to box height */
text-align: center;

}
	
	.brand-card-hover {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
	
	.esg-slide { padding: 30px; }
	.esg-slide img {
		margin-top: 24px;
	}
	
	.elementor-17 .elementor-element.elementor-element-64aab15 {
    background: #191B1D;
    border-bottom: 2px solid #43C2CB;
    border-radius: 0px 0px 8px 8px;
}
	
	.services-left {
		padding-right: 15px;
	}
	.services-right {
		padding-left: 15px;
	}
	
	.services-text-slider .slick-next {
		left: auto;
		right: 30%;
	}
	.services-text-slider .slick-prev {
		left: 30%;
	}
	
	.elementor-element-ba5565a h3 { color: var(--blue) !important; }
	
	.service-text-slide { text-align: center; }
	
	.location-popup {
		position: fixed !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    border-radius: 20px 20px 0 0  !important;
	}
	
	#wpcf7-f766-p19-o1 .row {
		display: flex;
		flex-direction: column;
	}
	.elementor-19 .elementor-element.elementor-element-bab0a67 {
    padding: 60px 30px;
}
	
	.elementor-element-e96fef2 {
		width: 280px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	
	.elementor-element-27ba26e img, .elementor-element-3f15f7d img {
		opacity: 0;
		display: none;
	}
	.elementor-element-27ba26e {
		height: 53px;
	}
	.elementor-element-27ba26e::before {
		content: '';
width: 1px;
height: 53px;
background: #8EDAE0;
		position: absolute;
		top: 0;
		left: 50%;

	}
	.elementor-element-c2b148e {
		max-width: 280px !important;
	}
	
	.process-card:first-child::after, .process-card:nth-child(2)::after, .process-card:nth-child(3)::after {
		display: none;
	}
	
	.elementor-element-078f2f2 {
		    background: #181B1D url(https://connect.travel/wp-content/uploads/2026/01/Ellipse-21-3.png) no-repeat bottom 25% center;
    background-size: contain;
}
	
	.elementor-element-42f5572::before, .elementor-element-4b5b56d::before {
        content: '';
        background: url(https://connect.travel/wp-content/uploads/2026/01/Connector-line.png) no-repeat center center;
        background-size: contain;
        width: 330px;
        height: 190px;
        position: absolute;
        top: 92px;
        left: 50%;
        transform: translateX(-50%);
    }
	.elementor-element-56529e4::before {
        content: '';
        background: url(https://connect.travel/wp-content/uploads/2026/01/Connector-line-1.png) no-repeat right center;
        background-size: contain;
        width: 166px;
        height: 190px;
        position: absolute;
        top: 76px;
        left: auto;
        /* transform: translateX(-50%); */
        right: -26px;
    }
	
	.brand-c .elementor-widget-text-editor {
		font-size: 16px;
    line-height: 1.3em;
	}
	.brand-c-small .elementor-widget-text-editor {
		font-size: 14px;
    line-height: 1.3em;
	}
	
	.brand-c img {
    width: 25vw !important;
    height: auto !important;
}
	.brand-c-small img {
    width: 20vw !important;
    height: auto !important;
}

.mobile-footer {
    position: absolute;
    bottom: 60px;
    
    padding-left: 24px;
}
	
	.esg-row.row > .col-lg-3 {
		margin-bottom: 24px;
	}
	
} /* end mobile/tablets */

@media (min-width: 768px) and (max-height: 1224px) {
	.brand-c img, .brand-c-small img {
        width: 10vw !important;
        height: auto !important;
    }
	.elementor-element-6b575cb, .elementor-element-6b575cb img, .elementor-element-3a15f79, .elementor-element-3a15f79 img {
		height: 100%;
	}
	.elementor-element-f089e2e p {
		font-size: 12px;
		line-height: 1.1em;
	}
	.go-to-web a { font-size: 10px !important; }
	.elementor-element-a508492 { padding: 0 !important; }
	.elementor-15 .elementor-element.elementor-element-078f2f2:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-078f2f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #181B1D;
    background: #181B1D;
}
	.elementor-element-c2b148e {
		margin: 0;
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 100%;
		gap: 20px;
	}
	.elementor-element-c2b148e > div::before {
		display: none;
	}
}