@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

.urbanist-text {
    font-family: "Urbanist", serif !important;
}

body {
    font-family: 'Gilroy', sans-serif !important;
}

.nav-alignmen {
    display: flex;
    align-items: center;
}

.navbar-brand {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 26.89px !important;
}

.navbar-dropdown-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 288px;
}

.logo-img {
    max-width: 43.03px;
    width: 100%;
    padding: 20px 0;
}

.hero-section {
    background-image: url(../images/hero-img.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-image:linear-gradient(0deg, rgba(26, 26, 26, 0.2), rgba(26, 26, 26, 0.2)); */
}

.primary-bg {
    background-image: linear-gradient(0deg, rgba(26, 26, 26, 0.2), rgba(26, 26, 26, 0.2));
}

.main-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    /* padding: 10px 0; */
    transition: background-color 0.3s ease;
    background-color: transparent;
    z-index: 1000;
}


/* .navbar-ul{
    max-width: 434px;
    width: 100%;
} */

.main-navbar.scrolled {
    background-color: #FFFFFF;
    /* Change to your desired color */
    color: black !important;
    /* box-shadow: 0px 4px 7px #777; */
}

.main-navbar.scrolled .navbar-brand {
    color: #1A1A1A !important;
}


/* .navbar-div {
    max-width: 850px;
    width: 100%;
} */

.navbar-nav .dropdown-menu {
    background: linear-gradient( #1A1A1A 0%, #29384F 100%) !important;
}

.navbar-nav .dropdown-menu a {
    padding: 10px 16px !important;
}

.navbar-nav .dropdown-menu a:hover,
.navbar-nav .dropdown-menu a:focus {
    background: transparent !important;
    color: #12B0EE !important;
}

.main-navbar.scrolled .navbar-div ul li .nav-link {
    color: #1A1A1A !important;
}

.navbar-div ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #E3E3E3 !important;
}

.main-navbar.scrolled .navbar-div ul li a span {
    background-image: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    max-width: 6px;
    height: 6px;
}

.navbar-div ul li {
    padding: 0 6px;
}

.navbar-shape-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    border: 2px solid rgba(250, 250, 250, 1) !important;
    /* backdrop-filter: blur(15px) ; */
    /* box-shadow: -1px 2px 4px 0px rgba(239, 239, 239, 0.25) inset; */
    border-radius: 26px;
    display: block;
    padding: 15px 16px;
}

.main-navbar.scrolled .navbar-shape-btn {
    border: 2px solid #1A1A1A !important;
    color: #1A1A1A !important;
}

.navbar-ul .nav-link.active:before,
.navbar-ul .nav-link:hover:before,
.navbar-ul .nav-link:focus:before {
    content: '';
    width: 6px;
    height: 6px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    border-radius: 50%;
}

.navbar-ul .nav-link.active,
.navbar-ul .nav-link:hover,
.navbar-ul .nav-link:focus,
.language-dropdown.active,
.language-dropdown:hover,
.language-dropdown:focus {
    color: #E3E3E3;
    border: 2px solid #29384F33;
    background: linear-gradient(#1A1A1A 0%, #29384F 100%);
    /* backdrop-filter: blur(15px); */
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    border-radius: 26px;
    /* padding: 6px 12px; */
    display: block;
    /* width: 77px; */
    gap: 5px;
    /* height: 26px; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.main-navbar.scrolled .navbar-ul .nav-link.active,
.main-navbar.scrolled .navbar-ul .nav-link:hover,
.main-navbar.scrolled .navbar-ul .nav-link:focus,
.main-navbar.scrolled .language-dropdown.active,
.main-navbar.scrolled .language-dropdown:hover,
.main-navbar.scrolled .language-dropdown:focus {
    border: unset !important;
    background: linear-gradient(#FAFAFA 0%, #F1F1F1 100%);
}

.navbar-home-div {
    border: 2px solid #29384F33;
    backdrop-filter: blur(15px);
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    border-radius: 26px;
    padding: 6px 12px;
    display: block;
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-about-us {
    border: 2px solid #29384F33;
    backdrop-filter: blur(15px);
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    border-radius: 26px;
    padding: 6px 12px;
    display: block;
    width: 104px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-div-empty {
    max-width: 6px;
    width: 100%;
    height: 6px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    border-radius: 50%;
}

.home-page-heading {
    padding-top: calc(144px + 104px);
    padding-bottom: 16px;
}

.home-page-heading h2 {
    font-size: 64px;
    font-weight: 600;
    line-height: 79.36px;
    text-align: center;
    background: linear-gradient(93.16deg, #FFFFFF -0.87%, #FFFFFF 21.04%, #C4C4C4 47.83%, #FFFFFF 71.43%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-page-heading p {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    text-align: center;
    color: #E3E3E3;
    padding: 0 69.5px;
    margin-bottom: 0px;
}

.heading-text {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    text-align: center;
    color: #E3E3E3;
    margin-bottom: 0px;
    padding-bottom: 40px;
}

.home-page-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding-top: 40px;
    padding-bottom: 12px;
}

.why-choose-bottom {
    background: #29384F8A;
    max-width: 198.82px;
    width: 100%;
    height: 244.18px;
    border-radius: 50%;
    filter: blur(74px);
    position: absolute;
    bottom: 0;
    left: 0;
}

.primary-contact-us {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 15px 30.5px;
    backdrop-filter: blur(15px) !important;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    border: unset !important;
}

.secondary-contact-us {
    padding: 16px 21px;
    display: block;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FAFAFA !important;
    border: 2px solid #FAFAFA !important;
    background: transparent;
}

.home-page-btn .primary-btn-why-choose {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 16px 12px;
    backdrop-filter: blur(15px) !important;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    border: unset !important;
}

.home-page-btn .primary-button-div {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 16px 21.5px;
    backdrop-filter: blur(15px) !important;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    border: unset !important;
}

.press-btn .primary-button-div {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 16px 21.5px;
    backdrop-filter: blur(15px) !important;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    border: unset !important;
}

.smart-primary-button-div {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 15px 46.5px;
    display: block;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    border: unset;
}

.sustainable-btn {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 15px 12px;
    display: block;
    /* box-shadow: -1px 2px 4px 0px rgba(239, 239, 239, 0.25); */
    backdrop-filter: blur(15px);
    text-decoration: none;
    border-radius: 26px;
    font-size: 16px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    border: unset !important;
}

.smart-secondary-button-div {
    padding: 15px 38.5px;
    display: block;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FAFAFA !important;
    border: 2px solid #FAFAFA !important;
    background: transparent;
}

.home-page-btn .secondary-button-div {
    padding: 16px 14.5px;
    text-decoration: none;
    border-radius: 26px;
    font-style: italic;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FAFAFA;
    border: 2px solid #FAFAFA;
    /* background: transparent !important; */
}

.primary-effect:hover,
.primary-effect:focus,
.primary-effect:active {
    opacity: 0.9 !important;
}

.secondary-effect:active,
.secondary-effect:hover,
.secondary-effect:focus {
    border: 2px solid !important;
    -webkit-border-image-repeat: linear-gradient(132.09deg, #0E88EA 100%, #15CFF1 100%) !important;
    border-image-slice: 1 !important;
    color: #15CFF1 !important;
}


/* .secondary-button-div {
    padding: 16px 14.5px;
    display: block;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FAFAFA;
    border: 2px solid #FAFAFA;
    background: transparent;
} */

.video-div {
    height: 606px;
    background-color: #1A1A1A;
    border-radius: 32px;
    border: 22px solid #FAFAFA4D !important;
    outline: 1px solid #FFFFFF;
    /* filter: blur(51px); */
    margin-bottom: 84px;
}

.video-inner-div {
    font-size: 64px;
    font-weight: 600;
    line-height: 79.36px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(93.16deg, #FFFFFF 10.81%, #C4C4C4 47.83%, #FFFFFF 81.42%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hospitality-div {
    background: rgba(28, 28, 28, 1);
    padding: 80px 0 86px 0;
    position: relative;
}

.small-div .who-div {
    border: 2px solid;
    -webkit-border-image-repeat: linear-gradient(132.09deg, #0E88EA 100%, #15CFF1 100%);
    border-radius: 200px;
    padding: 7px 11px;
    text-decoration: unset;
    color: #15CFF1;
}

.small-div h4 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    padding: 16px 0 36px 0;
    margin-bottom: 0px;
}

.small-div .main-text {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #F3F3F3;
    margin-bottom: unset;
    padding-bottom: 30px;
}

.small-div .through-text {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #F3F3F3;
    margin-bottom: unset;
}

.small-div .future-text-span {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #F3F3F3;
}

.small-div .discover-div {
    padding-top: 36px;
}

.small-div .discover-div a {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FFFFFF;
    border: 2px solid #FAFAFA;
    padding: 16px 20px;
    border-radius: 26px;
    text-decoration: none;
}

.small-div .sustainability-text {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #F3F3F3;
    padding-bottom: 24px;
    margin-bottom: unset;
}

.hospitality-img {
    position: relative;
    background-image: url(../images/pic-1.png);
    /* background-position: calc(48%); */
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 469px;
    width: 100%;
    height: 463px;
    border: 3px solid #EFEFEF1A;
    border-radius: 20px;
}

.sustainability-div {
    background: #07080C;
    padding: 80px 0;
    position: relative;
}

.vector-img {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.vector-img-two {
    position: absolute;
    bottom: 0;
    left: 0px;
}

.sustainable-blur-div {
    max-width: 198.82px;
    width: 100%;
    height: 244.18px;
    border-radius: 50%;
    filter: blur(60px);
    background: #29384F66;
}

.reduce-div {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 23px;
}

.reduce-div p {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #F3F3F3 !important;
    margin-bottom: unset !important;
    padding: 0;
}

.learn-div span {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    padding: 16px 27px;
    border-radius: 26px;
}

.learn-div {
    padding-top: 36px;
}

.sustainability-secondary {
    position: relative;
    background-image: url(../images/sub-img-2.png);
    background-position: calc(48%);
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 199px !important;
    width: 100% !important;
    height: 186px !important;
    border: 3px solid #EFEFEF1A !important;
    border-radius: 20px !important;
    position: absolute;
    bottom: -63px;
    left: -80px;
}

.sustainability-img {
    position: relative;
    background-image: url(../images/sub-img.png);
    background-position: calc(48%);
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 469px;
    width: 100%;
    height: 463px;
    border: 3px solid #EFEFEF1A;
    border-radius: 20px;
    z-index: 1;
}

.digital-transformation-div {
    background: #1C1C1C;
    padding: 108px 79.18px;
    position: relative;
}

.degital-our-text {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #FAFAFA;
    margin-bottom: unset;
    padding-bottom: 40px;
    text-align: center;
}

.solution-span span {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.88px;
    padding: 7px 11px;
    border: 2px solid transparent;
    border-radius: 50px;
    position: relative;
}

.solution-span span::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50px;
    padding: 1px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.digital-transformation-inner h4 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FFFFFF;
    padding: 16px 0 22px 0;
    margin-bottom: unset;
}

.card-effect:active,
.card-effect:hover,
.card-effect:focus {
    background: #272727 !important;
}

.digital-transformation-card {
    background: transparent;
    border: 2px solid #5E5E5E;
    box-shadow: -4px 4px 45px 0px #2727271A;
    /* height: 255.82px; */
    border-radius: 6px;
    text-align: center;
    height: 280px;
    padding: 0 22px;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 414px;
}

.partners-card {
    background: transparent;
    border: 2px solid #5E5E5E;
    box-shadow: -4px 4px 45px 0px #2727271A;
    max-width: 414px;
    width: 100%;
    height: 280px;
    border-radius: 6px;
    text-align: center;
    /* height: 256px; */
    padding: 0 22px;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    /* margin-left: 19px; */
}

.partners-card h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    padding-top: 27.73px;
}

.partners-card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.54px;
    color: #FAFAFA;
    margin-bottom: unset;
}

.digital-transformation-card h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #FFFFFF;
    padding-top: 27.73px;
    margin-bottom: unset;
}

.digital-transformation-card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.54px;
    color: #FAFAFA;
    margin-bottom: unset;
    padding-top: 11.9px;
}

.digital-secondary p {
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    color: #FFFFFF;
    text-align: center;
    padding: 40px 0 32px 0;
    margin-bottom: unset;
}

.digital-explore-btn a {
    border: 2px solid #FFFFFF !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    padding: 16px 27px;
    border-radius: 26px;
    text-decoration: none;
}

.learn-div a {
    border: 2px solid #FFFFFF !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FFFFFF !important;
    padding: 16px 27px;
    border-radius: 26px;
    text-decoration: none;
}

.digital-explore a {
    border: 2px solid #FFFFFF !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FFFFFF !important;
    padding: 16px 38px;
    border-radius: 26px;
    text-decoration: none;
}

.digital-explore .btn-explore {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #1A1A1A !important;
    padding: 16px 55px;
    border-radius: 26px;
    text-decoration: none;
    background: #FFFFFF !important;
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    border: unset !important;
}

.bg-border {
    position: absolute;
    top: 0px;
    left: 0px;
}

.voice-innovation-div {
    background: #07080C;
    padding: 80px 0;
    position: relative;
}

.innovation-div-inner h5 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FFFFFF;
    padding: 16px 0;
    margin-bottom: 0px;
}

.client-shares-div {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #FAFAFA;
}

.innovation-img-div {
    max-width: 410px;
    width: 100%;
    height: 252px;
    border: 2px solid #EFEFEF1A;
    border-radius: 8px;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0px 14px;
    text-align: center;
    background: #1B1A1A;
    margin-left: 25px;
    margin-top: 31px;
}

.more-text-div h2 {
    font-size: 57px;
    font-weight: 600;
    line-height: 57px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.more-text-div p {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF;
}

.innovation-text-div {
    font-size: 13px;
    font-weight: 300;
    line-height: 15.6px;
    color: #FFFFFF;
    text-align: center;
}

.client-text {
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.innovation-text-div .client-text p {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.client-text div {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D9D9D999;
}

.voice-text p {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #FFFFFF;
    margin-bottom: 0px;
    padding-bottom: 32px;
    text-align: center;
}

.voice-text-whether p {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #FFFFFF;
    margin-bottom: 0px;
    padding-bottom: 40px;
    text-align: center;
}

.blue-div {
    max-width: 261px;
    width: 100%;
    height: 190px;
    position: absolute;
    top: -79px;
    right: 0px;
}

.blue-div-two {
    max-width: 261px;
    width: 100%;
    height: 190px;
    background: #0D203F;
    filter: blur(82.4px);
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.contact-us-div {
    padding: 80px 0px;
    background: #1C1C1C;
    position: relative;
}

.container-box-img {
    position: absolute;
    top: 0;
    left: 0;
}

.pioneering-box-img {
    position: absolute;
    top: 0;
    right: 0;
}

.Pioneering-box-hygiene {
    position: absolute;
    bottom: 0;
    left: 0;
}

.transform-box-img {
    position: absolute;
    top: 0;
    left: 0;
}

.transform-box-two {
    position: absolute;
    bottom: 0;
    left: 0;
}

.container-box-two {
    position: absolute;
    bottom: 0;
    right: 0;
}

.footer-border-div {
    border: 1px solid #EEEEEE;
    margin: 137px 0px 22.31px 0px;
}

.footer-botom-text-div p {
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    color: #FAFAFA;
    margin-bottom: unset;
    text-align: center;
}

.footer-section {
    background: #07080C;
    padding: 80px 0 67.69px 0px;
    position: relative;
    overflow: hidden;
}

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

.footer-logo p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #FFFFFF;
    margin-bottom: 0px;
    padding: 22px 0px;
}

.qiuck-links-div h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
}

.qiuck-links-div ul li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #FFFFFF;
    padding: 10px 0;
    display: block;
}

.qiuck-links-div ul li {
    list-style: none;
    /* padding: 0 10px 0 0 ; */
}

.qiuck-links-div ul {
    padding-left: 0px !important;
    /* padding-right: 10px; */
}

.input-group {
    max-width: 400px;
    margin: auto;
    margin-top: 50px;
}

.newsletter-email {
    /* background-color: #1A1A1A !important; */
    /* border: 2px solid #E6E6E6 !important; */
    color: white !important;
    padding: 10px 8px !important;
    border-radius: 8px !important;
}

.newsletter-email::placeholder {
    color: #AFAFAF !important;
}

.newsletter-email:focus {
    box-shadow: unset !important;
    border: unset !important;
}

.btn-subscribe {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    color: white !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 22.54px !important;
    padding: 7.5px 17.5px !important;
}

.subscribe-footer-div h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 22.54px;
    color: #FFFFFF;
    margin-bottom: 0px;
    padding-bottom: 22px;
}

.subscribe-footer-div p {
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    color: #FAFAFA;
    padding-top: 12px;
    margin-bottom: unset
}

.solution-page-heading h2 {
    font-size: 56px;
    font-weight: 600;
    line-height: 69.44px;
    background: linear-gradient(93.16deg, #FFFFFF -0.87%, #FFFFFF 21.04%, #C4C4C4 47.83%, #FFFFFF 71.43%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: unset;
}

.solution-page-heading p {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #E3E3E3;
    margin-bottom: unset;
    padding: 16px 0 40px 0;
}

.solution-page-heading-btn {
    display: flex;
    align-items: center;
    gap: 16px;
}

.solution-primary-bg {
    background: #07080C;
}

.first-section-blur {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 198.82px;
    width: 100%;
    height: 144.18px;
    background: #29384F66;
    border-radius: 50%;
    filter: blur(65px);
}

.solution-primary {
    background: #07080C;
    padding: 189px 0 88px 0;
    position: relative;
}

.solution-optimization-section {
    background: #07080C;
    padding-top: calc(108px + 80px);
    position: relative;
    padding-bottom: 88px;
}

.solution-sustainable {
    background: #07080C;
    position: relative;
    padding-top: 80px;
}

.solution-hygiene-section {
    background: #07080C;
    position: relative;
    padding-top: calc(104px + 80px);
    padding-bottom: 88px;
}

.solution-assets-image img {
    max-width: 515px;
    width: 100%;
    border: 2px solid #4F4F4F;
    border-radius: 32px;
    backdrop-filter: blur();
}

.solution-assets-image {
    position: relative;
    z-index: 1;
}

.solution-img-icon {
    position: absolute;
    top: 98px;
    right: 0px;
}

.redefing-image {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.active {
    background: #272727;
}

.solution-hero {
    background: rgba(28, 28, 28, 1);
    padding: 80px 0;
    position: relative;
}

.solution-bg {
    padding: 30px;
}

.solution-boost-div {
    border: 0.9px solid rgba(61, 61, 61, 1);
    background: #1C1C1C;
    padding: 14px 20px;
    border-radius: 225.2px;
    text-align: center;
}

.solution-boost-div h3 {
    font-size: 24.22px;
    font-weight: 700;
    line-height: 36.33px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.solution-boost-div p {
    font-size: 10.81px;
    font-weight: 600;
    line-height: 15.24px;
    color: #F6F6F6;
    margin-bottom: unset;
}

.solution-bg {
    height: 172.05px;
}

.solution-boost-logo img {
    max-width: 91.88px;
    width: 100%;
}

.smart-solution-div span {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.88px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* .smart-solution-div span::after{
    content: '';
    position: absolute;
    height: 107%;
    width: 102%;
    border-radius: 1000px;
    border-image-source: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    /* z-index: -1; */

.smart-solution-div h5 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    padding: 16px 0 36px 0;
    margin-bottom: unset;
}

.smart-solution-div h4 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    padding: 16px 0 36px 0;
    margin-bottom: unset;
}

.smart-solution-div p {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #F3F3F3;
    /* padding-bottom: 24px; */
    margin-bottom: unset;
}

.smart-solution-div a {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF;
    padding: 16px 12px;
    border: 2px solid #FAFAFA;
    border-radius: 26px;
    text-decoration: none;
}

.solution-pioneering {
    background: #07080C;
    padding: 80px 0 80px 0;
    position: relative;
}

.hygiene-untitled-img img {
    max-width: 621.69px;
    width: 100%;
}

.smart-nav-tabs ul li a {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding: 12px 8px;
    text-align: center;
}

.smart-nav-tabs li button {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #FFFFFF;
    padding: 16px 17px;
}

.smart-nav-tabs li button:hover,
.smart-nav-tabs li button:focus,
.smart-nav-tabs li button:active {
    border: unset !important;
    outline: unset !important;
}

.our-solution-tabs {
    border-radius: 26px !important;
}

.smart-nav-tabs .active {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    border-radius: 4px;
    border: unset !important;
    z-index: 1;
}

.tabs-main-div .active {
    background: transparent !important;
}

.smart-nav-tabs:focus .smart-nav-tabs:active .smart-nav-tabs:hover {}

.smart-nav-tabs {
    border: 2px solid #4F4F4F;
    background: #1C1C1C;
    border-radius: 4px;
    /* max-width: 726px; */
    /* width: 100%; */
    padding: 4px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-real-time-div {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
}

.solution-real-time-div p {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #F3F3F3;
    margin-bottom: unset;
}

.solution-discover {
    margin-top: 36px;
}

.solution-discover a {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 17px 12px;
    border: 2px solid #FAFAFA;
    border-radius: 26px;
}

.solution-discover-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #F3F3F3;
    padding: 24px 0 36px 0;
}

.solution-dlc-monitoring {
    padding: 18px 22px;
    border: 2px solid #4F4F4F;
    backdrop-filter: blur(51px);
    border-radius: 26px;
}

.dlc-monitoring-div {
    border: 2px solid #3D3D3D99;
    border-radius: 12px;
    padding: 18px;
}

.solution-automated-div {
    background: #1C1C1C;
    border: 2px solid #3D3D3D99;
    padding: 18px;
    border-radius: 16px;
}

.solution-hygiene {
    border-radius: 26px;
}

.solution-swimming-pool-div {
    border: 2px solid #3D3D3D99;
    padding: 18px;
    border-radius: 12px;
    margin: 24px 0 18px 0;
}

.solution-swimming-pool-div h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 18px;
    color: #FFFFFF;
    padding-top: 13px;
}

.solution-swimming-pool-div p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #F8F8F8;
    margin-bottom: unset;
}

.dlc-clock-icon {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dlc-clock-icon h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 18px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.solution-nav-tabs ul li a {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0 8px;
}

.solution-nav-tabs .active {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    border-radius: 4px;
}

.solution-nav-tabs {
    margin: 22px 0 24px 0;
    padding: 5px 3.5px;
    border: 2px solid #3D3D3D4D;
}

.solution-carrot {
    max-width: 50px;
    height: 50px;
    width: 100%;
    border: 2px solid #3D3D3D;
    border-radius: 3px;
}

.solution-carrot img {
    max-width: 50px;
    width: 100%;
}

.solution-carrot h5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.solution-carrot p {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    color: #FFAB00;
    margin-bottom: unset;
}

.dlc-real-time-div {
    padding: 36px 0 0 0;
}

.dlc-real-time-div h5 {
    font-size: 22px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.dlc-real-time-div p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.54px;
    color: #F8F8F8;
    margin-bottom: unset;
}

.solution-your-partner {
    background: #1C1C1C;
    padding: 80px 0px;
    position: relative;
}

.solution-hygiene-section-last {
    background: #1C1C1C;
    position: relative;
    padding-bottom: 80px;
}

.your-partner-div h5 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    padding: 16px 0 36px 0;
    margin-bottom: unset;
}

.careers-join-text {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    padding: 16px 0 36px 0;
    margin-bottom: unset;
}

.scheduled-time-div th {
    background: transparent !important;
    color: #FAFAFA;
    padding: 19px 0 23px 0;
}

.scheduled-time-div td {
    background: transparent !important;
    color: #FAFAFA;
    padding: 19px 0 23px 0;
}

.careers-join-text-2 {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #F3F3F3;
    padding-bottom: 40px;
    margin-bottom: unset;
}

.spotlight-div h5 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    padding: 16px 0;
    margin-bottom: unset;
}

.spotlight-div p {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #F3F3F3;
    padding-bottom: 40px;
    margin-bottom: unset;
}

.your-partner-div h4 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    padding: 16px 0 22px 0;
    margin-bottom: unset;
}

.your-partner-div .title {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    padding: 16px 0 22px 0;
    margin-bottom: unset;
}

.your-partner-text-div {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #F3F3F3;
    padding-bottom: 40px;
    margin-bottom: unset;
}

.your-partner-div p {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #F3F3F3;
    padding-bottom: 24px;
    margin-bottom: unset;
}

.partner-cicle-text {
    max-width: 146.24px;
    width: 100%;
    height: 146.24px;
    border: 1.46px solid #6A6A6A;
    border-radius: 243.74px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.partner-cicle-div {
    display: flex;
    align-items: center;
    gap: 13px;
}

.partner-cicle-text h5 {
    font-size: 23.4px;
    font-weight: 600;
    line-height: 23.4px;
    color: #F5F5F5;
    margin-bottom: 12px;
}

.partner-cicle-text p {
    font-size: 11.7px;
    font-weight: 500;
    line-height: 16.38px;
    color: #F7F7F7;
    margin-bottom: unset;
    text-align: center;
    padding: 0 12px;
}

.client-request-div {
    border: 2px solid #FAFAFA1A;
    border-radius: 8px;
    padding: 12px;
    margin-top: 24px
}

.laundry-services {
    max-width: 55px;
    width: 100%;
    height: 55px;
    border: 2px solid #F9F9F966;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.client-request-laundry {
    display: flex;
    gap: 12px;
    align-items: center;
}

.client-request-div {
    display: flex;
    gap: 12px;
    align-items: center;
}

.solutions-smart-stay {
    border: 2px solid #FAFAFA1A;
    border-radius: 8px;
    padding: 12px;
    margin-top: 24px
}

.solutions-smart-stay {
    display: flex;
    flex-direction: column;
}

.solutions-smart-stay-text h5 {
    font-size: 23px;
    font-weight: 600;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.client-request-laundry h5 {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #FFFFFF;
}

.client-request-laundry p {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #F9F9F9;
    margin-bottom: unset;
}

.laundry-check-box[type=checkbox] {
    border-radius: 1.25em;
}

.laundry-check-box:checked {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
}

.slider-container {
    --label: 2.75rem;
    /* --width: clamp(20rem, calc(10.18rem + 43.64vw), 32rem); */
    --thumb: clamp(3rem, calc(2.28rem + 3.18vw), 3.88rem);
    inline-size: var(--width);
    /* aspect-ratio: 10.665 / 1; */
    display: grid;
    position: relative;
    padding-inline: var(--space);
    border: 0;
    border-radius: 100vh;
    background: linear-gradient( to right, #fff9, #0000, hsl(203deg 21% 65%), #0001, #fff9);
    box-shadow: #0002 0px 2px 1px, #0001 0px 4px 2px, #0001 0px 8px 4px, #0001 0px 16px 8px, #0001 0px 26px 16px;
}

.number--label {
    position: absolute;
    top: -3rem;
    left: -1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--label);
    aspect-ratio: 1;
    border-radius: 50%;
    font-size: 1.75em;
    transition: 366ms cubic-bezier(0.3, 0.6, 0.4, 1.125);
    color: #FFFFFF;
}

.input-slider {
    /* place-self: center; */
    border-radius: 100vh;
    width: calc(var(--width) - 1rem);
    /* height: min(2rem, 4vw); */
    /* background-color: hsl(198deg 41% 45%); */
    background: #646464;
    box-shadow: inset 0 2px 3px #0005, inset 0 -2px 2.5px 0.5px #fff3;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

.input-slider::-webkit-slider-thumb {
    background: linear-gradient( to bottom, #fff 30%, hsl(192, 3%, 68%) 75%, hsl(192deg 3% 46%));
    border-radius: 50%;
    width: clamp(3rem, calc(2.28rem + 3.18vw), 3.88rem);
    aspect-ratio: 1;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 -1px 5px 4px #fff7 inset, 0 1px 1.5px #0004, 0 2px 5px #0003, 0 5px 9px #0002;
}

.input-slider::-moz-range-thumb {
    background: linear-gradient( to bottom, #fff 30%, hsl(192, 3%, 68%) 75%, hsl(192deg 3% 46%));
    border-radius: 50%;
    width: clamp(3rem, calc(2.28rem + 3.18vw), 3.88rem);
    height: clamp(3rem, calc(2.28rem + 3.18vw), 3.88rem);
    aspect-ratio: 1;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 -1px 5px 4px #fff7 inset, 0 1px 1.5px #0004, 0 2px 5px #0003, 0 5px 9px #0002;
}

.smart-adopt-div img {
    max-width: 26px;
    width: 100%;
}

.smart-adopt-div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 63.8px;
}

.smart-adopt-div h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: unset;
    text-align: center;
}

.smart-adopt-div-text p {
    font-size: 12px;
    font-weight: 600;
    line-height: 16.2px;
    color: #F8F8F8;
    margin-bottom: unset;
    text-align: center;
}

.card-smart-waste {
    height: 308.82px;
    border: 2px solid #5E5E5E;
    box-shadow: -4px 4px 45px 0px #2727271A;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 22px;
}

.card-smart-waste h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    padding: 27px 0 11px 0;
    margin-bottom: unset;
}

.card-smart-waste p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.54px;
    text-align: center;
    color: #F9F9F9;
    margin-bottom: unset;
}

.card-waste-box {
    position: absolute;
    top: 0;
    left: 0;
}

.tree-box-two {
    position: absolute;
    bottom: 77px;
    left: 0;
}

.efficiency-btn-div a {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF !important;
    padding: 17px 22.5px;
    border: 2px solid #FAFAFA !important;
    text-decoration: none;
    border-radius: 26px;
}

.hygiene-excellence-track {
    border: 2px solid #4F4F4F;
    border-radius: 32px;
    background: #1C1C1C;
    backdrop-filter: blur(51px);
    padding: 24px 25px;
    position: relative;
    z-index: 1;
}

.hygiene-excellence-track h6 {
    font-size: 20.03px;
    font-weight: 600;
    line-height: 27.44px;
    color: #FAFAFA;
    margin-bottom: unset;
}

.hygiene-inner-div {
    background-color: #202020;
    padding: 22px;
    border-radius: 16px;
}

.track-cicle-chart {
    max-width: 204.59px;
    height: 204.59px;
    width: 100%;
    border-radius: 50%;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%, #A67DE3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin: 22px 0 9px 0;
}

.track-cicle-chart h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #FAFAFA;
    margin-bottom: unset;
}

.track-cicle-chart p {
    font-size: 14px;
    font-weight: 500;
    line-height: 15.4px;
    text-align: center;
    color: #FAFAFA;
    margin-bottom: unset;
}

.track-cicle-div {
    background-color: #202020;
    max-width: 204.59px;
    height: 204.59px;
    width: 100%;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.track-cicle-div img {
    max-width: 204.59px;
    width: 100%;
    margin-top: 21.93px;
    margin-bottom: 8.41px;
}

.track-water .inner-div {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 10.21px;
}

.track-water .sky {
    max-width: 10.21px;
    height: 10.21px;
    width: 100%;
    border-radius: 50%;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
}

.track-water p {
    font-size: 17.87px;
    font-weight: 500;
    line-height: 19.66px;
    color: #FAFAFA;
    margin-bottom: unset;
}

.track-water .dark {
    max-width: 10.21px;
    height: 10.21px;
    width: 100%;
    border-radius: 50%;
    background: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
}

.track-water .pink {
    max-width: 10.21px;
    height: 10.21px;
    width: 100%;
    border-radius: 50%;
    background: linear-gradient(0deg, #A67DE3, #A67DE3), linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
}

.hygiene-ensuring-div h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 29px;
}

.hygiene-ensuring-div h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.hygiene-ensuring-div {
    border: 2px solid #4F4F4F;
    border-radius: 14px;
    padding: 31px 21px;
    position: relative;
    /* background-image: url(../images/bg-custom.png); */
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.max-width-unset {
    max-width: unset !important;
}

.main-solution-div {
    background-image: url(../images/bg-custom.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    padding: 30px;
}

.hygiene-safety-div {
    border: 2px solid #3D3D3D;
    border-radius: 250px;
    padding: 13px 10px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.hygiene-safety-div p {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.6px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: unset;
}

.hygiene-storage-div {
    border: 2px solid #3F3F3F;
    padding: 22px;
    border-radius: 8px;
    position: relative;
    height: 100%;
    /* max-width: 788px; */
    /* width: 100%; */
}

.hygiene-storage-div-two {
    border: 2px solid #3F3F3F;
    padding: 22px 0 0 22px;
    border-radius: 8px;
    position: relative;
}

.storage-inner-div h5,
.storage-inner-div-two h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 15.09px;
}

.storage-inner-div ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.54px;
    color: #F9F9F9;
    padding-bottom: 7px;
}

.storage-inner-div-two ul {
    margin-bottom: unset !important;
}

.storage-inner-div-two ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.54px;
    color: #F9F9F9;
    padding-bottom: 7px;
}

.vector-line-div {
    text-align: right;
    margin-top: -83px;
}

.guest-innovative-div {
    position: absolute;
    top: 0;
    left: 0;
}

.digital-monitoring-div p {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    color: #FAFAFA;
    margin-bottom: unset;
}

.digital-monitoring-div .sky-div {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    max-width: 6px;
    width: 100%;
    height: 6px;
    border-radius: 50%;
}

.digital-monitoring-div {
    display: flex;
    align-items: center;
    gap: 6px;
    /* padding-bottom: 17px; */
}

.digital-chart-div {
    /* background-image: url(../images/line-bg.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #2C2C2C;
    max-width: 56px;
    width: 100%;
    height: 115px;
    border-radius: 9px;
    display: flex;
    align-items: end;
}

.digital-chart-inner {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    max-width: 56px;
    width: 100%;
    height: 85px;
    border-radius: 9px;
}

.digital-main-div p {}

.digital-chart-inner-small {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    max-width: 56px;
    width: 100%;
    height: 32px;
    border-radius: 9px;
}

.digital-chart-inner-third {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    max-width: 56px;
    width: 100%;
    height: 97px;
    border-radius: 9px;
}

.digital-chart-inner-fourth {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    max-width: 56px;
    width: 100%;
    height: 79px;
    border-radius: 9px;
}

.storage-inner-div p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.54px;
    color: #F9F9F9;
    margin-bottom: unset;
    padding-bottom: 7px;
}

.iso-img-div img {
    max-width: 63.92px;
    height: 63.92px;
    width: 100%;
    margin-top: -26px;
}

.digital-bg {
    margin-top: -50px;
}

.card-hygiene {
    height: 325.82px;
    border: 2px solid #5E5E5E;
    box-shadow: -4px 4px 45px 0px #2727271A;
    padding: 0px 22px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card-hygiene h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    padding: 27.73px 0 11.9px 0;
    margin-bottom: unset;
}

.card-hygiene p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.54px;
    color: #F9F9F9;
    text-align: center;
    margin-bottom: unset;
}

.card-smart-solution {
    border: 2px solid #3D3D3D;
    background: #2C2C2C;
    border-radius: 12px;
    padding: 22px;
    max-width: 380px;
    width: 100%;
}

.card-smart-text p {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    color: #FAFAFA;
    margin-bottom: unset;
    padding-top: 29px;
}

.smart-card-img {
    display: flex;
    align-items: center;
    gap: 9px;
}

.smart-card-img img {
    max-width: 40px;
    width: 100%;
    height: 40px;
    border-radius: 50%;
}

.client-name-div h5 {
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    color: #FAFAFA;
    margin-bottom: 7px;
}

.client-name-div p {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #EBEBEB;
    margin-bottom: unset;
    /* padding-bottom: 29px; */
}

.blue-border-div {
    border-left: 3px solid #327CA2;
    height: 148px;
}

.white-border-div {
    border-left: 3px solid #BDBDBD;
    height: 148px;
}

.white-border-press {
    border-left: 3px solid #BDBDBD;
    height: 130px;
}

.white-border-focus {
    border-left: 3px solid #BDBDBD;
    height: 296px;
}

.compliance-div h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    color: #FAFAFA;
    margin-bottom: 10px;
}

.compliance-div p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #F0F0F0;
    margin-bottom: unset;
}

.compliance-made-div {
    display: flex;
    align-items: center;
    gap: 14px;
}

.hygiene-btn {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
}

.hygiene-btn .btn-hygiene-sky {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF !important;
    /* box-shadow: -1px 2px 4px 0px #EFEFEF40 inset !important;
    backdrop-filter: blur(15px); */
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    padding: 15px 25.5px;
    border-radius: 26px;
    border: unset !important;
}

.hygiene-btn .btn-hygiene-two {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FFFFFF;
    border: 2px solid #FAFAFA;
    padding: 16px 23.5px;
    border-radius: 26px;
}

.resource-primary-button-div {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    padding: 15px 31px;
    display: block;
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF !important;
}

.solution-page-heading-btn .primary-button-div {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 16px 21.5px;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    border: unset !important;
}

.solution-page-heading-btn .secondary-button-div {
    padding: 16px 38.5px;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF;
    border: 2px solid #FAFAFA;
}

.resource-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 19.18px;
    color: #FAFAFA;
    margin-bottom: unset;
}

.dollor-div {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dollor-div p {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FAFAFA;
    margin-bottom: unset;
}

.bg-sky {
    max-width: 24px;
    width: 100%;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.dollor-digit p {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    color: #FFFFFF;
    padding: 17px 0;
    margin-bottom: unset;
}

.bg-1 {
    max-width: 48px;
    width: 100%;
    height: 213px;
    border-radius: 13.85px;
    /* background: #2C2C2C; */
    background-image: url(../images/line-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: end;
    flex-direction: column-reverse;
}

.bg-2 {
    max-width: 48px;
    width: 100%;
    height: 153px;
    border-radius: 0 0 13.85px 13.85px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
}

.bg-3 {
    max-width: 48px;
    width: 100%;
    height: 104px;
    border-radius: 0 0 13.85px 13.85px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
}

.bg-4 {
    max-width: 48px;
    width: 100%;
    height: 159px;
    border-radius: 0 0 13.85px 13.85px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
}

.bg-5 {
    max-width: 48px;
    width: 100%;
    height: 121.54px;
    border-radius: 0 0 13.85px 13.85px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
}

.cost-saving-div p {
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    color: #FAFAFA;
    margin-bottom: unset;
}

.saving-month-text-div {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #E3E3E3;
    margin-bottom: 67px;
}

.progress-div label {
    font-size: 24px;
    font-weight: 600;
    line-height: 28.8px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    margin: 0px 0 11px 0;
}

.progress-bg {
    background-color: #3D3D3D !important;
}

.progress-bar-bg {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
}

.progress-energy {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    text-align: right;
    color: #FFFFFF;
    margin-bottom: unset;
}

.monthly-saving-div {
    border: 2px solid #3D3D3D;
    border-radius: 8px;
    padding: 19px 12px;
    margin-top: 67px;
}

.monthly-saving-div h6 {
    font-size: 26px;
    font-weight: 700;
    line-height: 31.2px;
    letter-spacing: -0.02em;
    text-align: right;
    margin-bottom: unset;
    color: #FFFFFF;
}

.monthly-saving-div p {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: unset
}

.div-last-month {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    text-align: right;
    margin-bottom: unset;
    margin-top: 12px;
}

.card-reduce {
    padding: 38px 22px;
    border: 2px solid #5E5E5E;
    box-shadow: -4px 4px 45px 0px #2727271A;
    border-radius: 6px;
    /* max-width: 305px;
    width: 100%; */
    height: 402px;
}

.card-reduce h5,
.card-eco h5,
.card-eco-2 h5,
.card-eco-3 h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: unset;
    padding: 27.73px 0 11.09px 0;
}

.card-reduce p,
.card-eco p,
.card-eco-2 p,
.card-eco-3 p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.54px;
    text-align: center;
    color: #F9F9F9;
    margin-bottom: unset;
}

.your-partner-div h6 {
    font-size: 24px;
    font-weight: 600;
    line-height: 29.76px;
    color: #FAFAFA;
    margin-bottom: 16px;
}

.benefits-resource-div {
    border: 2px solid #4F4F4F;
    padding: 44px 21px 36px 21px;
    border-radius: 14px;
    /* background-image: url(../images/bg-custom.png); */
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.smart-image-div img {
    max-width: 647px;
    width: 100%;
}

.benefits-resource-sustainable {
    border: 2px solid #4F4F4F;
    padding: 21px;
    border-radius: 14px;
    /* background-image: url(../images/bg-custom.png); */
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.sustainable-inner-div {
    border: 2px solid #4F4F4F;
    padding: 15px 15px 15px 30px;
    border-radius: 14px;
    margin-top: 8px;
    position: relative;
}

.benefits-resource-div h5,
.benefits-resource-sustainable h5,
.innovation-smarter-main h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 11px;
}

.benefits-resource-div p,
.benefits-resource-sustainable p,
.innovation-smarter-main p {
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #E3E3E3;
    margin-bottom: 24px;
}

.resource-iso-div {
    border: 2px solid #3D3D3D;
    border-radius: 6px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.resource-iso-div p {
    font-size: 12px;
    font-weight: 600;
    line-height: 15.62px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #F9F9F9;
    margin-bottom: unset;
}

.logo-cicle-div {
    border: 2px solid #3D3D3D;
    border-radius: 8px;
    height: 312px;
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.circle-div-1 {
    max-width: 250px;
    width: 100%;
    height: 250px;
    border: 2px solid #2C2C2C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-div-2 {
    max-width: 210px;
    width: 100%;
    height: 210px;
    border: 2px solid #2C2C2C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-div-3 {
    max-width: 170px;
    width: 100%;
    height: 170px;
    border: 2px solid #2C2C2C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-div-4 {
    max-width: 130px;
    width: 100%;
    height: 130px;
    border: 2px solid #2C2C2C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-div-4 img {
    max-width: 90px;
    width: 100%;
    height: 90px;
    border-radius: 50%;
}

.cost-div {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 2px solid #302E2E;
    box-shadow: -4px 4px 4px 0px #3D3D3D40;
    padding: 10px 8.5px;
    border-radius: 6px;
    max-width: 116px;
    width: 100%;
    position: absolute;
    top: 36px;
    right: 20px;
}

.cost-div h6,
.cost-div-regulatory h6,
.cost-div-efficiency h6,
.cost-sustainability h6 {
    font-size: 12px;
    font-weight: 600;
    line-height: 15.62px;
    letter-spacing: -0.02em;
    text-align: right;
    color: #F9F9F9;
    margin-bottom: unset;
}

.cost-div-regulatory {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid #302E2E;
    box-shadow: -4px 4px 4px 0px #3D3D3D40;
    padding: 10px 8.5px;
    border-radius: 6px;
    max-width: 177px;
    width: 100%;
    position: absolute;
    top: 56px;
    left: 51px;
}

.cost-div-efficiency {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid #302E2E;
    box-shadow: -4px 4px 4px 0px #3D3D3D40;
    padding: 10px 8.5px;
    border-radius: 6px;
    max-width: 116px;
    width: 100%;
    position: absolute;
    bottom: 69px;
    right: 60px;
}

.cost-sustainability {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid #302E2E;
    box-shadow: -4px 4px 4px 0px #3D3D3D40;
    padding: 10px 8.5px;
    border-radius: 6px;
    max-width: 116px;
    width: 100%;
    position: absolute;
    bottom: 49px;
    left: 53px;
}

.revolution-guest-div img {
    max-width: 500px;
    width: 100%;
}

.trusted-border {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.trusted-border-two {
    position: absolute;
    bottom: 110px;
    left: 0px;
}

.why-choose-top {
    position: absolute;
    top: 100px;
    left: 0px;
}

.sustainable-dropdown a {
    font-size: 13px;
    font-weight: 500;
    line-height: 14.95px;
    color: #FAFAFA;
}

.chart-div-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.08px;
    color: #FAFAFA;
    margin-bottom: unset;
}

.eco-nav-tabs-div {
    border: 2px solid #3D3D3D4D;
    border-radius: 6px;
    padding: 4px 5px;
    margin-bottom: 18px;
}

.eco-nav-tabs-div li a {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #FFFFFF;
    display: flex;
    gap: 8px;
}

.eco-nav-tabs-div .active {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
}

.eco-table-div {
    /* background: #1C1C1C!important; */
    overflow: auto !important;
}

.eco-table-div th {
    background: transparent !important;
}

.eco-table-div td {
    background: transparent !important;
}

.eco-table-div-text {
    height: 499px !important;
    overflow-y: auto !important;
}

.eco-table-div-text::-webkit-scrollbar {
    display: none;
}

.eco-table-div-text {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.card-eco {
    height: 460px !important;
    border: 2px solid #5E5E5E;
    box-shadow: -4px 4px 45px 0px #2727271A;
    border-radius: 6px;
    padding: 0px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card-eco-2 {
    height: 222px !important;
    border: 2px solid #5E5E5E;
    box-shadow: -4px 4px 45px 0px #2727271A;
    border-radius: 6px;
    padding: 0px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card-eco-3 {
    height: 222px !important;
    border: 2px solid #5E5E5E;
    box-shadow: -4px 4px 45px 0px #2727271A;
    border-radius: 6px;
    padding: 0px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 19px;
}

.sustainable-comfort-div {
    border: 2px solid #302E2E;
    box-shadow: -4px 4px 4px 0px #3D3D3D40;
    padding: 10px 0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sustainable-comfort-logo {
    border: 2px solid #302E2E;
    box-shadow: -4px 4px 4px 0px #3D3D3D40;
    padding: 10px 0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sustainable-comfort-logo img {
    max-width: 23.81px;
    width: 100%;
}

.sustainable-comfort-div p,
.sustainable-comfort-logo p {
    font-size: 12px;
    font-weight: 600;
    line-height: 15.62px;
    letter-spacing: -0.02em;
    color: #F9F9F9;
    margin-bottom: unset;
}

.eco-benefits-line-div {
    position: absolute;
    top: 10px;
    bottom: 10px;
}

.div-one {
    max-width: 94px;
    width: 100%;
    height: 28px;
    background-image: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    border-radius: 200px;
    color: #ffffff;
    padding: 6px 12px;
    position: relative;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.88px;
}

.div-span span {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.div-span {
    width: 96%;
    height: 91%;
    background: #1C1C1C;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 2px;
    bottom: 1px;
}

.highlight {
    max-width: 371px;
    width: 100%;
    height: 371px;
    border-radius: 50%;
    background: #0D203F;
    filter: blur(62.4px);
    position: absolute;
    top: 0px;
    left: 0px;
}

.highlight-border {
    position: absolute;
    top: 0px;
    right: 0px;
}

.elevating-blur {
    max-width: 371px;
    width: 100%;
    height: 371px;
    border-radius: 50%;
    background: #0D203F99;
    filter: blur(142px);
    position: absolute;
    top: 0px;
    right: 0px;
}

.elevating-blur-two {
    max-width: 371px;
    width: 100%;
    height: 371px;
    border-radius: 50%;
    background: #0D203F80;
    filter: blur(74px);
    position: absolute;
    top: 0px;
    right: 0px;
}

.blue-div-one {
    max-width: 261px;
    width: 100%;
    height: 190px;
    border-radius: 50%;
    background: #0D203F;
    filter: blur(82.4px);
    position: absolute;
    top: 0px;
    right: 0px;
}

.blue-div-two {
    max-width: 261px;
    width: 100%;
    height: 190px;
    border-radius: 50%;
    background: #0D203F;
    filter: blur(82.4px);
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.blue-bottom-div {
    max-width: 371px;
    width: 100%;
    height: 371px;
    border-radius: 50%;
    background: #0D203F;
    filter: blur(62.4px);
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.footer-blur-div {
    max-width: 324.4px;
    width: 100%;
    height: 209.5px;
    border-radius: 50%;
    filter: blur(114px);
    background: #29384FCC;
    position: absolute;
    top: -127px;
    left: -98px;
}

.footer-blur-one {
    max-width: 324.4px;
    width: 100%;
    height: 209.5px;
    border-radius: 50%;
    filter: blur(104px);
    background: #29384FCC;
    position: absolute;
    bottom: -10px;
    right: -90px;
}

.sustainabe-guest-div {
    background: #29384F66;
    max-width: 198px;
    width: 100%;
    height: 174.1px;
    border-radius: 50%;
    filter: blur(95px);
    position: absolute;
    bottom: 0;
    left: 0;
}

.sustainabe-guest-two-div {
    background: rgba(13, 32, 63, 1);
    max-width: 371px;
    width: 100%;
    height: 371px;
    border-radius: 50%;
    filter: blur(70px);
    position: absolute;
    top: 0;
    right: 0;
}

.resource-saving-blur {
    background: rgba(38, 38, 38, 0.3);
    max-width: 220.96px;
    width: 100%;
    height: 269.79px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    backdrop-filter: blur(100px)
}

.efficiency-blur {
    background: #0D203F80;
    max-width: 371px;
    width: 100%;
    height: 371px !important;
    border-radius: 50%;
    filter: blur(74px);
    position: absolute;
    top: 0;
    right: 0;
}

.smart-waste-blur {
    background: rgba(13, 32, 63, 1);
    max-width: 198.82px;
    width: 100%;
    height: 154.18px;
    border-radius: 50%;
    filter: blur(110px);
    position: absolute;
    bottom: 0;
    left: 0;
}

.smart-waste-lef-bottom-border {
    position: absolute;
    bottom: 0px;
    left: 0;
}

.pioneering-blur-top {
    background: rgba(13, 32, 63, 1);
    max-width: 371px;
    width: 100%;
    height: 311px;
    border-radius: 50%;
    filter: blur(160px);
    position: absolute;
    top: 134px;
    left: 0;
}

@media screen and (max-width: 992px) {
    .navbar-div {
        max-width: 704px;
    }
    .navbar-dropdown-div {
        width: 100%;
        max-width: unset;
    }
    .navbar-shape-btn {
        padding: 10px 16px;
    }
    .navbar-div {
        max-width: 734px;
    }
    .home-page-heading {
        padding-top: calc(144px + -26px);
    }
    .home-page-heading h2 {
        font-size: 51px;
        line-height: 62.36px;
    }
    .home-page-heading p {
        padding: 20px 0px;
    }
    .home-page-btn {
        padding: 30px;
    }
    .video-div {
        height: 474px;
    }
    .sustainability-img {
        max-width: 392px;
        height: 389px;
    }
    .sustainability-secondary {
        max-width: 184px !important;
        height: 161px !important;
    }
    .small-div h4 {
        font-size: 40px;
        line-height: 46.52px;
    }
    .digital-transformation-inner h4 {
        font-size: 40px;
        line-height: 52.52px;
    }
    .digital-transformation-card {
        height: 306.82px;
    }
    .innovation-div-inner h5 {
        font-size: 40px;
    }
    /* .col-md-4 {
        width: 49.333333%;
    } */
    .digital-transformation-card {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    /* .col-md-8 {

        flex: 0 0 auto;
        width: 81.666667%;
    } */
    .home-page-btn {
        padding: 0px 0px 30px;
    }
    .video-div {
        height: 357px;
    }
    .video-div {
        margin-bottom: 40px;
    }
    .small-div .discover-div a {
        padding: 10px 20px;
    }
    /* .col-md-6 {
        width: 80%;
    } */
    .hospitality-img {
        margin-top: 42px;
    }
    .highlight {
        display: none;
    }
    .digital-transformation-card {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 0 22px;
    }
    /* .col-md-4 {
        width: 49.333333%;
        margin-bottom: 22px;
    } */
    .footer-border-div {
        margin: 22px 0px 22.31px 0px;
    }
    .footer-blur-div {
        display: none;
    }
    .footer-blur-one {
        display: none;
    }
    .footer-section {
        padding: 29px 24px;
    }
}

@media screen and (max-width: 425px) {
    .nav-alignment {}
    .home-page-heading h2 {
        font-size: 28px;
        line-height: 33.36px;
    }
    .home-page-btn {
        display: flex;
        flex-direction: column;
    }
    .video-div {
        height: 214px;
    }
    .small-div h4 {
        font-size: 34px;
        line-height: 35.52px;
    }
    .small-div p {
        font-size: 15px;
        line-height: 23.5px;
    }
    .hospitality-img {
        height: 210px;
    }
    .sustainability-img {
        height: 228px;
        margin-top: 20px;
    }
    .digital-transformation-inner h4 {
        font-size: 25px;
        line-height: 40.52px;
    }
    /* .col-md-4 {
        width: 100.333333%;
    } */
    .blue-div-one {
        display: none;
    }
    .innovation-div-inner h5 {
        font-size: 35px;
    }
    .client-shares-div {
        font-size: 16px;
    }
    .container-box-img {
        display: none;
    }
    .container-box-two {
        display: none;
    }
    .digital-explore a {
        padding: 14px 20px;
    }
    .digital-explore .btn-explore {
        padding: 16px 34px;
    }
    .footer-logo img {
        max-width: 168px;
    }
    .digital-transformation-card h5 {
        font-size: 22px;
        line-height: 28px;
    }
    .digital-transformation-card p {
        font-size: 16px;
        line-height: 24.5px;
    }
    .video-inner-div {
        font-size: 40px;
        line-height: 54.36px;
    }
    .vector-img {
        display: none;
    }
    /* .col-md-4 {
        margin-top: 15px;
    } */
}

@media screen and (max-width: 397px) {
    .home-page-heading h2 {
        font-size: 30px;
        line-height: 36.36px;
    }
    .small-div h4 {
        font-size: 30px;
        line-height: 35.52px;
    }
    .digital-transformation-inner h4 {
        font-size: 23px;
        line-height: 30.52px;
    }
    .innovation-div-inner h5 {
        font-size: 30px;
    }
    /* .col-md-6 {
        width: 100%;
    } */
    .client-shares-div {
        font-size: 15px;
    }
    .voice-text p {
        font-size: 15px;
        line-height: 23.5px;
    }
    .digital-transformation-inner h4 {
        font-size: 25px;
    }
    .digital-explore .btn-explore {
        padding: 14px 30px;
    }
    .digital-transformation-card p {
        font-size: 15px;
        line-height: 19.5px;
    }
    .sustainability-secondary {
        display: none;
    }
    .sustainability-img {
        height: 255px;
        margin-top: 40px;
    }
    /* .col-md-8 {
        width: 100%;
    } */
    .learn-div a {
        padding: 7px 17px;
    }
    .digital-explore-btn a {
        padding: 9px 19px;
    }
    .digital-secondary p {
        font-size: 15px;
        line-height: 19px;
        padding: 0px 0 20px 0;
    }
    .newsletter-email {
        padding: 4px 4px !important;
    }
    .video-inner-div {
        font-size: 30px;
        line-height: 30.36px;
    }
    .video-div {
        height: 203px;
    }
    ol,
    ul {
        padding-left: 0rem;
    }
}

@media screen and (max-width: 325px) {
    /* .col-md-4 {
        width: 100.333333%;
        flex-direction: column;
        margin-top: 15px;
    } */
    .qiuck-links-div ul li a {
        font-weight: 300;
        padding: 3px 0;
    }
}

.line-div {
    position: absolute;
    top: 0;
    left: 50%;
}

.line-div-text {
    max-width: 62px;
    width: 100%;
    border-radius: 250px;
    padding: 4px 8px;
}

.line-div-white {
    max-width: 13px;
    width: 100%;
    height: 13px;
    border-radius: 50%;
    border: 0.81px solid #FAFAFA;
}

.line-div-black {
    max-width: 9.75px;
    width: 100%;
    height: 9.75px;
    border-radius: 50%;
    background: #FFFFFF;
}

.line-div-text h5 {
    font-size: 9px;
    font-weight: 500;
    line-height: 9px;
    color: #1A1A1A;
    margin-bottom: unset;
}

.line-div-text h4 {
    font-size: 7px;
    font-weight: 600;
    line-height: 7px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: unset;
}

.scheduled-time-div {
    background: transparent !important;
    /* border-top: 2px solid #3D3D3D;
    border-left: 2px solid #3D3D3D; */
    border-radius: 14px 0 0 0;
    margin-bottom: unset;
    /* margin-top: 35px; */
    max-width: 398px;
    width: 100%;
    text-align: center;
}

.table-main-div {
    background: transparent !important;
    border-top: 2px solid #3D3D3D;
    border-left: 2px solid #3D3D3D;
    padding: 19px;
    border-radius: 14px 0 0 0;
}

.scheduled-time-div tr th {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    /* color: #FAFAFA; */
}

.scheduled-time-div tr td {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
    /* color: #FAFAFA; */
}

.hero-section-div {
    background: #07080C;
}

.section-trusted-partner {
    background: #07080C;
    position: relative;
    /* height: 761px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 118px;
}

.contact-section-div {
    background: #07080C;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 118px;
    padding-top: calc(118px + 80px);
}

.contact-get-in-touch-div {
    background: #1C1C1C;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
}

.job-application-form-section {
    background: #1C1C1C;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: calc(136px + 80px);
    padding-bottom: 100px;
}

.section-career-div {
    background: #07080C;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 235px;
    padding-top: calc(235px + 80px);
}

.hero-text {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    text-align: center;
    color: #E3E3E3;
    margin-bottom: unset;
}

.hero-heading {
    font-size: 56px;
    font-weight: 600;
    line-height: 69.44px;
    text-align: center;
    background: linear-gradient(93.16deg, #FFFFFF -0.87%, #FFFFFF 21.04%, #EDEDED 47.83%, #FFFFFF 87.87%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: unset;
    padding-top: calc(118px + 80px);
    padding-bottom: 16px;
}

.hero-heading-request {
    font-size: 56px;
    font-weight: 600;
    line-height: 69.44px;
    text-align: center;
    background: linear-gradient(93.16deg, #FFFFFF -0.87%, #FFFFFF 21.04%, #EDEDED 47.83%, #FFFFFF 87.87%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: unset;
    padding-bottom: 16px;
}

.career-title {
    font-size: 56px;
    font-weight: 600;
    line-height: 69.44px;
    text-align: center;
    background: linear-gradient(93.16deg, #FFFFFF -0.87%, #FFFFFF 21.04%, #EDEDED 47.83%, #FFFFFF 87.87%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: unset;
    padding-bottom: 16px;
}

.secondary-request-btn {
    padding: 16px 38.5px !important;
    text-decoration: none;
    border-radius: 26px;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA !important;
    border: 2px solid #FAFAFA !important;
    background: transparent !important;
}

.wrapper h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    color: #FAFAFA;
    margin-bottom: unset;
    padding: 140px 0 19px 0;
}

.wrapper ul li img {
    padding: 0px 33px;
}

.wrapper ul li {
    z-index: 1;
}

.trusted-img {
    position: absolute;
    top: 90px;
    left: 0;
}

.our-top-border {
    position: absolute;
    top: 0;
    left: 0;
}

.better-div-top {
    width: 220.96px;
    height: 269.19px;
    position: absolute;
    top: 224.78px;
    left: -20.32px;
    background: rgba(38, 38, 38, 0.3);
    backdrop-filter: blur(100px);
    transform: rotate(121.87deg);
}

.trusted-div {
    max-width: 371px;
    width: 100%;
    height: 371px;
    border-radius: 50%;
    background: #0D203F99;
    filter: blur(75px);
    position: absolute;
    right: 0;
    bottom: 0;
    /* z-index: 1; */
}

.career-empower-img img {
    max-width: 478px;
    width: 100%;
}

.trusted-div-two {
    max-width: 198.82px;
    width: 100%;
    height: 244.18px;
    border-radius: 50%;
    background: #29384F8A;
    filter: blur(34px);
    position: absolute;
    left: 0;
    bottom: 120px;
    z-index: 1;
}

.career-div-two {
    max-width: 198.82px;
    width: 100%;
    height: 244.18px;
    border-radius: 50%;
    background: #29384F8A;
    filter: blur(34px);
    position: absolute;
    left: 0;
    bottom: 0px;
}

.technology-heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    margin-bottom: unset !important;
    color: #FFFFFF;
}

.hospitality-text {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #E3E3E3;
    margin-bottom: unset;
    padding: 11px 0 29px 0;
}

.hospitality-challenges-main {
    padding: 29px 23px 0 19px;
    border: 2px solid #4F4F4F;
    border-radius: 14px;
    height: 478px;
    position: relative;
    /* max-width: 478px;
    width: 100%; */
    /* overflow-x: auto; */
}

.hospitality-challenges-main::-webkit-scrollbar {
    display: none;
}

.hospitality-challenges-main {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    overflow-y: auto;
}

.hospitality-challenges {
    display: flex;
    align-items: center;
    gap: 5px;
}

.hospitality-challenges span {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 12px !important;
    color: #FAFAFA !important;
}

.hospitality-challenges-img img {
    max-width: 26.06px;
    width: 100%;
    height: 24px;
}

.hospitality-challenges-img span {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 12px !important;
    color: #FAFAFA !important;
}

.hospitality-why-choose {
    border: 2px solid #3D3D3D99;
    border-radius: 6px;
    padding: 12px 0 12px 5px;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

.hospitality-second {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    padding: 16px 24px 12px 11px;
    gap: 20px;
}

.hospitality-border-div {
    border-bottom: 0.2px solid #AFAFAF;
}

.how-deskiit-blur {
    max-width: 220.96px;
    width: 100%;
    height: 269.19px;
    background: #2626264D;
    filter: blur(35px);
    position: absolute;
    top: -60px;
    left: 0;
}

.why-innovaton-solution-blur {
    max-width: 220.96px;
    width: 100%;
    height: 269.19px;
    background: #2626264D;
    filter: blur(30px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11111;
}

.how-deskiit-blur-two {
    max-width: 159.92px;
    width: 100%;
    height: 180.55px;
    background: #29384F66;
    filter: blur(65px);
    position: absolute;
    bottom: 0px;
    right: 0;
}

.digital-transformation-inner p {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    text-align: center;
    color: #FAFAFA;
    margin-bottom: 40px;
}

.why-choose-card {
    height: 279.82px;
    border: 2px solid #5E5E5E;
    box-shadow: -4px 4px 45px 0px #2727271A;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 22px;
}

.why-choose-card h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: unset;
    padding: 27.73px 0 11.09px 0;
}

.why-choose-card p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.54px;
    text-align: center;
    color: #F9F9F9;
    margin-bottom: unset;
}

.why-choose-smart {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.innovation-smarter-index {
    border: 2px solid #3D3D3D;
    border-radius: 8px;
    /* height: 312px; */
    margin-top: 32px;
    padding: 21px;
}

.innovation-smarter-div {
    border: 2px solid #3D3D3D;
    background: #1C1C1C;
    border-radius: 8px;
    padding: 12px;
}

.offcanvas {
    background-color: #07080C;
    /* Dark background */
    color: white;
}

.nav-link,
.dropdown-item {
    color: white !important;
}

.navbar-toggler {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.dropdown-menu {
    background-color: #222;
}

.dropdown-item:hover {
    background-color: #333;
}

.btn-outline-light {
    border-radius: 50px;
    padding: 10px 20px;
}

.offcanvas-header .btn-close {
    background: linear-gradient(260.54deg, #1A1A1A 2.43%, #29384F 86.9%) !important;
    border: 1px solid #2C2C2C !important;
    color: #FFFFFF !important;
    display: flex;
    --bs-btn-close-opacity: 1;
}

.offcanvas .navbar-div ul li a {
    padding: 6px 12px;
    height: 46px;
    margin-bottom: 30px;
    width: 100%;
}

.offcanvas .navbar-ul .nav-link.active,
.offcanvas .navbar-ul .nav-link:hover,
.offcanvas .navbar-ul .nav-link:focus,
.offcanvas .language-dropdown.active,
.offcanvas .language-dropdown:hover,
.offcanvas .language-dropdown:focus {
    height: 46px;
    padding: 6px 12px;
    background: linear-gradient(260.54deg, #1A1A1A 2.43%, #29384F 86.9%);
}

.offcanvas .dropdown-menu {
    width: 100%;
}

.innovation-smarter-div span,
.smarter-sustainable-div span {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #FFFFFF;
}

.smarter-explore {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 10px 5px;
    border: 2px solid #3F3F3F;
    border-radius: 250px;
    margin-top: 26px;
}

.smarter-explore-two .lock {
    max-width: 34px;
    width: 100%;
    height: 34px;
    border: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #3D3D3D;
    border-radius: 50%;
}

.smarter-explore-two {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 5px;
    border: 2px solid #3F3F3F;
    border-radius: 250px;
    margin-top: 26px;
}

.smarter-sustainable-div {
    padding: 12px;
    border: 2px solid #3D3D3D;
    border-radius: 8px;
    margin-top: 12px;
}

.smarter-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding: 12px 0 11px 0;
}

.innovation-smarter-main {
    border: 2px solid #4F4F4F;
    padding: 21px;
    border-radius: 14px;
    position: relative;
    /* background-image: url(../images/bg-custom.png); */
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.custom-bg-icon {
    /* background-image: url(../images/bg-custom.png); */
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    max-width: 478px;
    width: 100%;
}

.unmatched-top-border {
    position: absolute;
    top: 0;
    left: 0;
}

.smarter-active {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    padding: 15px 25.5px;
    border: unset !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 26px;
    text-decoration: none;
}

.smarter-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA;
    border: 2px solid #FAFAFA;
    padding: 16px 15px;
    border-radius: 26px;
    text-decoration: none;
}

.focus-marketing {
    border-radius: 12px;
    background: #272727;
    border: 2px solid #3D3D3D;
    box-shadow: -8px 13px 27px 0px #26262640;
    padding: 12.5px 20px;
    margin-top: 45px;
    z-index: 11111111 !important;
}

.focus-energy-div {
    border-radius: 12px;
    background: #272727;
    border: 2px solid #3D3D3D;
    box-shadow: -8px 13px 27px 0px #26262640;
    padding: 12.5px 20px;
    margin-top: -57px;
}

.focus-marketing h6,
.focus-energy-div h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #F8F8F8;
    margin-bottom: unset;
}

.focus-marketing span,
.focus-energy-div span {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #DADADA;
}

.focus-marketing h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.focus-better-planet {
    padding: 22px 0px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
}

.focus-marketing-director {
    border: 2px solid #3D3D3D;
    box-shadow: -8px 13px 27px 0px #26262640;
    background: #272727;
    border-radius: 13px;
    margin-top: 45px;
    padding: 12.5px 20px;
    position: relative;
}

.focus-marketing-director h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #F8F8F8;
    margin-bottom: unset;
}

.focus-marketing-director span {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #DADADA;
}

.focus-better-planet h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.focus-adopted-logo img {
    width: 30px;
}

.focus-adopted-logo {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10.7px;
}

.focus-better-plant {
    padding: 29px 23px 0 19px;
    border: 2px solid #4F4F4F;
    border-radius: 14px;
    position: relative;
    /* height: 499px; */
    /* background-image: url(../images/bg-custom.png); */
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.compliance-div ul li {
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
    color: #F0F0F0;
    padding: 9px 0;
}

.digital-secondary-focus h5 {
    font-size: 28px;
    font-weight: 600;
    line-height: 34.72px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.digital-secondary-focus p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    color: #FAFAFA;
    margin-bottom: unset;
}

.focus-section {
    background: #07080C;
    /* height: 290px; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.focus-elevating-satistaction h5 {
    font-size: 44px;
    font-weight: 600;
    line-height: 62px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.focus-reduction-div {
    display: block;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    max-width: 129.22px;
    width: 100%;
    z-index: 1;
}

.all-in-one-div {
    position: absolute;
    right: 0;
    top: 0;
}

.focus-reduction-div h5 {
    font-size: 52.47px;
    font-weight: 400;
    line-height: 52.47px;
    color: #FFFFFF;
    margin-bottom: 24.22px;
    text-align: center;
}

.focus-reduction-div p {
    font-size: 16.14px;
    font-weight: 500;
    line-height: 25.83px;
    text-align: center;
    color: #EAEAEA;
}

.focus-breakdown-div {
    border: 2px solid #3D3D3D;
    border-radius: 8px;
    margin-top: 32px;
    padding: 27px 25px 26px 25px;
}

.breakdown-increased-customer {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 9px;
}

.breakdown-div {
    padding: 10px 12px;
    max-width: 214px;
    width: 100%;
    border-radius: 4px;
    /* background: linear-gradient( #0E88EA 100%, #15CFF1 100%); */
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    color: #FCFCFC;
}

.breakdown-improved {
    padding: 10px 12px;
    max-width: 343px;
    width: 100%;
    border-radius: 4px;
    /* background: linear-gradient( #0E88EA 100%, #15CFF1 100%); */
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    color: #FCFCFC;
}

.breakdown-increased-customer h5 {
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    color: #FAFAFA;
    margin-bottom: unset;
}

.breakdown-cost {
    padding: 10px 12px;
    max-width: 194px;
    width: 100%;
    border-radius: 4px;
    /* background: linear-gradient( #0E88EA 100%, #15CFF1 100%); */
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    color: #FCFCFC;
}

.breakdown-regulatory {
    padding: 10px 12px;
    max-width: 230px;
    width: 100%;
    border-radius: 4px;
    /* background: linear-gradient( #0E88EA 100%, #15CFF1 100%); */
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    color: #FCFCFC;
}

.breakdown-operational {
    padding: 10px 12px;
    max-width: 294px;
    width: 100%;
    border-radius: 4px;
    /* background: linear-gradient( #0E88EA 100%, #15CFF1 100%); */
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    color: #FCFCFC;
}

.focus-breakdown-div p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #FAFAFA;
    margin-bottom: unset;
    padding-top: 21px;
}

.focus-breakdown-div span {
    font-weight: 700;
}

.focus-business-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

.focus-goals-div img {
    max-width: 612px;
    width: 100%;
}

.focus-all-in-one {
    border: 2px solid #4F4F4F;
    border-radius: 14px;
    padding: 22px 0 0 0;
}

.focus-inner-div {
    display: flex;
    align-items: center;
    gap: 17px;
    padding-left: 34px;
    margin-bottom: 58px;
}

.focus-inner-div img {
    max-width: 62px;
    width: 100%;
}

.focus-inner-div h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: unset;
}

.global-div {
    display: flex;
    align-items: center;
    gap: 7px;
    border: 2px solid #3D3D3D;
    border-radius: 250px;
    padding: 13px 0px 13px 10px;
    margin-left: 21px;
    margin-bottom: 20px;
}

.global-efficient {
    display: flex;
    align-items: center;
    gap: 7px;
    border: 2px solid #3D3D3D;
    border-radius: 250px;
    padding: 13px 0px 13px 10px;
    transform: rotate(20deg);
}

.global-share {
    display: flex;
    align-items: center;
    gap: 7px;
    border: 2px solid #3D3D3D;
    border-radius: 250px;
    padding: 13px 0px 13px 10px;
    margin-left: 54px;
    margin-top: 10px;
}

.global-reduced {
    display: flex;
    align-items: center;
    gap: 7px;
    border: 2px solid #3D3D3D;
    border-radius: 250px;
    padding: 13px 0px 13px 10px;
    margin-left: 45px;
}

.global-saves {
    display: flex;
    align-items: center;
    gap: 7px;
    border: 2px solid #3D3D3D;
    border-radius: 250px;
    padding: 13px 0px 13px 10px;
    transform: rotate(-25deg);
    margin-top: -56px;
}

.global-compromise {
    display: flex;
    align-items: center;
    gap: 7px;
    border: 2px solid #3D3D3D;
    border-radius: 250px;
    padding: 13px 0px 13px 10px;
    transform: rotate(-20deg);
    margin-top: -19px;
}

.global-div span,
.global-efficient span,
.global-compromise span,
.global-share span,
.global-reduced span,
.global-saves span {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: -0.02em;
    color: #EAEAEA;
}

.evalute-guest-top {
    position: absolute;
    top: 0;
    left: 0;
}

.focus-contact-btn {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset !important;
    /* backdrop-filter: blur(15px) */
    border-radius: 26px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    text-decoration: none !important;
    padding: 15px 25.5px !important;
    border: unset !important;
    color: #FAFAFA !important;
}

.focus-request-btn {
    border: 2px solid #FAFAFA !important;
    border-radius: 26px !important;
    padding: 16px 38.5px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 14px !important;
    color: #FAFAFA !important;
    text-decoration: none;
}

.focus-download-btn {
    border: 2px solid #FAFAFA !important;
    border-radius: 26px !important;
    padding: 16px 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 14px !important;
    color: #FAFAFA !important;
    text-decoration: none;
    margin-bottom: 60px;
}

.careers-page-div {
    background: #141414;
    padding: 17.5px 17px 17px 16.5px;
    border-radius: 12px;
    max-width: 281px;
    width: 100%;
    position: absolute;
    top: 190px;
    left: 250px;
    border: 2px solid #312E2E;
}

.careers-inner-div {
    max-width: 50px;
    width: 100%;
    height: 50px;
    border-radius: 50%;
    background: #FAFAFA;
    display: flex;
    align-items: center;
    justify-content: center;
}

.careers-page-div h6,
.careers-page-designer h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: unset;
    color: #FAFAFA;
}

.success-bg-div-rate {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    max-width: 66px;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #FFFFFF;
    border-radius: 20000px;
    padding: 3px 17.5px;
}

.success-bg-div-hired {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    max-width: 66px;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #FFFFFF;
    border-radius: 20000px;
    padding: 3px 14px;
}

.success-bg-div {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    max-width: 66px;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 20000px;
    padding: 3px 14px;
}

.success-span {
    font-size: 17px;
    font-weight: 600;
    line-height: 25.5px;
    text-align: center;
    color: #DBDADA;
}

.careers-page-designer {
    background: #141414;
    padding: 17.5px 17px 17px 16.5px;
    border-radius: 12px;
    max-width: 281px;
    width: 100%;
    position: absolute;
    top: 190px;
    right: 130px;
    border: 2px solid #312E2E;
}

.careers-page-software {
    background: #141414;
    padding: 17.5px 17px 17px 16.5px;
    border-radius: 12px;
    max-width: 281px;
    width: 100%;
    position: absolute;
    bottom: 107px;
    left: 142px;
    border: 2px solid #312E2E;
}

.careers-page-software h5,
.careers-page-health h5 {
    font-size: 17px;
    font-weight: 700;
    line-height: 25.5px;
    color: #FAFAFA;
    margin-bottom: unset;
}

.software-engineer {
    border: 2px solid #E8E8E8;
    border-radius: 250px;
}

.software-engineer a {
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 7.5px 20.33px;
    display: block;
}

.software-engineer-luxembourg a {
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 7.5px 8.33px;
    display: block;
}

.software-engineer-stack a {
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 7.5px 16.33px;
    display: block;
}

.careers-page-health {
    background: #141414;
    padding: 17.5px 17px 17px 16.5px;
    border-radius: 12px;
    max-width: 333px;
    width: 100%;
    position: absolute;
    bottom: 200px;
    right: 150px;
    border: 2px solid #312E2E;
    z-index: 111111;
}

.form-check-input:checked {
    background-color: #646464;
    border-color: #646464;
}

.software-engineer-card {
    max-width: 353px;
    width: 100%;
    height: 100%;
    border: 2px solid #3D3D3D;
    background: #232323;
    padding: 22px;
    border-radius: 12px;
    margin: 0 18px 61px 18px;
}

.software-engineer-card .inner-div {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: 2px solid #3D3D3D;
    display: flex;
    align-items: center;
    justify-content: center;
}

.software-engineer-card h5 {
    font-size: 24px;
    font-weight: 500;
    line-height: 26.88px;
    letter-spacing: -0.02em;
    margin-bottom: unset;
    color: #FFFFFF;
    padding: 22px 0 27px 0;
}

.software-engineer-card h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.08px;
    color: #FAFAFA;
}

.software-engineer-card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20.44px;
    color: #FAFAFA;
}

.software-engineer-card .remote-div {
    border: 2px solid #E8E8E8;
    border-radius: 250px;
    padding: 6px 17.63px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
}

.software-engineer-card .luxembourg-div {
    border: 2px solid #E8E8E8;
    border-radius: 250px;
    padding: 6px 5.63px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
}

.software-engineer-card .onsite-div {
    border: 2px solid #E8E8E8;
    border-radius: 250px;
    padding: 6px 21.13px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
}

.software-engineer-card .full-stack-div {
    border: 2px solid #E8E8E8;
    border-radius: 250px;
    padding: 6px 13.63px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
}

.software-engineer-card .luxembourg-file {
    border: 2px solid #E8E8E8;
    border-radius: 250px;
    padding: 6px 18.67px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
}

.software-engineer-card .onsite-file {
    border: 2px solid #E8E8E8;
    border-radius: 250px;
    padding: 6px 34.17px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
}

.software-engineer-card .full-stack-file {
    border: 2px solid #E8E8E8;
    border-radius: 250px;
    padding: 6px 26.67px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
}

.view-all-btn a {
    border: 2px solid #FAFAFA;
    border-radius: 26px;
    padding: 16px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA;
    text-decoration: none;
}

.section-work-collaborate {
    background: #07080C;
    /* height: 651px; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 94px 0;
}

.work-collaborate-img {
    background-image: url(../images/work-collaborate.png);
    background-position: calc(48%);
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 469px;
    width: 100%;
    height: 463px;
    border: 3px solid #EFEFEF33;
    border-radius: 20px;
}

.work-collaborate-body span {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: #FAFAFA;
}

.work-collaborate-body {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 0px;
}

.small-div h5 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    padding: 16px 0 16px 0;
    margin-bottom: 0px;
}

.careers-voice-div {
    height: 301px;
    border-radius: 22px;
    border: 2px solid #3D3D3D;
    background: #232323;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 282px;
}

.careers-voice-div h5,
.careers-voice-designer h5 {
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    color: #FAFAFA;
    margin-bottom: unset;
    padding: 16px 0 9px 0;
}

.careers-voice-div span,
.careers-voice-designer span {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #EBEBEB;
}

.careers-voice-designer {
    /* height: 301px; */
    border-radius: 22px;
    background: #232323;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    padding: 45px;
    max-width: 647px;
}

.careers-inner {
    max-width: 200px;
    width: 100%;
    height: 211px;
    text-align: center;
}

.careers-inner img {
    width: 192px;
    height: 161px;
}

.careers-voice-designer p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.team-text-div {
    max-width: 370px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.careers-voice-div img {
    width: 192px;
    height: 161px;
}

.careers-take-first h5 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    padding: 16px 0 16px 0;
    margin-bottom: unset;
}

.careers-take-first span,
.careers-join-div span {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.88px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.careers-take-first p {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #FAFAFA;
    margin-bottom: unset;
    padding-bottom: 60px;
}

.career-work-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #FAFAFA;
    margin-bottom: unset;
    padding-bottom: 33px;
}

.careers-recent-jobs {
    border: 2px solid #3D3D3D;
    border-radius: 13px;
    background: #232323;
    height: 466px;
    padding: 33px 22px;
}

.recent-jobs-div {
    width: 369px;
    border-radius: 13px;
    padding: 16px;
    border: 2px solid #3D3D3D;
}

.recent-jobs-div h5,
.careers-skill-experience h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28.98px;
    color: #FAFAFA;
    margin-bottom: unset;
    padding-bottom: 16px;
}

.red-recent {
    background: #BD1E1E;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yellow-recent {
    background: #EE7236;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.careers-recent-jobs h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #FAFAFA;
    margin-bottom: unset;
    padding-bottom: 8px;
}

.careers-recent-jobs p {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #CCCCCC;
    margin-bottom: unset;
}

.careers-recent-jobs span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #CCCCCC;
}

.recent-jobs-inner-file {
    display: flex;
    align-items: center;
    gap: 19px;
    margin-bottom: 26px;
}

.careers-skill-experience {
    width: 341px;
    border-radius: 13px;
    padding: 16px;
    border: 2px solid #3D3D3D;
    background: #232323;
    margin-top: 16px;
}

.skill-div {
    font-size: 10px;
    font-weight: 400;
    line-height: 14.2px;
    color: #FFFFFF;
    padding: 5px 9px;
    border: 2px solid #E8E8E8;
    background: #1C1C1C;
    border-radius: 250px;
}

.explore-opportunity-div {
    margin-bottom: 16px;
}

.explore-opportunity-div h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 32.2px;
    color: #FAFAFA;
    margin-bottom: unset;
    padding: 5px 0 8px 0;
}

.explore-opportunity-div span {
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    color: #D4D4D4;
}

.hygiene-btn-explore {
    display: flex;
    align-items: center;
    gap: 16px;
}

.hygiene-btn-explore .btn-hygiene-sky {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF !important;
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 15px 25.5px;
    border-radius: 26px;
}

.active-primary-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF !important;
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 15px 15.5px;
    border-radius: 26px;
}

.active-secondary-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    border: 2px solid #FAFAFA !important;
    padding: 16px 12px;
    border-radius: 26px;
}

.hygiene-btn-explore .btn-hygiene-two {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FFFFFF;
    border: 2px solid #FAFAFA;
    padding: 16px 23.5px;
    border-radius: 26px;
}

.careers-join-div h5 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    text-align: center;
    color: #FAFAFA;
    margin-bottom: unset;
    padding: 16px 22px;
}

.careers-join-div p {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    text-align: center;
    color: #F3F3F3;
    margin-bottom: unset;
    padding-bottom: 32px;
}

.stay-informed-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    text-align: center;
    color: #F3F3F3;
    margin-bottom: unset;
    padding-bottom: 32px;
}

.careers-btn-primary {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #FFFFFF;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    padding: 15px 9px;
    border-radius: 26px;
    text-decoration: none;
}

.careers-btn-secondary {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA;
    padding: 16px 12px;
    border-radius: 26px;
    text-decoration: none;
    border: 2px solid #FAFAFA;
}

.press-btn {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.press-btn .press-btn-primary {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    padding: 15px 12px;
    border-radius: 26px;
    text-decoration: none;
}

.careers-btn-primary {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF !important;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    padding: 15px 9px;
    border-radius: 26px;
    text-decoration: none;
}

.careers-btn-secondary {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FAFAFA !important;
    padding: 16px 12px;
    border-radius: 26px;
    text-decoration: none;
    border: 2px solid #FAFAFA !important;
}

.press-btn .press-btn-primary {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA;
    padding: 16px 20.5px;
    border-radius: 26px;
    text-decoration: none;
    border: 2px solid #FAFAFA;
}


/* .press-shaping-div{
    padding: 18px 21px ;
    border: 2px solid #4F4F4F;
    border-radius: 14px;
    height: 555px;
    background: #1C1C1C;
} */

.press-shaping-div h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 11px;
}

.press-shaping-div p {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #E3E3E3;
    margin-bottom: unset;
}

.bike-div {
    max-width: 34px;
    width: 100%;
    height: 34px;
    border-radius: 50%;
    background: #FFFFFF33;
    border: 0.73px solid #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.press-spotlight-div .press-img {
    /* max-width: 397.33px; */
    width: 100%;
    border-radius: 14px;
    height: 305px;
    object-fit: cover;
}

.press-spotlight-div span {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    color: #CFCFCF;
    padding: 26px 0 15px 0;
}

.press-spotlight-div h5 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    color: #FFFFFF;
    padding: 0px 0 15px 0;
    margin-bottom: unset;
}

.press-spotlight-div p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #FAFAFA;
    padding: 0px 0 15px 0;
    margin-bottom: unset;
}

.press-spotlight-div a {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #FFFFFF;
    text-decoration: unset;
}

.press-spotlight-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA !important;
    text-decoration: unset;
    padding: 16px 17px;
    border: 2px solid #FAFAFA !important;
    border-radius: 26px;
    margin-top: 60px;
}

.card-press {
    border: 2px solid #5E5E5E;
    box-shadow: -4px 4px 45px 0px #2727271A;
    border-radius: 6px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* height: 300.82px !important; */
    padding: 22px;
}

.connect-div {
    max-width: 251.8px;
    width: 100%;
    height: 269px;
    background: #26262680;
    filter: blur(20px);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

.career-blur-voice {
    max-width: 371px;
    width: 100%;
    height: 371px;
    background: #0D203F80;
    filter: blur(74px);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

.card-press h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 11.09px;
    padding-top: 34.38px;
}

.card-press {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.54px;
    text-align: center;
    color: #FAFAFA;
}

.press-card-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA !important;
    text-decoration: unset;
    padding: 16px 19.5px;
    border: 2px solid #FAFAFA !important;
    border-radius: 26px;
    margin-top: 60px;
}

.spotlight-div h5 {}

.press-nav-tabs ul li a {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
}

.press-user-div {
    border: 2px solid #4F4F4F;
    max-width: 478px;
    width: 100%;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.press-tab-open {
    border: 2px solid #3D3D3D;
    background: #232323;
    border-radius: 20px;
    padding: 36px;
}

.partners-tab-open {
    border: 2px solid #3D3D3D;
    background: #232323;
    border-radius: 20px;
    height: 100%;
    padding: 36px;
}

.press-tab-open h5,
.partners-tab-open h5 {
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 20px;
}

.press-tab-open span,
.partners-tab-open span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #F2F2F2;
    padding-bottom: 45px;
}

.press-tab-open h6 {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding: 45px 0 20px 0;
}

.press-tab-open ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #F2F2F2;
    padding-bottom: 12px;
}

.press-tab .press-primary {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #FFFFFF;
    padding: 15px 12px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    border-radius: 26px;
    text-decoration: none;
}

.press-tab .press-secondary {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FFFFFF;
    padding: 16px 12px;
    border-radius: 26px;
    text-decoration: none;
    border: 2px solid #FAFAFA;
}

.press-tab {
    margin-top: 45px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.press-kit-tab a {
    background: transparent;
    border: 2px solid #3D3D3D !important;
    border-radius: 12px;
    padding: 25px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 9px;
    color: #FAFAFA;
}

.press-kit-tab .active {
    background: #232323;
    border: 2px solid #3D3D3D;
    border-radius: 12px;
    padding: 25px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 9px;
}

.press-kit-tab a:hover,
.press-kit-tab a:focus .press-kit-tab a:active {
    background: #232323;
    border: 2px solid #3D3D3D;
    border-radius: 12px;
    padding: 25px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 9px; */
    color: #FAFAFA;
}

.press-contact p {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    color: #F3F3F3;
    margin-bottom: unset;
    padding-top: 12px;
}

.careers-take-text {
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    margin-bottom: unset;
    color: #FAFAFA;
    padding-bottom: 60px;
}

.press-contact span {
    font-weight: 600 !important;
}

.press-contact-btn {
    padding-top: 24px;
}

.press-contact-btn a {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA;
    text-decoration: none;
    border-radius: 26px;
    border: 2px solid #FAFAFA;
    padding: 16px 26px;
    margin-top: 24px;
}

.press-stay-div span {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.88px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.press-stay-div h5 {
    font-size: 48px;
    font-weight: 600;
    line-height: 59.52px;
    color: #FAFAFA;
    margin-bottom: unset;
    padding: 16px 0 22px 0;
}

.press-stay-div p {
    font-size: 17px;
    font-weight: 500;
    line-height: 25.5px;
    color: #F3F3F3;
    margin-bottom: unset;
    padding-bottom: 32px;
}

.press-stay-div .active-btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #FFFFFF;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    padding: 15px 15.5px;
    border-radius: 26px;
    text-decoration: none;
}

.press-stay-div .active-secondary {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA;
    padding: 15px 12px;
    border-radius: 26px;
    text-decoration: none;
    border: 2px solid #FAFAFA;
}

.partners-div {
    padding-top: 40px;
    display: flex;
    justify-content: center;
    gap: 16px;
}

.partners-div .primary-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF !important;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    padding: 15px 14px;
    border-radius: 26px;
    text-decoration: none !important;
    border: unset !important;
}

.partners-div .secondary-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FAFAFA;
    padding: 16px 12px;
    border-radius: 26px;
    text-decoration: none;
    border: 2px solid #FAFAFA;
}

.partners-file {
    border: 2px solid #3D3D3D;
    border-radius: 250px;
    padding: 13px 10px;
}

.partners-file span {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.partners-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA !important;
    text-decoration: unset;
    padding: 16px 16px;
    border: 2px solid #FAFAFA !important;
    border-radius: 26px;
    margin-top: 60px;
}

.partners-circle-active {
    max-width: 12px;
    width: 100%;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
}

.partners-circle {
    max-width: 12px;
    width: 100%;
    height: 12px;
    border-radius: 50%;
    background: #D9D9D9;
}

.partners-image-div img {
    max-width: 478px;
    width: 100%;
}

.partners-carousel-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #FAFAFA !important;
    padding: 16px 27px;
    border-radius: 26px;
    text-decoration: none;
    border: 2px solid #FAFAFA !important;
}

.partners-btn a {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF;
    padding: 16px 12px;
    border: 2px solid #FAFAFA;
    border-radius: 26px;
    text-decoration: none;
}

.joining-primary-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF !important;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    padding: 15px 12px;
    border-radius: 26px;
    text-decoration: none;
    border: unset !important;
}

.joining-secondary-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    padding: 16px 26.5px;
    border: 2px solid #FAFAFA !important;
    border-radius: 26px;
    text-decoration: none;
}

.partners-primary-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF !important;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
    padding: 15px 25.5px;
    border-radius: 26px;
    text-decoration: none;
    border: unset !important;
}

.partners-secondary-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF !important;
    padding: 16px 18.5px;
    border: 2px solid #FAFAFA !important;
    border-radius: 26px;
    text-decoration: none;
}

.shapping-icon {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.container-box-partner {
    max-width: 371px;
    width: 100%;
    height: 371px;
    border-radius: 50%;
    background: #0D203F80;
    filter: blur(95px) !important;
    position: absolute;
    bottom: 0;
    right: 0;
}

.focus-doals-div img {
    width: 529px!important;
    /* width: 100%; */
}

.dot {
    background: #D9D9D9;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    outline: none;
    border: none;
}

.slick-active .dot {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
}

ul.custom-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    list-style: none;
    margin: 10px auto;
    text-align: center;
    padding: 0;
}

.unwatched-div img {
    max-width: 579.26px!important;
    width: 100%;
}

.contact-us-card {
    border: 1px solid #3D3D3D;
    border-radius: 14px !important;
    background: #1B1A1A;
    padding: 22px;
}

.contact-us-card h5 {
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    letter-spacing: -2%;
    color: #FAFAFA;
    margin-bottom: unset;
    padding-top: 32px;
}

.contact-us-card p {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -2%;
    text-align: justify;
    color: #E3E3E3;
    margin-bottom: unset;
    padding-bottom: 47px;
    padding-top: 4px;
}

.contact-div {
    padding-bottom: 80px;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    padding-top: 16px;
}

.contact-us-card .business-div {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -2%;
    text-align: justify;
    color: #E3E3E3;
    margin-bottom: unset;
    padding-bottom: 22px;
    padding-top: 4px;
}

.contact-us-card span {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -2%;
    text-align: justify;
    color: #E3E3E3;
    /* margin-bottom: unset; */
    /* padding-bottom: 47px; */
    padding-top: 4px;
}

.contact-us-card .luxembourg-div {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #FFFFFF !important;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 12.5px 14px;
    border-radius: 6px;
    text-decoration: none;
    border: unset !important;
    display: inline-block;
}

.contact-us-card .sales-div {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #FFFFFF !important;
    padding: 12.5px 33px;
    border: 2px solid #FAFAFA !important;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
}

.contact-us-card .business-hours-div {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #FFFFFF !important;
    padding: 12.5px 14px;
    border: 2px solid #FAFAFA !important;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
}

.get-in-touch-div h5 {
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 22px;
}

.job-application-div {
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 22px;
}

.get-in-touch-div p {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 36px;
}

.form-get-in-touch-div {
    border: 1px solid #4F4F4F;
    padding: 22px;
    border-radius: 12px;
    background: #202020;
}

.full-name-div {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    padding-bottom: 12px;
    margin-bottom: unset;
}

.check-box-input-div {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.main-form-div {
    padding-bottom: 18px;
}

.contact-us-form {
    border: 1px solid #929292;
}

.contact-us-form:active,
.contact-us-form:focus {
    border: 1px solid #929292;
    box-shadow: unset !important;
}

.contact-us-form::placeholder {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #929292 !important;
    padding: 8px 12px;
}

.contact-us-submit {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #FFFFFF !important;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 12.5px 14px;
    border-radius: 8px;
    text-decoration: none;
    border: unset !important;
    margin-bottom: 22px;
}

.request-demo-btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #FFFFFF !important;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 15px 42px;
    border-radius: 26px;
    text-decoration: none;
    border: unset !important;
    margin-bottom: 22px;
    box-shadow: -1px 2px 4px 0px #EFEFEF40 inset;
    backdrop-filter: blur(15px);
}

.form-check-input {
    width: 20px;
    height: 20px;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    border: none;
    cursor: pointer;
    appearance: none;
    /* Remove default styling */
    position: relative;
    border-radius: 4px;
}


/* When checkbox is checked */

.form-check-input:checked {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
}


/* Black tick (✔) when checked */

.form-check-input:checked::after {
    content: '✔';
    color: black;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contact-lets-innovate-div {
    background: #07080C;
    padding: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-innovate h5 {
    font-weight: 600;
    font-size: 48px;
    line-height: 59.52px;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: unset;
    padding: 16px 0 22px 0;
    color: #FAFAFA;
}

.contact-innovate p {
    font-weight: 500;
    font-size: 17px;
    line-height: 25.5px;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: unset;
    padding-bottom: 22px;
    color: #F3F3F3;
}

.contact-innovate .img-div span {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    text-align: center;
    color: #F3F3F3;
}

.request-demo-heading h2 {
    font-size: 64px;
    font-weight: 600;
    line-height: 79.36px;
    background: linear-gradient(93.16deg, #FFFFFF -0.87%, #FFFFFF 21.04%, #C4C4C4 47.83%, #FFFFFF 71.43%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.request-demo-heading p {
    font-weight: 700;
    font-size: 17px;
    line-height: 25.5px;
    letter-spacing: 0%;
    margin-bottom: unset;
    color: #E3E3E3;
    padding-bottom: 22px;
}

.request-demo-heading span {
    font-weight: 700;
    font-size: 19px;
    line-height: 28.5px;
    letter-spacing: 0%;
    margin-bottom: unset;
    color: #E3E3E3;
}

.request-demo-form {
    border: 1px solid #4F4F4F;
    background: #202020;
    border-radius: 22px;
    padding: 31px 22px;
    position: relative;
    z-index: 1;
}

.request-demo-text {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 14px;
}

.request-demo-text p {
    font-weight: 500;
    font-size: 17px;
    line-height: 25.5px;
    letter-spacing: 0%;
    margin-bottom: unset;
    color: #E3E3E3;
}

.request-works-div h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 33px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 16px;
    padding-top: 46px;
}

.request-works-div p {
    font-weight: 500;
    font-size: 17px;
    line-height: 25.5px;
    letter-spacing: 0%;
    margin-bottom: unset;
    color: #E3E3E3;
}

.job-listing-section {
    background: #07080C;
    padding-top: calc(80px + 80px);
    padding-bottom: 80px;
}

.job-listing-heading h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 124%;
    background: linear-gradient(93.16deg, #FFFFFF -0.87%, #FFFFFF 21.04%, #C4C4C4 47.83%, #FFFFFF 71.43%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: unset;
}

.job-listing-heading p {
    font-weight: 400;
    font-size: 17px;
    line-height: 25.5px;
    letter-spacing: 0%;
    margin-bottom: unset;
    color: #FAFAFA;
    padding-bottom: 40px;
}

.job-listing-heading span {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.job-listing-bg {
    background: #1C1C1C;
    border: 1px solid #FAFAFA1A;
    border-radius: 6px 0 0 6px;
    padding: 18px;
    max-width: 707px;
    margin: unset !important;
}

.job-listing-bg input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FAFAFACC;
    /* display: inline-block; */
}

.job-listing-bg input:active,
.job-listing-bg input:focus {
    border: unset !important;
    outline: unset;
}

.job-listing-btn {
    font-weight: 600;
    font-size: 16px;
    line-height: 31.2px;
    color: #FFFFFF !important;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 20.5px 21px;
    border-radius: 8px;
    text-decoration: none;
    border: unset !important;
}

.job-listing-bg-two {
    background: #1C1C1C;
    border: 1px solid #FAFAFA1A;
    border-radius: 00 6px 6px;
    padding: 18px;
    max-width: 100%;
    max-width: 390px;
    width: 100%;
    display: flex;
    align-items: center;
}

.job-listing-software-engineer {
    background: #1C1C1C;
    padding: 80px 0;
}

.card-jobs-listing {
    background: #232323;
    border: 1px solid #3D3D3D;
    padding: 22px;
    border-radius: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}

.card-jobs-listing h5 {
    font-weight: 500;
    font-size: 24px;
    line-height: 26.88px;
    letter-spacing: -2%;
    color: #FFFFFF;
    margin-bottom: unset;
    padding: 20px 0 27px;
}

.card-jobs-listing h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 17.08px;
    color: #FAFAFA;
    margin-bottom: unset;
    padding-bottom: 8px;
}

.card-jobs-listing p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20.44px;
    color: #F9F9F9;
    margin-bottom: unset;
    padding-bottom: 9px;
}

.job-listing-main-div,
.job-listing-main-div-two {
    display: flex;
    justify-content: space-between;
    padding-top: 27px;
    margin-top: auto;
}

.job-listing-main-div .remote-div {
    font-weight: 400;
    font-size: 10px;
    line-height: 14.2px;
    color: #FFFFFF;
    border: 1px solid #E8E8E8;
    background: #1C1C1C;
    border-radius: 250px;
    padding: 6px 23.25px;
}

.job-listing-main-div .luxembourg-div {
    font-weight: 400;
    font-size: 10px;
    line-height: 14.2px;
    color: #FFFFFF;
    border: 1px solid #E8E8E8;
    background: #1C1C1C;
    border-radius: 250px;
    padding: 6px 11.25px;
}

.job-listing-main-div .onsite-div {
    font-weight: 400;
    font-size: 10px;
    line-height: 14.2px;
    color: #FFFFFF;
    border: 1px solid #E8E8E8;
    background: #1C1C1C;
    border-radius: 250px;
    padding: 6px 26.75px;
}

.job-listing-main-div .full-stack-div {
    font-weight: 400;
    font-size: 10px;
    line-height: 14.2px;
    color: #FFFFFF;
    border: 1px solid #E8E8E8;
    background: #1C1C1C;
    border-radius: 250px;
    padding: 6px 19.75px;
}

.job-listing-main-div-two .luxembourg-div {
    font-weight: 400;
    font-size: 10px;
    line-height: 14.2px;
    color: #FFFFFF;
    border: 1px solid #E8E8E8;
    background: #1C1C1C;
    border-radius: 250px;
    padding: 6px 26.83px;
}

.job-listing-main-div-two .onsite-div {
    font-weight: 400;
    font-size: 10px;
    line-height: 14.2px;
    color: #FFFFFF;
    border: 1px solid #E8E8E8;
    background: #1C1C1C;
    border-radius: 250px;
    padding: 6px 42.33px;
}

.job-listing-main-div-two .full-stack-div {
    font-weight: 400;
    font-size: 10px;
    line-height: 14.2px;
    color: #FFFFFF;
    border: 1px solid #E8E8E8;
    background: #1C1C1C;
    border-radius: 250px;
    padding: 6px 34.83px;
}

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

.pagination {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
}

.page-item a {
    color: white;
    background: transparent;
    border: none;
    padding: 8px 13px;
    border-radius: 8px;
}

.page-item.active a {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    color: white;
    border-radius: 8px;
    padding: 8px 13px;
}

.page-item.disabled a {
    cursor: not-allowed;
}

.next-btn {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    border: none;
    color: white;
    padding: 8px 12px;
    border-radius: 8px;
    font-weight: 500;
}

.prev-btn {
    border: none;
    background: transparent;
    color: #757575;
    padding: 8px 12px;
    border-radius: 8px;
    font-weight: 500;
}

.job-detailed-section {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #1C1C1C;
}

.job-detailed-hero-div {
    border: 1px solid #3D3D3D;
    background: #07080C;
    border-radius: 12px;
    padding: 34px 22px;
}

.software-div p {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #F9F9F9;
    margin-bottom: unset;
}

.software-div span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #F9F9F9;
    display: block;
}

.software-div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.software-title-div h5 {
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding: 18px 0;
}

.software-apply-div a {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF !important;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 15px 21.5px;
    border-radius: 8px;
    text-decoration: none;
    border: unset !important;
}

.software-apply-div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.software-about-div h5 {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: unset;
    color: #FFFFFF;
    padding-top: 60px;
    padding-bottom: 16px;
}

.software-about-div p {
    font-weight: 400;
    font-size: 14px;
    line-height: 23.8px;
    color: #F9F9F9;
    margin-bottom: unset;
}

.software-about-div h6 {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: unset;
    color: #FFFFFF;
    padding-top: 32px;
    padding-bottom: 16px;
}

.software-about-div ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 23.8px;
    color: #F9F9F9;
}

.software-about-div span {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    padding-bottom: 10px;
    display: block;
}

.software-about-life-div {
    background-image: url(../images/softwar-life-img.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* max-width: 608px; */
    height: 257px;
    width: 100%;
    border-radius: 12px;
}

.software-about-life-div-two {
    background-image: url(../images/softwar-life-img-2.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 122.5px;
    border-radius: 12px;
    border-radius: 12px;
}

.software-about-life-div-three {
    width: 100% !important;
    /* height: 122.5px; */
    border-radius: 12px;
    background-image: url(../images/softwar-life-img-3.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 122.5px;
}

.software-about-life-div-three span {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #FFFFFF;
}

.main-software-about-life-div {
    position: relative;
    display: flex;
}

.software-about-life-div-three h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.software-about-life-div-three {
    display: flex;
    align-items: center;
    justify-content: center;
}

.recently-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 59.52px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 40px;
}

.compnay-information-div {
    padding: 22px;
    border: 1px solid #3D3D3D;
    background: #07080C;
    border-radius: 12px;
    margin-top: 22px;
}

.company-inner-div h6 {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -2%;
    color: #FFFFFF;
    margin-bottom: unset;
}

.company-inner-div p {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -2%;
    color: #F9F9F9;
    margin-bottom: unset;
    padding-top: 12px;
}

.company-inner-div {
    padding: 22px;
    display: flex;
    gap: 24px;
    align-items: center;
}

.job-detail-company-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px;
}

.job-detail-share-div {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -2%;
    text-align: center;
    color: #F9F9F9;
    margin-bottom: unset;
    padding-top: 14px;
    padding-bottom: calc(133px - 32px);
}

.upload-container {
    width: 100%;
    height: 145px;
    border: 1px dashed #929292;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    color: #929292;
    border-radius: 8px;
    margin-bottom: 22px;
}

.upload-container input {
    display: none;
}

.upload-container svg {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.upload-container span {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #929292;
}

.application-submit {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FFFFFF !important;
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%) !important;
    padding: 14px 16px;
    border-radius: 8px;
    text-decoration: none;
    border: unset !important;
}

.application-cancel {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #FAFAFA !important;
    padding: 14px 21.5px;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #929292;
}

.application-submition-modal {
    background: #1C1C1C;
    border: 1px solid #3D3D3D;
    border-radius: 12px;
    padding: 49.5px 22px;
    text-align: center;
}

.application-body h5 {
    font-weight: 600;
    font-size: 30px;
    line-height: 39.06px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-top: 28px;
    padding-bottom: 8px;
}

.application-body p {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #F9F9F9;
    margin-bottom: unset;
    padding-bottom: 28px;
}

.application-body a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20.83px;
    color: #FAFAFA;
    padding: 12.5px 14.5px;
    border-radius: 6px;
    border: 1px solid #E0E0E0;
    text-decoration: none;
}

.privacy-policy-section {
    background: #07080C;
    position: relative;
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
    padding-bottom: 113.5px;
    padding-top: calc(113.5px + 80px);
}

.privacy-policy-introduction-section {
    background: #1C1C1C;
    padding: 80px 0;
    position: relative;
}

.introduction-side-div {
    padding: 0 12px;
    border: 1px solid #4F4F4F;
    background: #07080C;
    border-radius: 8px;
}

.introduction-side-div h5 {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    font-weight: 600;
    font-size: 17px;
    line-height: 17px;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 21.5px 0;
    margin-bottom: unset;
}

.introduction-side-div span {
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
    padding: 21.5px 0;
    color: #FFFFFF;
    display: block;
}

.introduction-detail h5,
.introduction-detail-2 h5 {
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 24px;
}

.introduction-detail p {
    font-weight: 300;
    font-size: 18px;
    line-height: 26.1px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 40px;
}

.introduction-detail span {
    font-weight: 700;
    font-size: 18px;
    line-height: 26.1px;
    color: #FFFFFF;
    margin-bottom: unset;
}

.introduction-detail-2 ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 26.1px;
    color: #FFFFFF;
    padding-bottom: 12px;
}

.introduction-detail-2 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26.1px;
    color: #FFFFFF;
    margin-bottom: unset;
    padding-bottom: 24px;
}

.use-date {
    padding-top: 28px;
}

.introduction-detail a {
    background: linear-gradient(132.09deg, #0E88EA -0.5%, #15CFF1 97.45%);
    font-weight: 600;
    font-size: 18px;
    line-height: 26.1px;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
}

.privacy-blur {
    width: 198.82px;
    height: 244.18px;
    background: #2626268A;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 47%;
    filter: blur(30px);
}

.jobs-listing-select-box option {
    background-color: #1C1C1C!important;
    border: unset !important;
}

.jobs-listing-select-box {
    background: url("../images/chevron-down.svg") no-repeat right 10px center;
    background-size: 16px;
    /* Adjust size as needed */
    padding-right: 30px;
    /* Ensure text doesn't overlap the icon */
    appearance: none;
    /* Remove default arrow in most browsers */
    -webkit-appearance: none;
    /* Remove default arrow in Safari */
    -moz-appearance: none;
    /* Remove default arrow in Firefox */
}

@media screen and (min-width: 1600px) {
    .video-div {
        height: 760px;
    }
}

@media screen and (min-width: 1600px) {
    .main-navbar .container,
    .footer-section .container {
        max-width: calc(100% - 7.5rem) !important;
    }
    .digital-transformation-card {
        max-width: 500px;
    }
    .partners-card {
        max-width: 500px;
    }
    .innovation-img-div {
        max-width: 500px;
    }
}

@media screen and (min-width: 768px) {
    .unwatched-div img {
        max-width: 450px!important;
        width: 100%;
        text-align: center;
    }
    .home-page-btn {
        padding-top: 12px;
    }
    .smart-solution-div {
        padding: 20px 0 0 0;
    }
    .software-eng-div {
        flex-direction: column;
    }
    .software-apply-div {
        margin: 10px 0px 0px 0px !important;
    }
    .request-demo-form {
        margin-top: 20px;
    }
    .guest-img-div img {
        max-width: 410px;
        width: 100%;
    }
}

@media screen and (min-width: 508px) {
    .small-div {
        padding: 30px 0 0 0;
    }
    .efficiency-blur {
        display: none;
    }
    .hospitality-challenges-main {
        overflow-x: auto;
    }
    .software-apply-div {
        margin: 10px 0px 0px 0px !important;
    }
    .software-eng-div {
        flex-direction: column;
    }
    /* .job-listing-btn {
        margin-top: 15px;
    } */
}

@media screen and (min-width: 436px) {
    .small-div {
        padding: 30px 0 0 0;
    }
    .efficiency-blur {
        display: none;
    }
    .hospitality-challenges-main {
        overflow-x: auto;
    }
    .container-box-partner {
        display: none;
    }
}

@media screen and (max-width: 432px) {
    .small-div {
        padding: 30px 0 0 0;
    }
    .efficiency-blur {
        display: none;
    }
    .hospitality-challenges-main {
        overflow-x: auto;
    }
    .container-box-partner {
        display: none;
    }
}

@media screen and (min-width: 400px) {
    .small-div {
        padding: 30px 0 0 0;
    }
    .efficiency-blur {
        display: none;
    }
    .hospitality-challenges-main {
        overflow-x: auto;
    }
    .container-box-partner {
        display: none;
    }
    /* .unwatched-div img {
    max-width: 350px!important;
    width: 100%;
    text-align: center;
} */
}

@media screen and (max-width: 350px) {
    .small-div {
        padding: 30px 0 0 0;
    }
    .efficiency-blur {
        display: none;
    }
    .hospitality-challenges-main {
        overflow-x: auto;
    }
    .container-box-partner {
        display: none;
    }
    /* .unwatched-div img {
    max-width: 350px!important;
    width: 100%;
    text-align: center;
} */
}

@media screen and (max-width: 300px) {
    .small-div {
        padding: 30px 0 0 0;
    }
    .efficiency-blur {
        display: none;
    }
    .hospitality-challenges-main {
        overflow-x: auto;
    }
    .container-box-partner {
        display: none;
    }
}

@media screen and (max-width: 425px) {
    .focus-doals-div img {
        max-width: 350px!important;
        width: 100%;
        text-align: center;
    }
    /* .job-listing-btn {
        margin-top: 15px;
    } */
    .software-about-life-div-two {
        margin-top: 15px;
    }
    .contact-us-card {
        margin-bottom: 20px;
    }
    .contact-lets-innovate-div {
        padding: 20px;
    }
    .request-demo-form {
        margin-top: 20px;
    }
    .contact-section-div {
        padding: 00px 0px;
    }
    .job-application-form-section {
        padding: 80px 0;
    }
    .privacy-policy-section {
        padding: 80px 0;
    }
    .introduction-detail h5 {
        padding-top: 25px;
    }
    .trusted-div-two {
        display: none;
    }
    .software-apply-div {
        margin: 10px 0px 0px 0px !important;
    }
    .software-eng-div {
        flex-direction: column;
    }
    .job-listing-section {
        padding: 80px 0;
    }
    .guest-img-div img {
        max-width: 250px;
    }
}

@media screen and (max-width: 768px) {
    .careers-page-div {
        display: none !important;
    }
    .careers-page-designer {
        display: none !important;
    }
    .careers-page-software {
        display: none !important;
    }
    .careers-page-health {
        display: none !important;
    }
    .section-career-div {
        padding-top: calc(49px + 80px);
        padding-bottom: 80px;
    }
    .trusted-div {
        display: none !important;
    }
    .career-div-two {
        display: none !important;
    }
    .career-blur-voice {
        display: none !important;
    }
    .careers-voice-designer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .hygiene-storage-div-two {
        flex-direction: column;
    }
    .scheduled-time-div {
        max-width: 100%;
    }
    .request-demo-form {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 425px) {
    .careers-page-div {
        display: none !important;
    }
    .careers-page-designer {
        display: none !important;
    }
    .careers-page-software {
        display: none !important;
    }
    .careers-page-health {
        display: none !important;
    }
    .section-career-div {
        padding-top: calc(49px + 80px);
        padding-bottom: 80px;
    }
    .trusted-div {
        display: none !important;
    }
    .career-div-two {
        display: none !important;
    }
    .career-blur-voice {
        display: none !important;
    }
    .digital-transformation-div {
        padding: 30px 0;
    }
    .careers-voice-designer {
        flex-direction: column;
        text-align: center;
    }
    .careers-recent-jobs {
        margin-bottom: 25px;
    }
    .hygiene-btn-explore {
        margin-top: 25px;
    }
    .work-collaborate-img {
        margin-top: 30px;
    }
    .work-collaborate-img {
        height: 375px;
    }
    .home-page-btn {
        margin-top: 20px;
    }
    .hygiene-storage-div-two {
        flex-direction: column;
    }
    .digital-bg {
        margin-top: 15px;
    }
    .solution-boost-div {
        margin-bottom: 30px;
    }
    .partner-cicle-div {
        flex-wrap: wrap;
    }
    .card-reduce {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 430px) {
    .hygiene-excellence-track {
        margin-top: 30px;
        padding: 0 20px;
    }
    .solution-your-partner {
        padding: 20px 0;
    }
    .card-hygiene {
        margin-bottom: 15px;
    }
    .vector-line-div {
        display: none;
    }
    .hygiene-storage-div {
        margin-bottom: 15px;
    }
    .div-one {
        margin-top: 20px;
    }
    .sustainabe-guest-div {
        display: none;
    }
}

@media screen and (max-width: 770px) {
    .solution-assets-image img {
        margin-top: 20px;
    }
    .smart-waste-blur {
        display: none;
    }
    .card-smart-waste {
        margin-bottom: 20px;
    }
    .solution-page-heading-btn {
        flex-direction: column;
    }
    .solution-dlc-monitoring {
        margin-top: 40px;
    }
    .pioneering-blur-top {
        display: none;
    }
    .smart-nav-tabs ul li a {
        padding: 12px 5px;
    }
    .sustainabe-guest-two-div {
        display: none !important;
    }
    .vector-line-div {
        display: none;
    }
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#loader::after {
    content: "";
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #0E88EA;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}