@import url("fonts/stylesheet.css");

:root {
    --displayFont: 72px;
    --h1: 56px;
    --h2: 48px;
    --h3: 32px;
    --h4: 24px;
    --h5: ;
    --h6: ;
    --body: 18px;
    --font-18: 18px;
    --font-16: 16px;
    --font-14: 14px;
    --font-20: 20px;
    --font-24: 24px;
    --font-28: 28px;
    --blue: #002A4E;
    --darkblue: #06182B;
    --lightblue: #6C98D0;
    --gold: #C69766;
    --ivory: #FEFCF6;
    --bodyFont: "Istok Web", sans-serif;
    --headingFont: "Fahkwang", sans-serif;
    --container-padding: 145px;
    --gutter: 30px;
}

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

.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: "Istok Web", sans-serif;
    font-size: var(--body);
    line-height: 133.333%;
    color: var(--blue);
    xoverflow-x: hidden;
}
body > .elementor > .elementor-element {
    overflow: hidden;
}
p {
    margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0;
}
.body-font {
  font-family: "Istok Web", sans-serif;
  font-style: normal;
}
.header-font, .heading {
  font-family: "Fahkwang", sans-serif;
  font-style: normal;
}
.font-20 {
    font-size: var(--font-20);
}
.display .elementor-heading-title, .display {
  font-family: "Fahkwang", sans-serif;
    font-size: var(--displayFont) !important;
    font-weight: 500;
    line-height: 116.667%; /* 116.667% */
}
h1, .h1, h1.elementor-heading-title  {
  font-family: "Fahkwang", sans-serif;
    font-size: var(--h1);
    line-height: ;
}
h2, .h2, h2.elementor-heading-title  {
  font-family: "Fahkwang", sans-serif;
    font-size: var(--h2);
    /* H2 */
    font-style: normal;
    font-weight: 500;
    line-height: 125%; /* 125% */
}
h3, .h3, h3.elementor-heading-title {
  font-family: "Fahkwang", sans-serif;
    font-size: var(--h3);
    font-style: normal;
    font-weight: 400;
    line-height: 137.5%; /* 137.5% */
}
h4, .h4, h4.elementor-heading-title  {
  font-family: "Fahkwang", sans-serif;
    font-size: var(--h4);
    font-weight: 600;
    line-height: normal;
    xletter-spacing: 1.2px;
}
h5, .h5 {
    font-size: var(--h5);
    line-height: ;
}
h6, .h6 {
    font-size: var(--h6);
    line-height: ;
}
small {
    font-size: ;
    line-height: ;
}
h3 em {
    font-style: normal;
    color: var(--lightblue);
}
.elementor-button, .btn.btn-default, .wpcf7-submit {
    font-size: var(--font-20);
    font-family: var(--headingFont);
    line-height: 135% !important;
   display: inline-block;
padding: 10px 54px 11px 24px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 24px;
background: var(--gold, #C69766);
color: var(--ivory);
position: relative;
    border: 1px solid var(--gold);
}
.elementor-button::before, .btn.btn-default::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><g clip-path="url(%23clip0_566_909)"><path d="M0 7.5L20 8.24419V8.75581L0 9.5V7.5Z" fill="%23FBF8EC"/><path d="M19.9725 8.50953C20.0365 8.9569 19.9908 8.63327 20 8.73797C19.9817 8.73797 19.936 8.75701 19.9085 8.75701C16.1502 9.51849 13.0594 13.0403 12.7851 17L11.0842 16.7335C11.8798 12.2693 15.5558 8.6999 19.8811 8.2906H19.9085H19.9177C19.936 8.38579 19.8902 8.06216 19.9542 8.50953H19.9725Z" fill="%23FBF8EC"/><path d="M19.9725 8.50952C19.9085 8.95689 19.9543 8.63326 19.936 8.72844C19.9085 8.72844 19.8628 8.71892 19.8445 8.71892C15.5101 8.31915 11.8249 4.76876 10.9928 0.295073L12.8948 0C13.1234 3.93113 16.1776 7.472 19.9177 8.26204C19.936 8.26204 19.9817 8.28107 20.0091 8.28107C20 8.38578 20.0457 8.06215 19.9817 8.50952H19.9725Z" fill="%23FBF8EC"/></g><defs><clipPath id="clip0_566_909"><rect width="20" height="17" fill="white"/></clipPath></defs></svg>') no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 17px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}
.transparent-btn .elementor-button, .transparent-btn.btn-default {
    background: transparent;
    border: 1px solid var(--blue);
    color: var(--blue);
}
.transparent-btn .elementor-button::before, .transparent-btn.btn-default::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><g clip-path="url(%23clip0_566_909)"><path d="M0 7.5L20 8.24419V8.75581L0 9.5V7.5Z" fill="%23002A4E"/><path d="M19.9725 8.50953C20.0365 8.9569 19.9908 8.63327 20 8.73797C19.9817 8.73797 19.936 8.75701 19.9085 8.75701C16.1502 9.51849 13.0594 13.0403 12.7851 17L11.0842 16.7335C11.8798 12.2693 15.5558 8.6999 19.8811 8.2906H19.9085H19.9177C19.936 8.38579 19.8902 8.06216 19.9542 8.50953H19.9725Z" fill="%23002A4E"/><path d="M19.9725 8.50952C19.9085 8.95689 19.9543 8.63326 19.936 8.72844C19.9085 8.72844 19.8628 8.71892 19.8445 8.71892C15.5101 8.31915 11.8249 4.76876 10.9928 0.295073L12.8948 0C13.1234 3.93113 16.1776 7.472 19.9177 8.26204C19.936 8.26204 19.9817 8.28107 20.0091 8.28107C20 8.38578 20.0457 8.06215 19.9817 8.50952H19.9725Z" fill="%23002A4E"/></g><defs><clipPath id="clip0_566_909"><rect width="20" height="17" fill="white"/></clipPath></defs></svg>') no-repeat center center;
}
.transparent-white-btn .elementor-button {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.transparent-white-btn .elementor-button::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><g clip-path="url(%23clip0_566_909)"><path d="M0 7.5L20 8.24419V8.75581L0 9.5V7.5Z" fill="%23ffffff"/><path d="M19.9725 8.50953C20.0365 8.9569 19.9908 8.63327 20 8.73797C19.9817 8.73797 19.936 8.75701 19.9085 8.75701C16.1502 9.51849 13.0594 13.0403 12.7851 17L11.0842 16.7335C11.8798 12.2693 15.5558 8.6999 19.8811 8.2906H19.9085H19.9177C19.936 8.38579 19.8902 8.06216 19.9542 8.50953H19.9725Z" fill="%23ffffff"/><path d="M19.9725 8.50952C19.9085 8.95689 19.9543 8.63326 19.936 8.72844C19.9085 8.72844 19.8628 8.71892 19.8445 8.71892C15.5101 8.31915 11.8249 4.76876 10.9928 0.295073L12.8948 0C13.1234 3.93113 16.1776 7.472 19.9177 8.26204C19.936 8.26204 19.9817 8.28107 20.0091 8.28107C20 8.38578 20.0457 8.06215 19.9817 8.50952H19.9725Z" fill="%23ffffff"/></g><defs><clipPath id="clip0_566_909"><rect width="20" height="17" fill="white"/></clipPath></defs></svg>') no-repeat center center;
}
/* END TYPOGRAPHY */

.mt-16 {
    margin-top: 16px;
}
.mb-16 {
    margin-bottom: 16px;
}
.mb-24 {
    margin-bottom: 24px;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mt-80 {
    margin-top: 80px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mt-120 {
    margin-top: 120px;
}
.mb-120 {
    margin-bottom: 120px;
}

.pt-40 {
    padding-top: 40px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pt-60 {
    padding-top: 60px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pt-80 {
    padding-top: 80px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pt-120 {
    padding-top: 120px;
}
.pb-120 {
    padding-bottom: 120px;
}

.blue {
    color: var(--blue);
}
.darkblue {
    color: var(--darkblue);
}
.lightblue {
    color: var(--lightblue);
}
.blue {
    color: var(--blue);
}
.gold {
    color: var(--gold);
}
.ivory {
    color: var(--ivory);
}
.black {
    color: #000;
}

.font-24 {
    font-size: var(--font-24);
font-style: normal;
font-weight: 400;
line-height: 133.333%; /* 133.333% */
letter-spacing: 0.48px;
}

/* HEADER */

header {
    background: var(--blue);
}
.logo-img {
    height: 72px;
}
.navbar {
    padding: 40px var(--container-padding) 30px var(--container-padding) !important;
    align-items: flex-end;
    font-family: var(--headingFont);
    font-size: var(--font-20);
    letter-spacing: 0.4px;
}
.navbar-nav {
    gap: 72px;
}
.navbar-brand {
    padding: 0;
}
.navbar-nav .nav-link {
    padding: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 1em;
}

.home-slide {
    background: var(--blue);
    color: var(--ivory);
    font-family: var(--headingFont);
}
.banner-image {
    object-fit: cover;
    border-radius: 0 40px 40px 0;
}
.banner-right {
    xborder-top: 2px solid var(--lightblue);
    padding-top: 80px !important;
    padding-bottom:94px !important;
    padding-left: 56px !important;
    padding-right: var(--container-padding) !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.banner-right {
    position: relative;
    overflow-x: clip;
}
.banner-right::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    left: 0px;
    transform: scale(0);
    transition: all .5s ease .5s;
}
.slick-active .banner-right::before {
    
    transform: scale(1);
    transition: all .5s ease .5s;
}
.banner-right::after {
    content: '';
    background: var(--lightblue);
    background-size: contain;
    width: 50vw;
    height: 2px;
    position: absolute;
    top: -1px;
    left: 50vw;
    transition: all 1s ease;
}
.slick-active .banner-right::after {
    content: '';
    background: var(--lightblue);
    background-size: contain;
    width: 50vw;
    height: 2px;
    position: absolute;
    top: -1px;
    left: 5px;
    transition: all 1s ease;
}
#home-banner .slick-list {
    overflow: visible;
    overflow-y: visible;
    overflow-x: clip;
}
#home-banner .slick-dots {
    position: absolute;
    bottom: 40px;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    /* padding-left: 112px; */
    left: calc(50% + 56px);
}
.slick-dots li button::before {
    content: '';
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M14.48 7.52002C10.63 7.52002 7.52002 10.64 7.52002 14.48H6.96002C6.96002 10.63 3.84 7.52002 0 7.52002V6.96002C3.85 6.96002 6.96002 3.84 6.96002 0H7.52002C7.52002 3.85 10.64 6.96002 14.48 6.96002V7.52002Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    opacity: 0.5;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
}

.nav-link {
    color: var(--ivory);
}
.nav-link:hover {
    color: var(--gold);
}

.menu-item.active > a {
    color: var(--gold);
}

.dropdown-toggle::after {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10" fill="none"><path d="M8.98997 9.55326C8.51628 9.62136 8.85895 9.57272 8.74809 9.58245C8.74809 9.56299 8.72793 9.51435 8.72793 9.48517C7.92166 5.48681 4.19265 2.19862 2.94852e-05 1.90677L0.282226 0.0972896C5.009 0.943658 8.7884 4.85446 9.22177 9.45598L9.22177 9.48517L9.22177 9.49489C9.12099 9.51435 9.46365 9.46571 8.98997 9.53381L8.98997 9.55326Z" fill="%23FBF8EC"/><path d="M8.9899 9.55326C8.51622 9.48516 8.85889 9.5338 8.7581 9.51434C8.7581 9.48516 8.76818 9.43652 8.76818 9.41706C9.19147 4.80581 12.9507 0.885281 17.6876 -1.37218e-08L18 2.0235C13.8376 2.26671 10.0885 5.51599 9.25194 9.49489C9.25194 9.51434 9.23179 9.56299 9.23179 9.59217C9.12092 9.58244 9.46359 9.63109 8.9899 9.56299L8.9899 9.55326Z" fill="%23FBF8EC"/></svg>') no-repeat center center;
    width: 18px;
    height: 10px;
    background-size: contain;
    border: none;
    margin: 0;
    vertical-align: baseline;
    margin-left: 8px;
}

.menu-item.active .dropdown-toggle::after, li.menu-item:hover .dropdown-toggle::after {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10" fill="none"><path d="M8.98997 9.55326C8.51628 9.62136 8.85895 9.57272 8.74809 9.58245C8.74809 9.56299 8.72793 9.51435 8.72793 9.48517C7.92166 5.48681 4.19265 2.19862 2.94852e-05 1.90677L0.282226 0.0972896C5.009 0.943658 8.7884 4.85446 9.22177 9.45598L9.22177 9.48517L9.22177 9.49489C9.12099 9.51435 9.46365 9.46571 8.98997 9.53381L8.98997 9.55326Z" fill="%23C69766"/><path d="M8.9899 9.55326C8.51622 9.48516 8.85889 9.5338 8.7581 9.51434C8.7581 9.48516 8.76818 9.43652 8.76818 9.41706C9.19147 4.80581 12.9507 0.885281 17.6876 -1.37218e-08L18 2.0235C13.8376 2.26671 10.0885 5.51599 9.25194 9.49489C9.25194 9.51434 9.23179 9.56299 9.23179 9.59217C9.12092 9.58244 9.46359 9.63109 8.9899 9.56299L8.9899 9.55326Z" fill="%23C69766"/></svg>') no-repeat center center;
}

.dropdown-menu {
    margin-top: 12px;
    border-radius: 12px;
background: linear-gradient(151deg, #002A4E 5.08%, #06182B 103.36%);
box-shadow: 0 20px 80px 0 rgba(0, 0, 0, 0.50);
padding: 22px 36px 30px 36px;
color: var(--ivory);
width: 300px;
margin-left: -29px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 15px 0;
    clear: both;
    font-weight: 400;
    color: var(--ivory);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.32px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--gold);
    text-decoration: none;
    background-color: transparent;
}
.dropdown-menu .dropdown-item {
    position: relative;
}
.dropdown-menu .dropdown-item::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><g clip-path="url(%23clip0_590_3666)"><path d="M0 7.5L20 8.24419V8.75581L0 9.5V7.5Z" fill="%23FEFCF6"/><path d="M19.9725 8.50953C20.0365 8.9569 19.9908 8.63327 20 8.73797C19.9817 8.73797 19.936 8.75701 19.9085 8.75701C16.1502 9.51849 13.0594 13.0403 12.7851 17L11.0842 16.7335C11.8798 12.2693 15.5558 8.6999 19.8811 8.2906H19.9085H19.9177C19.936 8.38579 19.8902 8.06216 19.9542 8.50953H19.9725Z" fill="%23FEFCF6"/><path d="M19.9725 8.50952C19.9085 8.95689 19.9543 8.63326 19.936 8.72844C19.9085 8.72844 19.8628 8.71892 19.8445 8.71892C15.5101 8.31915 11.8249 4.76876 10.9928 0.295073L12.8948 0C13.1234 3.93113 16.1776 7.472 19.9177 8.26204C19.936 8.26204 19.9817 8.28107 20.0091 8.28107C20 8.38578 20.0457 8.06215 19.9817 8.50952H19.9725Z" fill="%23FEFCF6"/></g><defs><clipPath id="clip0_590_3666"><rect width="20" height="17" fill="white"/></clipPath></defs></svg>') no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* END HEADER */

/* CONTENT */

#our-solutions-content {
    margin-left: -60px;
}
#our-solutions-content::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -19px;
    left: -38px;
    border: none;
    transition: all .5s ease .5s;
    transform: scale(0);
}
.animated #our-solutions-content::before {
    
    transform: scale(1);
}
#our-solutions-content::after {
    content: '';
    height: 2px;
    width: 0;
    left: calc(-50vw - 5px);
    top: -2px;
    position: absolute;
    background: var(--lightblue);
    transition: all 1s ease;
}
.animated #our-solutions-content::after  {
    width: 50vw;
}
#our-solutions-content-wrapper {
    position: relative;
}
#our-solutions-content-wrapper::after {
    content: '';
    height: 2px;
    width: 100vw;
    left: 25vw;
    top: 0px;
    position: absolute;
    background: var(--lightblue);
    transition: all 2s ease 0s;
}
.solution-image {
    margin-top: -140px;
    z-index: 1;
    position: relative;
}

#home-services {
    padding: 120px var(--container-padding);
}

#home-specialise::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    width: 36px;
    height: 36px;
    position: absolute;
    top: auto;
    left: auto;
    bottom: -19px;
    right: -38px;
    border: none;
    transition: all .5s ease .5s;
    transform: scale(1);
}
#home-specialise::after {
    content: '';
    height: 2px;
    width: 50vw;
    right: calc(-50vw - 5px);
    bottom: -2px;
    position: absolute;
    background: var(--lightblue);
    transition: all 1s ease;
}
#home-specialise-wrapper::before {
    content: '';
    height: 2px;
    width: 50vw;
    left: 0;
    top: auto;
    bottom: 80px;
    position: absolute;
    background: var(--lightblue);
}

#get-in-touch::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -19px;
    right: 0px;
    left: auto;
    border: none;
    transition: all .5s ease .5s;
    transform: scale(0);
    z-index: 1;
}
.revealed #get-in-touch::before {
    transform: scale(1);
}
#xget-in-touch::after {
    content: '';
    background: var(--blue);
    background-size: contain;
    width: 18px;
    height: 36px;
    position: absolute;
    top: -19px;
    right: 0px;
    left: auto;
    border: none;
    transition: all .5s ease .5s;
    transform: scale(1);
    z-index: 0;
}
#get-in-touch::after {
    content: '';
    background: var(--lightblue);
    background-size: contain;
    width: 100vw;
    height: 2px;
    position: absolute;
    top: -2px;
    right: 50vw;
    left: auto;
    border: none;
    transition: all 1s ease;
    transform: scale(1);
    z-index: 0;
}
.revealed #get-in-touch::after {
    
    right: 5px;
}
.elementor-12 .elementor-element.elementor-element-f688d6c {
    border-top: none;
}
#specialise-slides {
    padding-bottom: 40px;
    margin-bottom: 0;
}
#specialise-slider {
padding: 40px 56px;
    border-radius: 24px;
border: 1px solid var(--Shades-0, #FFF);
background: var(--grad-soft-sky, linear-gradient(124deg, #FFF 11.9%, #F4F7FB 47.64%, #E2EAF6 123.57%));
}
.r-24 {
    border-radius: 24px !important;
}
#specialise-slider .slick-dots {
    bottom: 0px;
    border-radius: 4px;
    height: 6px;
    line-height: 0;
    width: calc(100% - 80px);
    left: 40px;
}
#specialise-slider .slick-dots li {
    margin: 0;
    width: 33.333%;
     border-radius: 4px;
}
#specialise-slider .slick-dots li button::before {
    content: '';
    width: 100%;
    height: 6px;
    background: #CEDCEF;
    background-size: contain;
    opacity: 1;
}
#specialise-slider .slick-dots li.slick-active button::before {
    content: '';
    width: 100%;
    height: 6px;
    background: #002A4E;
    background-size: contain;
    opacity: 1;
}
#specialise-slider .slick-next {
    bottom: -27px;
    top: auto;
    width: 30px;
    height: 30px;
    right: 0;
}
#specialise-slider .slick-prev {
    bottom: -27px;
    left: 0;
    top: auto;
    width: 30px;
    height: 30px;
}
#specialise-slider .slick-next::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="26" viewBox="0 0 30 26" fill="none"><g clip-path="url(%23clip0_566_948)"><path d="M0 11.25L30 12.3663V13.1337L0 14.25V11.25Z" fill="%23002A4E"/><path d="M29.9589 12.7643C30.0549 13.4354 29.9864 12.9499 30.0001 13.107C29.9726 13.107 29.9041 13.1355 29.8629 13.1355C24.2254 14.2778 19.5892 19.5605 19.1777 25.5L16.6265 25.1003C17.8198 18.404 23.3338 13.0499 29.8218 12.4359H29.8629H29.8766C29.9041 12.5787 29.8355 12.0933 29.9315 12.7643H29.9589Z" fill="%23002A4E"/><path d="M29.9589 12.7643C29.8629 13.4353 29.9315 12.9499 29.904 13.0927C29.8629 13.0927 29.7943 13.0784 29.7669 13.0784C23.2652 12.4787 17.7375 7.15313 16.4893 0.442609L19.3423 0C19.6852 5.8967 24.2665 11.208 29.8766 12.3931C29.904 12.3931 29.9726 12.4216 30.0137 12.4216C30 12.5787 30.0686 12.0932 29.9726 12.7643H29.9589Z" fill="%23002A4E"/></g><defs><clipPath id="clip0_566_948"><rect width="30" height="25.5" fill="white"/></clipPath></defs></svg>') no-repeat center center;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: block;
}
#specialise-slider .slick-prev::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="30" height="26" viewBox="0 0 30 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_566_936)"><path d="M30 14.25L9.75882e-08 13.1337L1.6468e-07 12.3663L30 11.25L30 14.25Z" fill="%23002A4E"/><path d="M0.0411959 12.7357C-0.05482 12.0646 0.0137625 12.5501 4.58383e-05 12.393C0.0274783 12.393 0.0960618 12.3645 0.137211 12.3645C5.7747 11.2222 10.4109 5.93949 10.8224 -4.2423e-05L13.3737 0.399735C12.1803 7.09598 6.66628 12.4501 0.178362 13.0641L0.137211 13.0641L0.123494 13.0641C0.0960617 12.9213 0.164645 13.4067 0.0686293 12.7357L0.0411959 12.7357Z" fill="%23002A4E"/><path d="M0.0411159 12.7357C0.137132 12.0647 0.0685503 12.5501 0.0959837 12.4073C0.137133 12.4073 0.205713 12.4216 0.233147 12.4216C6.73478 13.0213 12.2625 18.3469 13.5107 25.0574L10.6577 25.5C10.3148 19.6033 5.73347 14.292 0.123415 13.1069C0.0959817 13.1069 0.0274011 13.0784 -0.013748 13.0784C-3.22789e-05 12.9213 -0.0686158 13.4068 0.0273992 12.7357L0.0411159 12.7357Z" fill="%23002A4E"/></g><defs><clipPath id="clip0_566_936"><rect width="30" height="25.5" fill="white" transform="translate(30 25.5) rotate(-180)"/></clipPath></defs></svg>') no-repeat center center;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: block;
}

.home-service, .home-service-bg {
    height: 400px;
    border-radius: 24px;
}
.home-service .service-title {
    position: absolute;
    bottom: 30px;
    top: auto;
    left: 45px;
    color: var(--ivory);
    z-index: 2;
    transition: all .5s ease;
}
.home-service .service-arrow {
    position: absolute;
    bottom: 35px;
    right: 45px;
    z-index: 2;
}
.service-gradient {
    background: linear-gradient(180deg, rgba(0, 42, 78, 0.00) 58.63%, #002A4E 100%), url(https://travel.sg25.sst189.xyz/wp-content/uploads/2025/12/55b2de63e4703e1a442bf0000b6a2671ea64644b-scaled-e1764699010561.jpg) lightgray 50% / cover no-repeat;
    height: 100%;
    width: calc(100% - var(--gutter));
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 1;
    border-radius: 24px;
}
#home-services {
    transition: all .5s ease;
}
#home-services.hovered {
    padding-right: 60px;
    padding-left: 60px;
    transition: all .5s ease;
}
.home-service {
    flex: 0 0 calc((100vw - 290px)  / 4);
    transition: all .5s ease;
}
.home-service.active {
    flex: 0 0 calc(((100vw - 290px)  / 4) + (290px - 60px - 60px) + 15px);
    transition: all .5s ease;
}
.home-service .service-content {
    background: linear-gradient(215deg, #002A4E 23.46%, #06182B 101.04%), url(<path-to-image>) lightgray 50% / cover no-repeat;
    width: calc(100% - var(--gutter));
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 3;
    visibility: hidden;
    transition: all .5s ease;
    border-radius: 24px;
    padding: 30px;
    overflow: hidden;
}
.home-service:hover .service-content {
    opacity: 1;
    visibility: visible;
    transition: all .5s ease;
}
.service-content-footer {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.service-content-wrap {
    min-width: calc(((100vw - 290px)  / 4) + (290px - 60px - 60px) - 75px);
}
.service-content-arrow {
    position: absolute;
    top: 30px;
    right: 30px;
}

#about-left::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -19px;
    right: 0px;
    left: auto;
    border: none;
    transition: all .5s ease .5s;
    transform: scale(0);
    z-index: 1;
}
.revealed#about-left::before {
    transform: scale(1);

}
#about-left::after {
    content: '';
    height: 2px;
    width: 50vw;
    right: 70vw;
    top: 0px;
    position: absolute;
    background: var(--lightblue);
    transition: all 1s ease;
}
.revealed#about-left::after {
    right: 5px;
}
#about-left.line-100::after {
    width: 100vw;
}
#about-right::after {
    content: '';
    height: 2px;
    width: 100vw;
    left: 100px;
    top: -2px;
    position: absolute;
    background: var(--lightblue);
    transition: all 1s ease;
}

#our-values-left::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -19px;
    right: 0px;
    left: auto;
    border: none;
    transition: all .5s ease .5s;
    transform: scale(0);
    z-index: 1;
}
.revealed#our-values-left::before {
    transform: scale(1);

}
#our-values-left::after {
    content: '';
    height: 2px;
    width: 50vw;
    right: 50vw;
    top: 0px;
    position: absolute;
    background: var(--lightblue);
    transition: all 1s ease;
}
.revealed#our-values-left::after {
    right: 5px;
}
#our-values-right::after {
    content: '';
    height: 2px;
    width: 100vw;
    left: 100px;
    top: -2px;
    position: absolute;
    background: var(--lightblue);
    transition: all 1s ease;
}

.counter-c {
    border-radius: 40px;
border: 1px solid var(--Harbour-Sand-10, #FBF7F4);
background: linear-gradient(124deg, #C69766 -26.53%, #E5CFB7 108.73%);
padding: 120px 40px;
}


.elementor-counter-number, .elementor-counter-number-suffix {
    font-family: Fahkwang;
font-size: var(--h1);
font-style: normal;
font-weight: 500;
line-height: normal;
}
.elementor-counter .elementor-counter-title {
    text-align: center;
font-family: "Istok Web";
font-size: var(--font-28);
font-style: normal;
font-weight: 400;
line-height: 24px; /* 85.714% */
}

.value-card {
    padding: 36px 48px 48px 48px;
display: flex;
padding: 36px 48px 48px 48px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
flex: 1 0 0;
align-self: stretch;


    border-radius: 24px;
border: 1px solid var(--Trailblazer-Blue-10, #EFF2F9);
background: linear-gradient(114deg, #FFF 0%, #F4F7FB 31.98%, #E2EAF6 99.95%);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04);
}

#our-values-cards::before {
    content: '';
    width: 2px;
    height: 100%;
    background: var(--lightblue);
    position: absolute;
    left: calc((100% - 145px) / 4);
    margin-left: calc(145px - 36px);
}

.card-header {
    padding: 24px 40px;
    border-radius: 24px 24px 24px 24px !important;
background: var(--grad-BG-light-blue, linear-gradient(15deg, #DAE5F3 -12.88%, #EFF2F9 90.15%));
border: none !important;
transition: all .5s ease;
}
.card-header .btn {
    padding: 0;
    color: var(--blue);
    box-shadow: none !important;
}
.card {
    background: transparent;
    border: none;
    margin-bottom: 48px;
}
.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: 0;
}

.accordion-opened {
  border-radius: 24px 24px 0 0 !important;
background: linear-gradient(198deg, #DAE5F3 -62.87%, rgba(108, 152, 208, 0.20) 118.16%);
transition: all .5s ease;
}

.address-card {
    padding: 36px 48px 24px 36px;   
    border-radius: 24px;
    background: var(--Shades-0, #FFF);
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: all .3s ease;
    width: calc(33.333333% - 16px);
}

.address-card .email {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L4 8V18H20V8L12 13ZM12 11L20 6H4L12 11ZM4 8V6V18V8Z" fill="%23002A4E"/></svg>') no-repeat center left;
    background-size: contain;
    padding-left: calc(24px + 16px);
    margin-bottom: 8px;
    transition: all .3s ease;
}
.address-card .tel {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.9998 8C13.9665 8 15.904 8.39583 17.8123 9.1875C19.7206 9.97917 21.4165 11.1667 22.8998 12.75C23.0998 12.95 23.1998 13.1833 23.1998 13.45C23.1998 13.7167 23.0998 13.95 22.8998 14.15L20.5998 16.4C20.4165 16.5833 20.204 16.6833 19.9623 16.7C19.7206 16.7167 19.4998 16.65 19.2998 16.5L16.3998 14.3C16.2665 14.2 16.1665 14.0833 16.0998 13.95C16.0331 13.8167 15.9998 13.6667 15.9998 13.5V10.65C15.3665 10.45 14.7165 10.2917 14.0498 10.175C13.3831 10.0583 12.6998 10 11.9998 10C11.2998 10 10.6165 10.0583 9.94981 10.175C9.28314 10.2917 8.63314 10.45 7.9998 10.65V13.5C7.9998 13.6667 7.96647 13.8167 7.8998 13.95C7.83314 14.0833 7.73314 14.2 7.5998 14.3L4.6998 16.5C4.4998 16.65 4.27897 16.7167 4.0373 16.7C3.79564 16.6833 3.58314 16.5833 3.3998 16.4L1.0998 14.15C0.899805 13.95 0.799805 13.7167 0.799805 13.45C0.799805 13.1833 0.899805 12.95 1.0998 12.75C2.56647 11.1667 4.25814 9.97917 6.1748 9.1875C8.09147 8.39583 10.0331 8 11.9998 8Z" fill="%23002A4E"/></svg>') no-repeat center left;
    background-size: contain;
    padding-left: calc(24px + 16px);
    transition: all .3s ease;
}
.address-card:hover {
    background: var(--lightblue);
    color: var(--ivory);
    transition: all .3s ease;
}
.address-card:hover .gold, .address-card:hover a {
    color: var(--ivory);
    text-decoration: underline;
    transition: all .3s ease;
}
.address-card:hover .email {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L4 8V18H20V8L12 13ZM12 11L20 6H4L12 11ZM4 8V6V18V8Z" fill="%23ffffff"/></svg>') no-repeat center left;
}
.address-card:hover .tel {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.9998 8C13.9665 8 15.904 8.39583 17.8123 9.1875C19.7206 9.97917 21.4165 11.1667 22.8998 12.75C23.0998 12.95 23.1998 13.1833 23.1998 13.45C23.1998 13.7167 23.0998 13.95 22.8998 14.15L20.5998 16.4C20.4165 16.5833 20.204 16.6833 19.9623 16.7C19.7206 16.7167 19.4998 16.65 19.2998 16.5L16.3998 14.3C16.2665 14.2 16.1665 14.0833 16.0998 13.95C16.0331 13.8167 15.9998 13.6667 15.9998 13.5V10.65C15.3665 10.45 14.7165 10.2917 14.0498 10.175C13.3831 10.0583 12.6998 10 11.9998 10C11.2998 10 10.6165 10.0583 9.94981 10.175C9.28314 10.2917 8.63314 10.45 7.9998 10.65V13.5C7.9998 13.6667 7.96647 13.8167 7.8998 13.95C7.83314 14.0833 7.73314 14.2 7.5998 14.3L4.6998 16.5C4.4998 16.65 4.27897 16.7167 4.0373 16.7C3.79564 16.6833 3.58314 16.5833 3.3998 16.4L1.0998 14.15C0.899805 13.95 0.799805 13.7167 0.799805 13.45C0.799805 13.1833 0.899805 12.95 1.0998 12.75C2.56647 11.1667 4.25814 9.97917 6.1748 9.1875C8.09147 8.39583 10.0331 8 11.9998 8Z" fill="%23ffffff"/></svg>') no-repeat center left;
}
.card-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px;
}
.address-row {
    gap: 24px;
    display: flex;flex-direction: row;
    flex-wrap: wrap;
}

.elementor-593 .elementor-element.elementor-element-4b0d76a::before, .elementor-593 .elementor-element.elementor-element-4b0d76a > .elementor-background-video-container::before, .elementor-593 .elementor-element.elementor-element-4b0d76a > .e-con-inner > .elementor-background-video-container::before, .elementor-593 .elementor-element.elementor-element-4b0d76a > .elementor-background-slideshow::before, .elementor-593 .elementor-element.elementor-element-4b0d76a > .e-con-inner > .elementor-background-slideshow::before, .elementor-593 .elementor-element.elementor-element-4b0d76a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
    background: linear-gradient(0deg, rgba(108, 152, 208, 0.15) -4.97%, rgba(0, 42, 78, 0.75) 88.04%), url('https://travel.sg25.sst189.xyz/wp-content/uploads/2025/12/6ffb796044737ad6fe74acc4b7a95ff1ddc011f8-scaled.jpg') lightgray 50% / cover no-repeat; 
}
.elementor-1017 .elementor-element.elementor-element-598a1f4::before, .elementor-1017 .elementor-element.elementor-element-598a1f4 > .elementor-background-video-container::before, .elementor-1017 .elementor-element.elementor-element-598a1f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-1017 .elementor-element.elementor-element-598a1f4 > .elementor-background-slideshow::before, .elementor-1017 .elementor-element.elementor-element-598a1f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1017 .elementor-element.elementor-element-598a1f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
    --background-overlay: '';
    background: linear-gradient(0deg, rgba(108, 152, 208, 0.15) -4.97%, rgba(0, 42, 78, 0.75) 88.04%), url('https://travel.sg25.sst189.xyz/wp-content/uploads/2025/12/4b811494978d35022adee9eedb5fcda3a750254d-1.jpg') lightgray 50% / cover no-repeat;
}

#sustain-right::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%23FEFCF6"/></svg>') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -19px;
    left: 0px;
    border: none;
    transition: all .5s ease .5s;
    transform: scale(0);
    z-index: 1;
}
.animated #sustain-right::before {
    transform: scale(1);

}
#sustain-right::after {
    content: '';
    height: 2px;
    width: 100vw;
    left: 50vw;
    top: 0px;
    position: absolute;
    background: var(--ivory);
    transition: all 1s ease;
}
.animated #sustain-right::after {
    left: 5px;
}
#sustain-left::after {
    content: '';
    height: 2px;
    width: 100vw;
    right: 100px;
    top: -2px;
    position: absolute;
    background: var(--ivory);
    transition: all 1s ease;
}

#carbon-right::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -19px;
    left: 0px;
    border: none;
    transition: all .5s ease .5s;
    transform: scale(0);
    z-index: 1;
}
.animated #carbon-right::before, .revealed#carbon-right::before {
    transform: scale(1);

}
#carbon-right::after {
    content: '';
    height: 2px;
    width: 50vw;
    left: 50vw;
    top: 0px;
    position: absolute;
    background: var(--lightblue);
    transition: all 1s ease;
}
.animated #carbon-right::after, .revealed#carbon-right::after {
    left: 5px;
}
#carbon-left::after {
    content: '';
    height: 2px;
    width: 100vw;
    right: 100px;
    top: -2px;
    position: absolute;
    background: var(--lightblue);
    transition: all 1s ease;
}

#heading-line-star h1 div {
    background: white;
    z-index: 2;
    position: relative;
    padding-right: 40px;
}
#heading-line-star h1::after {
    content: '';
    background: var(--lightblue);
    height: 2px;
    width: 50vw;
    position: absolute;
    top: 50%;
    transform: translateY(-1px);
    left: 50%;
    z-index: 0;
}
#heading-line-star h1 div::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -20px;
    left: auto;
    border: none;
    transition: all .5s ease .5s;
    transform: translateY(-50%) scale(1);
    z-index: 1;
}

.carbon-card {
    padding: 30px 30px 20px 30px;
    border-radius: 24px;
border: 1px solid #F4F6FB;
background: linear-gradient(124deg, rgba(255, 255, 255, 0.10) 11.9%, rgba(244, 247, 251, 0.10) 47.64%, rgba(226, 234, 246, 0.10) 123.57%);
}
.carbon-card.active {
    border-radius: 24px;
border: 1px solid #F4F6FB;
background: var(--grad-soft-sky, linear-gradient(124deg, #FFF 11.9%, #F4F7FB 47.64%, #E2EAF6 123.57%));
box-shadow: 0 4px 10px 0 rgba(108, 152, 208, 0.20);
}

.sustain-slide {
    border-radius: 24px;
border: 2px solid var(--grad-stroke-light, #FFF);
background: linear-gradient(124deg, #FFF 11.9%, #F4F7FB 47.64%, #E2EAF6 123.57%);
padding: 60px 80px 80px 80px;

}

#sustain-slider .slick-dots li button::before {
    display: none;
}
#sustain-slider .slick-dots li {
    width: 24px;
transition: all .3s ease;
}
#sustain-slider .slick-dots li button {
    border-radius: 4px;
background: #BFCEEA;
width: 24px;
height: 6px !important;
padding: 0;
transition: all .3s ease;
}
#sustain-slider .slick-dots li.slick-active {
    width: 60px;
transition: all .3s ease;
}
#sustain-slider .slick-dots li.slick-active button {
    border-radius: 4px;
background: var(--lightblue);
width: 60px;
transition: all .3s ease;
}
#sustain-slider .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 60px;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#sustain-left {
    padding-bottom: 45vh;
}

.star-line {
        left: -20px;
    position: relative;
}
.star-line::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -19px;
    left: 0px;
    border: none;
    transition: all .5s ease .5s;
    transform: scale(0);
    z-index: 1;
}
.animated .star-line::before {
    transform: scale(1);

}
.star-line::after {
    content: '';
    height: 2px;
    width: 100vw;
    left: 100vw;
    top: 0px;
    position: absolute;
    background: var(--lightblue);
    transition: all 1.25s ease;
}
.animated .star-line::after {
    left: 5px;
}

.travel-slider, #travel-more {
    margin-top: -184px;
}
.travel-slider .slick-list {
    overflow: visible;
}
.travel-slider .slick-prev.slick-arrow {
    display: none !important;
}
.travel-card {
    margin-top: 40px;
    margin-bottom: 40px;
}
.travel-slide-wrapper {
    display: flex;
    gap: 40px;
    align-items: center;
    height: 40vh;
}
.travel-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
opacity: 1;
padding-top: 40px;
padding-right: 24px;
padding-bottom: 40px;
padding-left: 24px;
border-radius: 24px;
background: linear-gradient(123.62deg, #FFFFFF 11.9%, #F4F7FB 47.64%, #E2EAF6 123.57%);
border: 1px solid #EFF2F9;
box-shadow: 0px 4px 10px 0px #6C98D040;
height: 100%;
width: 25%;

height: 260px;    opacity:1;
overflow: hidden;

    transition: all .5s ease;
}
.travel-card:not(.active):hover {
    background: linear-gradient(333.02deg, #6C98D0 -39.47%, #EFF2F9 72.25%);
transition: all .5s ease;
}
.travel-card:not(.active) {
    xmax-width: 200px;
}
.travel-card.active {
    align-items: flex-start;
    width: 40%;
    height: 40vh;
    transition: all .5s ease;
}

.travel-slide {
    margin-top: 30px;
    margin-bottom: 30px;
}

.travel-title {
    font-size: var(--font-18);
    text-align: center;
}
.semibold-heading {
    font-weight: 600;
    font-family: var(--headingFont);
}
.travel-text {
    visibility:hidden;
    opacity:0;
    width: calc((((100vw - 290px - 80px) * 0.65)*0.4) - 60px);
    height: 130px;
    transition: all .3s ease;
}
.travel-container {
    position: relative;
    width: calc((((100vw - 290px - 80px) * 0.65)*0.3) - 80px);
    transition: all .5s ease;
}
.travel-card.active .travel-container {
    position: relative;
    width: calc((((100vw - 290px - 80px) * 0.65)*0.4) - 60px);
    transition: all .5s ease;
}
.travel-title {
    width: calc((((100vw - 290px - 80px) * 0.65)*0.3) - 80px);
    transition: all .1s ease;
    position: absolute;
    top: 0;
}
.travel-text h4 {
    margin-bottom: 20px;
}
.travel-card.active .travel-title {
    xdisplay: none; visibility:hidden;
    opacity:0;
    transition: all .3s ease;
}
.travel-card.active .travel-text {
    display: block;
    
    visibility:visible;
    opacity:1;
    transition: all .3s ease;
}

.travel-slider .slick-dots li button::before, .bullet-slider .slick-dots li button::before {
    display: none;
}
.travel-slider .slick-dots li, .bullet-slider .slick-dots li {
    width: 24px;
transition: all .3s ease;
}
.travel-slider .slick-dots li button, .bullet-slider .slick-dots li button {
    border-radius: 4px;
background: #BFCEEA;
width: 24px;
height: 6px !important;
padding: 0;
transition: all .3s ease;
}
.travel-slider .slick-dots li.slick-active, .bullet-slider .slick-dots li.slick-active {
    width: 60px;
transition: all .3s ease;
}
.travel-slider .slick-dots li.slick-active button, .bullet-slider .slick-dots li.slick-active button {
    border-radius: 4px;
background: var(--lightblue);
width: 60px;
transition: all .3s ease;
}
.travel-slider .slick-dots, .bullet-slider .slick-dots {
    position: absolute;
    bottom: 0;
    height: 6px;
    left: 0;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

#specialised-section {
    border: 1px solid #E1E8F5;
background: linear-gradient(123.62deg, #FFFFFF 11.9%, #F4F7FB 47.64%, #E2EAF6 123.57%);
padding-top: 56px;
padding-right: 80px;
padding-bottom: 56px;
padding-left: 80px;
border-radius: 24px;

}
#specialised-services .slick-dots {
        top: -15px;
    left: 0;
}
.specalised-slide {
    padding-top: 30px;
}

.other-service {
/* Solutions button/horizontal */
    display: flex;
    align-items: center;
    gap: 16px;
padding: 24px;
width: 30%;
background: rgba(162, 186, 225, 0.12);
/* glass light BG */
border-radius: 24px;
font-size: 14px;
font-family: var(--headingFont);
font-weight: 600;
display: flex;
background: linear-gradient(123.62deg, #FFFFFF 11.9%, #F4F7FB 47.64%, #E2EAF6 123.57%);


}
#other-specialised {
    display: flex;
    gap: 24px;
}

.analytic-card {
    background: linear-gradient(123.62deg, rgba(255, 255, 255, 0.5) 11.9%, rgba(244, 247, 251, 0.5) 47.64%, rgba(226, 234, 246, 0.5) 123.57%);
border-radius: 24px;
padding: 24px;
gap: 24px;
}

.consulting-card {
    background: linear-gradient(14.83deg, rgba(218, 229, 243, 0.5) -12.88%, rgba(239, 242, 249, 0.5) 90.15%);
padding-top: 30px;
padding-right: 24px;
padding-bottom: 30px;
padding-left: 24px;
border-radius: 24px;
}


#anchors-bar {
    position: sticky;
    top: 0;
    z-index: 999;
}
#anchors-bar .elementor-button.is-active {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--ivory);
}

.page-id-1017 :target {
  scroll-margin-top: 150px;
}
/* END CONTENT */

/* FOOTER */

#footer-left {
    padding-right: 8.333%;
}
#footer-left::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M0 20.7776C10.611 20.7776 19.2224 29.3801 19.2224 40H20.7776C20.7776 29.389 29.3801 20.7776 40 20.7776V19.2224C29.389 19.2224 20.7776 10.6199 20.7776 0H19.2224C19.2224 10.611 10.6199 19.2224 0 19.2224V20.7776Z" fill="%236C98D0"/></svg>') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: auto;
    bottom: -18px;
    right: 0px;
    left: auto;
    border: none;
    transition: all .5s ease .5s;
    transform: scale(0);
    z-index: 1;
}
.revealed #footer-left::before {
    
    transform: scale(1);
}
#footer-left::after {
    content: '';
    height: 2px;
    width: 50vw;
    right: 50vw;
    top: auto;
    bottom: 1px;
    position: absolute;
    background: var(--lightblue);
    transition: all 1s ease;
}
.revealed #footer-left::after {
    
    right: 5px;
}
#footer-wrapper::after {
    content: '';
    height: 2px;
    width: 50vw;
    right: -25vw;
    top: auto;
    bottom: 50px;
    position: absolute;
    background: var(--lightblue);
}

#footer-right {
    padding-left: 8.333%;
}

/* END FOOTER */

/* wpcf7 */
.wpcf7 label, .wpcf7 input, .wpcf7 textarea, .wpcf7 select {
    width: 100%;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select {
    padding: 16px 24px;
    border-radius: 12px;
border: 1px solid var(--Midnight-Blue-20, #C0C8D8);
background: var(--Shades-0, #FFF);
margin-top: 8px;
  appearance: none;
  -webkit-appearance: none; /* For Safari, Chrome, Opera */
  -moz-appearance: none;    /* For Firefox */
    color: var(--blue);
}
.wpcf7-submit {
    width: auto !important;
    background: var(--gold) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><g clip-path="url(%23clip0_566_909)"><path d="M0 7.5L20 8.24419V8.75581L0 9.5V7.5Z" fill="%23FBF8EC"/><path d="M19.9725 8.50953C20.0365 8.9569 19.9908 8.63327 20 8.73797C19.9817 8.73797 19.936 8.75701 19.9085 8.75701C16.1502 9.51849 13.0594 13.0403 12.7851 17L11.0842 16.7335C11.8798 12.2693 15.5558 8.6999 19.8811 8.2906H19.9085H19.9177C19.936 8.38579 19.8902 8.06216 19.9542 8.50953H19.9725Z" fill="%23FBF8EC"/><path d="M19.9725 8.50952C19.9085 8.95689 19.9543 8.63326 19.936 8.72844C19.9085 8.72844 19.8628 8.71892 19.8445 8.71892C15.5101 8.31915 11.8249 4.76876 10.9928 0.295073L12.8948 0C13.1234 3.93113 16.1776 7.472 19.9177 8.26204C19.936 8.26204 19.9817 8.28107 20.0091 8.28107C20 8.38578 20.0457 8.06215 19.9817 8.50952H19.9725Z" fill="%23FBF8EC"/></g><defs><clipPath id="clip0_566_909"><rect width="20" height="17" fill="white"/></clipPath></defs></svg>') no-repeat center right 24px;
}

.wpcf7 select {
    color: #C0C8D8;
}
.wpcf7 textarea {
    height: 200px;
}

/* For modern browsers (Chrome, Firefox, Opera, Safari) */
::placeholder {
  color: #C0C8D8;
}

/* For Internet Explorer 10-11 */
:-ms-input-placeholder {
  color:#C0C8D8;
}

/* For Microsoft Edge (older versions) */
::-ms-input-placeholder {
  color: #C0C8D8;
}

/* end wpcf7 */