@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: 'teodor';
    src: url('../fonts/Teodor-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'infinity';
    src: url('../fonts/Beyond\ Infinity.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

:root {
    /* fonts */
    --lato: "Lato", sans-serif;
    --teodor: 'teodor';
    --infinity: 'infinity';
    /* colors */
    --white: rgba(255, 255, 255, 1);
    --label-gold: rgba(204, 146, 47, 1);
    --label-blue: rgba(208, 222, 255, 1);
    --head: rgba(26, 26, 26, 1);
    --desc: rgba(93, 93, 93, 1);
    --body-bg: rgba(240, 236, 228, 1);
    --bg-blue: rgba(23, 42, 85, 1);
    --bg-darkblue: rgba(4, 25, 72, 1);
    --bg-lightblue: rgba(46, 59, 87, 1);
    --bg-skin: rgba(234, 225, 205, 1);
    --button-bg-blue: rgba(23, 42, 85, 1);
    --button-bg-orange: rgba(204, 146, 47, 1);
    --button-bg-white: rgba(240, 236, 228, 1);
}

/* 
========================================== 
General CSS
========================================== 
*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body.no-scroll {
    overflow: hidden;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--lato);
    font-display: swap;
    background-color: var(--body-bg);
    font-weight: 400;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    color: var(--head);
    font-family: var(--teodor);
    text-transform: capitalize;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

h1 {
    font-size: 87.24px;
    font-weight: 300;
    line-height: 69.79px;
    letter-spacing: -0.02em;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--white);
    text-transform: none;
}

h2 {
    font-size: 52px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.01em;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: capitalize;
}

h2.small {
    /* line-height: 42px; */
}

h2.tiny {
    font-size: 42px;
}

h3 {
    font-size: 32px;
    font-weight: 400;
    line-height: 38.4px;
    letter-spacing: -0.01em;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--white);
}

h3.big {
    font-size: 35px;
    line-height: 42px;
}

h3.tiny {
    font-size: 32px;
    line-height: 38px;
    color: var(--head);
}

h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 36.47px;
    letter-spacing: -0.01em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--white);
}

h4.big {
    font-size: 26px;
    letter-spacing: -0.04em;
}

h5 {
    font-size: 22px;
    font-weight: 400;
    line-height: 30.8px;
}

h6 {
    font-size: 20px;
    font-weight: 400;
    line-height: 22.06px;
    letter-spacing: -0.04em;
    color: #fff;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--desc);
}

p a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

p.small {
    font-size: 14px;
    line-height: 21px;
}

.small p {
    font-size: 14px;
    line-height: 21px;
}

p.big {
    font-size: 18px;
    line-height: 25px;
}

.big p {
    font-size: 18px;
    line-height: 25px;
}

.white {
    color: var(--white);
}

.white p {
    color: var(--white);
}

p.white {
    color: var(--white);
}

.ultimate-section-grid.text-animate p.white.small {
    height: 80px;
}

.label {
    font-family: var(--infinity);
    font-size: 28px;
    font-weight: 400;
    line-height: 100%;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: capitalize;
    color: var(--label-gold);
}

.label.mob {
    display: none;
}

.label.white {
    color: #fff;
}

.label.blue {
    color: var(--label-blue);
}

.label.big {
    font-size: 52px;
    font-weight: 400;
    /* line-height: 52px; */
    line-height: 100%;
}

.label.mid {
    font-size: 42px;
    font-weight: 400;
    /* line-height: 42px; */
}

.label2 {
    font-size: 12px;
    font-weight: 700;
    line-height: 16.8px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.tiny-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--white);
}

a {
    text-decoration: none;
    color: var(--desc);
}

a:focus {
    text-decoration: none;
    outline: none;
}

.container-fluid {
    width: 100%;
    padding: 0 40px;
}

.container-left {
    width: 100%;
    padding-left: 40px;
}

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

/*Buttons*/
.custom-button {
    display: inline-block;
    padding: 9px 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.4px;
    letter-spacing: 2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
    background-color: var(--button-bg-orange);
    color: rgba(255, 255, 255, 1);
    transition: all .3s ease;
    text-align: center;
}

.custom-button:hover {
    background-color: var(--button-bg-blue);
}

.custom-button.big-width {
    padding: 14px 38px;
    letter-spacing: 3px;
}

.custom-button.large {
    padding: 13px 100px;
}

.custom-button.full-width {
    width: 100%;
}

.custom-button.white {
    background-color: var(--button-bg-white);
    color: rgba(26, 26, 26, 1);
}

.custom-button.white:hover {
    background-color: var(--button-bg-orange);
    color: rgb(255, 255, 255, 1);

}

.custom-button.blue {
    background-color: var(--button-bg-blue);
}

.custom-button.blue:hover {
    background-color: var(--button-bg-orange);
}

.custom-button.transparent {
    background-color: transparent;
    border: 1px solid #F0ECE4;
    color: #F0ECE4;
}

.custom-button.transparent:hover {
    background-color: #F0ECE4;
    color: var(--head);
}

.custom-button2 {
    color: #B58534;
    font-size: 12px;
    font-weight: 800;
    line-height: 16.8px;
    letter-spacing: 4px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all .5s ease;
}

.custom-button2:hover {
    color: #fff;

}

.custom-button2 svg path {
    transition: all .5s ease;
}

.custom-button2:hover svg path {
    stroke: #fff;
}

/*Input*/
input[type="text"],
input[type="email"],
input[type="number"],
textarea {}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

.spacer {
    height: 140px;
}

.spacer120 {
    height: 120px;
}

.spacer65 {
    height: 65px;
}

.letter {
    display: inline-block;
    transform-origin: center;
    perspective: 1000px;
}

/* Search modal */
.search-modal-overlay {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: #00000072;
    display: none;
    z-index: 98;
}

.search-modal-overlay.active {
    display: block;
}

.search-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: inset(0 50% 0 50%);
    transition: all 0.5s ease;
}

.search-modal.active {
    clip-path: inset(0 0 0 0);
}

.search-modal-wrap {
    background-color: var(--bg-blue);
    width: 50%;
    padding: 100px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-direction: column;
    position: relative;
    padding: 70px 20px 40px 20px;
}

.search-modal input {
    border: 1px solid var(--white);
    background-color: transparent;
    padding: 20px 30px;
    width: 80%;
    color: var(--white);
    font-size: 16px;

}

.search-modal input::placeholder {
    color: var(--white);
}

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

.search-modal button {
    border: none;
}

/* Search modal */

/* Animation */
.fade-in-text {
    transform: translateY(200%);
    opacity: 0;
}

.lineParent {
    overflow: hidden;
    line-height: 115%;
}

p .lineParent {
    overflow: hidden;
    line-height: 24px;
}

/* Ensure initial state is off-screen or invisible */
.lineChild {
    opacity: 0;
    transform: translateY(200px);
}

/* Animation */

/* input style */
/* Hide increment and decrement arrows in modern browsers */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide increment and decrement arrows in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* input style */

.main-wrapper::before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00000063;
    z-index: 9;
    transition: all .4s ease;
    display: none;
    opacity: 0;
}

.main-wrapper.active::before {
    opacity: 1;
    display: block;
}

/* Header Css */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: all 0.3s ease;
    transform: translateY(0%);
}

header.not-visible {
    transform: translateY(-100%);
}

.header-margin {
    margin-top: 142px;
}

header.transparent {
    transition: all .3s ease;
}

.blue-strip-header {
    background: url(../images/blue-strip-bg.png);
}

.black-header .header-wrap ul li a {
    color: #1A1A1A;
}

.black-header .header-wrap ul li a svg path {
    stroke: #1A1A1A;
}

.black-header .header-bottom ul li a::after {
    background-color: #1A1A1A;
}

.black-header.scrolled .header-wrap ul li a,
.black-header.active .header-wrap ul li a {
    color: #fff;
}

.black-header.scrolled .header-wrap ul li a svg path,
.black-header.active .header-wrap ul li a svg path {
    stroke: #fff;
}

.black-header.scrolled .header-top-right a,
.black-header.active .header-top-right a {
    background-color: #fff;
    color: #1A1A1A;
}

.black-header.scrolled .header-bottom ul li a::after,
.black-header.active .header-bottom ul li a::after {
    background-color: #fff;
}

header.transparent.scrolled {
    background-color: var(--bg-blue);
}

header.scrolled {
    background-color: var(--bg-blue);
}

header.transparent.scrolled .header-top-middle {
    background-color: transparent;
}

header.transparent.active {
    background-color: var(--bg-blue);
}

header.active {
    background-color: var(--bg-blue);
}

header.transparent.active .header-top-middle {
    background-color: transparent;
}

header.transparent .header-top-middle {
    /* background-color: #000; */
    transition: all .3s ease;
}

header.scrolled {
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

header.blue {
    background-color: var(--bg-blue);
}

.header-wrap {
    padding-top: 28px;
    padding-bottom: 38px;
}

.header-wrap ul {
    display: flex;
}

.header-wrap ul li a {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: 2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--white);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-bottom>ul>li {
    position: relative;
}

.header-bottom ul li a {
    gap: 0;
    position: relative;
}

.header-bottom ul li a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transition: all .3s ease;
    transform: scaleX(0);
    transform-origin: center;
}

.header-bottom>ul>li>a::after {
    bottom: 36px;
}

.header-bottom ul li a:hover::after {
    transform: scaleX(1);
}

.header-bottom ul li a svg {
    display: none;
}

.header-wrap ul li a svg {
    width: 20px;
    height: 20px;
}

.header-bottom ul li a svg {
    width: 12px;
    height: 12px;
}

.header-bottom {
    margin-top: 29px;
}

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

.mobile {
    display: none !important;
}

.header-top-left ul {
    gap: 27px;
    align-items: center;
}

.header-top-left ul li a {
    transition: all .3s ease;
}

.header-top-left ul li:hover a {
    opacity: 0.5;
}

.header-top-left a {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-top-middle {
    width: 162px;
    height: auto;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
}

.header-top-middle picture img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.header-bottom ul {
    justify-content: space-between;
    align-items: center;
}

.header-bottom>ul>li>a {
    display: inline;
    padding-bottom: 40px;
}

/* Navbar drop */
.nav-drop {
    position: absolute;
    top: 58px;
    left: 0;
    height: auto;
    /* width: 48%; */
    background-color: #F0ECE4;
    padding: 0;
    padding-left: 40px;
    padding-right: 32px;
    z-index: 10;
    transition: all .5s ease;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    gap: 33px;
    clip-path: inset(0 0 100% 0);
}

.nav-drop.nav-left-aligned {
    left: auto;
    right: 0;
}

.mega-menu {
    left: -320%;
    gap: 40px;
}

.mega-menu ul li a::after {
    background-color: #1A1A1A;
}

.mega-menu .nav-drop-left {
    /* width: 45%; */
    display: flex;
    gap: 64px;
}

.nav-drop-right {
    /* width: 52%; */
    display: flex;
    justify-content: end;
    width: 315px;
    position: relative;
}

.nav-drop-left ul {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: start;
}

.nav-drop-left ul li a {
    color: #1A1A1A;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
}

.nav-drop-right-img {
    max-width: 100%;
    height: auto;
    aspect-ratio: 4/3;
}

.nav-drop-right-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.header-bottom>ul>li:hover .nav-drop {
    clip-path: inset(0 0 0 0);
    padding: 32px;
    padding-left: 40px;
}

.nav-drop-left>ul>li>a::after {
    background-color: #1A1A1A;
}

.nav-drop-sep {
    width: 1px;
    height: auto;
    background-color: #E3D5BA;
}

.nav-drop-left-list p {
    font-size: 12px;
    line-height: 14.4px;
    color: #969696;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.nav-drop-left-list ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: start;
}

.nav-drop-left-list:nth-child(1) ul {
    margin-top: 24px;
}

.nav-drop-right-text {
    position: absolute;
    inset: 0;
    padding: 18px 15px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    z-index: 2;
}

.nav-drop-right-text::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 59.69%);
    z-index: -1;
}

.nav-drop-bread {
    display: none;
}

/* Navbar drop */

/* Header Css */
/* 
========================================== 
Page CSS
========================================== 
*/

/* Homepage */

/* Homepage Banner */
.hp-banner {
    background: var(--bg-blue);
    /* height: calc(100vh - 147px); */
    /* min-height: auto; */
    min-height: 100vh;
    height: auto;
}

.hp-header-blue-strip {
    background: url(../images/Homepage/hp-bg.png);
    justify-content: space-between;
    position: relative;
    background-size: 80%;
}

.hp-banner-wrap {
    display: flex;
    background: url(../images/Homepage/hp-bg.png);
    justify-content: space-between;
    position: relative;
    background-size: 80%;
    min-height: 100%;
    align-items: center;
}

.hp-banner-img {
    width: 52%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* aspect-ratio: 1; */
}

.hp-banner-content {
    width: 45%;
    position: relative;
    margin-left: auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.hp-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.hpbc-wrap {
    max-width: 52ch;
    padding-top: 40px;
    padding-bottom: 65px;
}

.hp-banner-content .hpbc-middle {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 80px;
    overflow: hidden;
}

.hp-banner-content .hpbc-bottom {
    margin-top: 65px;
    overflow: hidden;
}

.hp-banner-content .hpbc-bottom a {
    margin-top: 15px;
}

.hpbc-top h1 {
    text-transform: none;
}

/* Homepage Banner */

/* homepage certification */
.certifications {
    text-align: center;
    background-color: #F1E8D6;
    padding-top: 50px;
    padding-bottom: 65px;
}

.certificate-text.text {
    margin: 0 auto;
    margin-top: 50px;
    max-width: 90ch;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.certificate-img-grid {
    display: flex;
    gap: 100px;
    align-items: center;
    justify-content: center;
    margin-top: 110px;
    flex-wrap: wrap;
    overflow: hidden;
}

.cig-img {
    width: 256px;
    height: 106px;
}

.cig-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* homepage certification */

/* homepage experience */
.exp-wrapper {
    background: url(../images/Homepage/experience-bg.png);
    /* background-repeat: no-repeat; */
    background-size: contain;
    position: relative;
    display: flex;
    padding: 20px 0;
    overflow: hidden;
}

.exp-content {
    width: 48%;
    padding-left: 110px;
    padding-top: 110px;
    padding-bottom: 100px;
}

.exp-content-wrap {
    max-width: 45.6ch;
}

.exp-heading h2 {
    /* line-height: 52px; */
}

.innovation .exp-heading.heading {
    max-width: 40ch;
}

.text {
    display: flex;
    flex-direction: column;
    margin-top: 45px;
    overflow: hidden;
}

.exp-text {
    gap: 30px;
}

.cta-btn {
    margin-top: 80px;
    overflow: hidden;
}

.exp-img {
    position: absolute;
}

.exp-image-big {
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    padding: 20px 0;
}

.exp-image-small {
    right: 48%;
    top: 65%;
    transform: translate(50%, -50%);
    width: 235px;
    height: 160px;
}

.exp-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 70%;
    overflow: hidden;
    /* transition: all 0.8s ease ; */
}

.exp-image-big img {
    width: 100%;
    height: 110%;
    transform: translateY(-10%);
}


/* homepage experience */

/* homepage partner */

.partner-grid {
    margin-top: 70px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;
    padding-bottom: 20px;
}

.partner-item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1/1;
}

.partner-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 56.48%);
    z-index: 1;
}

.partner-item-img {
    overflow: hidden;
}

.partner-item .partner-item-img img {
    transition: all 0.6s ease;
}

.partner-item:hover .partner-item-img img {
    /* aspect-ratio: 1; */
    scale: 1.12;
}

.type .partner-item:hover .partner-item-img img {
    /* aspect-ratio: 1; */
    scale: 1;
}


.partner-item .partner-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.partner-item-content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 25px;
    padding-bottom: 25px;
    overflow: hidden;
    z-index: 2;
}

.partner-item-content p {
    margin-top: 20px;
    max-width: 40ch;
}

.partner-item-content .custom-button {
    margin-top: 30px;
}

/* homepage partner */

/* homepage type */
.type {
    padding-top: 120px;
    padding-bottom: 90px;
    background-color: var(--bg-darkblue);
}

.text {
    max-width: 60ch;
}

.type .text {
    margin-top: 20px;
}

.type .partner-item-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.175) 0%, rgba(0, 0, 0, 0.25) 42.87%);
}

.type .partner-grid {
    margin-top: 30px;
    /* padding-bottom: 20px; */
}

.partner-item-content {
    padding-right: 28px;
}

.type .partner-item-content {
    padding: 0;
    margin-bottom: 20px;
    /* position: relative; */
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
}

.type .partner-item-content p {
    max-width: 100%;
    transition: all 0.5s ease;
    margin-top: 10px;
}

.partner-item-content {
    overflow: hidden;
}

.hover-text-box {
    position: static;
    bottom: 0%;
    left: 0;
    transform: translateY(100%);
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.tiny-text {
    margin-top: 24px;
}

.type .partner-item-content ul {
    list-style: disc;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.type .partner-item-content ul li {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: var(--white);
}

.type .custom-button {
    margin-top: 65px;
}

.partner-item-content h4 {
    transition: all 0.4s ease;

}

.text-box {
    position: absolute;
    bottom: 0;
    opacity: 1;
    z-index: 3;
}

.text-box p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-box,
.hover-text-box {
    padding-left: 24px;
    padding-right: 28px;
    padding-top: 35px;
    padding-bottom: 10px;
    transition: all .5s ease;
}

.partner-item:hover .hover-text-box {
    transform: translateY(0%);
    opacity: 1;
}

.partner-item:hover .text-box {
    transform: translateY(-100%);
    opacity: 0;
}

.type .custom-button.mob {
    display: none;
}

.hover-text-box-wrap {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

/* For WebKit-based browsers (Chrome, Edge, Safari) */
.hover-text-box-wrap::-webkit-scrollbar {
    width: 5px;
}

.hover-text-box-wrap::-webkit-scrollbar-track {
    background: transparent;
}

.hover-text-box-wrap::-webkit-scrollbar-thumb {
    border-radius: 50px;
}

/* For Firefox */
.hover-text-box-wrap {
    scrollbar-width: thin;
    /* Thin scrollbar */
    scrollbar-color: rgb(122, 122, 122) transparent;
    /* Thumb color and track color */
}

/* .partner-item:hover .partner-item-content h4{
    opacity: 0;
}
.partner-item:hover .partner-item-content p{
    -webkit-line-clamp: 6;

} */
/* homepage type */

/* homepage collection */

/* homepage collection */
.collection .exp-content {
    padding-left: 165px;
    margin-left: auto;
}

.collection .exp-image-big {
    left: 0;
}

.collection .exp-image-small {
    right: 52%;
}

.collection .text {
    margin-top: 25px;
}

.collection .exp-text {
    gap: 20px;
}

.collection .cta-btn {
    margin-top: 55px;
}

.collection .exp-image-big img {
    object-position: bottom;
}

/* Homepage location */
.location {
    background-color: #F1E8D6;
    padding: 50px 0;
    padding-bottom: 0;
}

.loc-content {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

.loc-heading {
    width: 35%;
    margin-top: 7px;
}

.loc-text {
    width: 39%;
}

.loc-text-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 55ch;
}

.loc-text-wrap p a {
    border-bottom: 1px solid var(--desc);
    transition: all .3s ease;
}

.loc-text-wrap p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.loc-btn {
    margin-top: 30px;
    overflow: hidden;
}

.map {
    margin-top: 52px;
}

/* Homepage location */

/* Homepage Innovation */
.innovation .exp-image-big {
    width: 55%;
}

.innovation .text {
    margin-top: 160px;
    gap: 15px;
}

/* Homepage Innovation */

/* Homepage testimonial */
.testimonial {
    background-color: var(--bg-lightblue);
    padding-top: 115px;
    padding-bottom: 90px;
    padding-left: 110px;
    padding-right: 40px;
}

.testimonial-slide {
    /* padding-top: 115px; */
    padding-bottom: 105px;
    display: flex;
    justify-content: space-between;
    position: relative;
    min-height: 450px;
}

.test-left {
    width: 56%;
    overflow: hidden;
}

.tl-content {
    overflow: hidden;
}

#testimonial-slider-list li.is-active .tl-content h3,
#testimonial-slider-list li.is-active .tl-author {
    transform: translateY(0%);
    opacity: 1;
}

.tl-content h3,
.tl-author {
    transform: translateY(200%);
    opacity: 0;
    transition: all .8s ease;
}

.tl-author {
    transition-delay: .3s;

}

.testimonial .test-left h3 {
    text-transform: none;
    color: #F0ECE4;
}

.tl-author {
    margin-top: 90px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tl-author p {
    line-height: 14.5px;
}

.tl-author .auth {
    text-transform: uppercase;
    font-weight: 700;
}

.tl-author .desg {
    text-transform: capitalize;
}

.test-right {
    width: 40%;
    position: absolute;
    height: 75%;
    right: 0;
    top: 0;
    overflow: hidden;
}

.test-right.mob {
    display: none;
}

.test-image {
    /* clip-path: inset(0 0 0 100%); */
    opacity: 0;
    transition: all .5s ease-in;
    transition-delay: .3s;
}

#testimonial-slider-list li.is-active .test-image {
    /* clip-path: inset(0 0 0 0); */
    opacity: 1;
}

.test-right .test-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-slider-wrapper {
    margin-top: -20px;
}

.testimonial .splide__arrows {
    position: absolute;
    display: flex;
    gap: 15px;
    left: 0;
    bottom: 0;
}

.testimonial .splide__arrows button {
    position: static;
    opacity: 1;
    transform: none;
    border-radius: 0%;
    background: rgba(204, 146, 47, 1);
    transition: all .3s ease;
    /* padding: 10px; */
}

.testimonial .splide__arrows button[disabled] {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

.testimonial .splide__arrows button:hover {
    background: rgb(255, 255, 255);
}

.testimonial .splide__arrows button:hover svg path {
    stroke: rgb(0, 0, 0);
}

.testimonial .splide__arrows button svg path {
    transition: all .3s ease;

}

.testimonial .splide__arrow svg {
    fill: #fff;
}

.splide__arrow:hover:not(:disabled) {
    opacity: 1;
}

#testimonial-slider ul {
    height: auto;
}

.splide__arrows button svg path {
    fill: transparent;
}

/* Homepage testimonial */

/* Homepage Tips */
.tips {
    overflow: hidden;
}

.tip-content {
    margin-top: 30px;
    max-width: 60ch;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tip-grid {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    height: 650px;
    gap: 22px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.tip-grid::-webkit-scrollbar {
    display: none;
}

.tip-item {
    width: 26%;
    position: relative;
    cursor: pointer;
    transition: all .5s ease;
}

.tip-item.open {
    width: 45%;
    cursor: auto;
    transition: all .5s ease;
}

.tip-item h4.big {
    transition: all .5s ease;
}

.tip-item.open h4.big {
    font-size: 32px;
}

.tip-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tip-item-content {
    position: absolute;
    bottom: 52px;
    left: 0;
    max-width: 40ch;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 0 22px;
    overflow: hidden;
}

.tip-item-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 59.69%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all .5s ease;
}

.overlay2 {
    opacity: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 54.4%);
}

.tip-item.open .tip-item-overlay {
    opacity: 0;
}

.tip-item.open .overlay2 {
    opacity: 1;
}



.tip-item-content p {
    margin-top: 15px;
}

.tip-item-content a {
    margin-top: 30px;
    /* display: none; */
}

.tip-item-content-wrap {
    transform: translateY(60px);
    transition: all .5s ease;
}

.tip-item.open .tip-item-content-wrap {
    transform: translateY(0%);

}

/* Homepage Tips */

/* Homepage Find */
.find .exp-wrapper {
    background: none;
    padding: 0;
    position: relative;
}

.find .exp-content {
    width: 40%;
    padding-left: 0px;
    padding-top: 30px;
    padding-bottom: 360px;
}

.find .exp-image-big {
    width: 58%;
    padding: 0;
}

.find .exp-content-wrap {
    max-width: 52ch;
}

.find .exp-text {
    gap: 15px;
    margin-top: 35px;
}

.find .cta-btn {
    margin-top: 60px;
}

.find-feature {
    display: flex;
    /* grid-template-columns: repeat(3, minmax(255px, 1fr)); */
    gap: 20px;
    width: 100%;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 2;
}

.find-feature-item {
    padding: 58px 30px;
    background-color: rgba(234, 225, 205, 1);
    display: flex;
    align-items: center;
    gap: 40px;
}

.find-feature-item .ffi-img {
    width: 95px;
    height: 95px;
}

.find-feature-item .ffi-img svg {
    width: 100%;
    height: 100%;
}

.find-feature-item .ffi-text {
    max-width: 18ch;
}

.find-feature-item .ffi-text p {
    font-weight: 600;
    line-height: 22.4px;
    color: rgba(26, 26, 26, 1);
}

/* Homepage Find */

/* homepage Pre-footer */
.pre-footer {
    padding-top: 65px;
}

.pf-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.pf-left {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.pf-right {
    width: 40%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 55px;
}

.pfl-head {
    font-family: var(--teodor);
    font-size: 133.85px;
    font-weight: 400;
    line-height: 121.8px;
    letter-spacing: -0.01em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--head);
}

.pfl-head>div {
    white-space: nowrap;
}

.pfl-head span {
    color: var(--label-gold);
    white-space: nowrap;
}

.pfl-img {
    /* margin-top: 125px; */
    display: flex;
    gap: 10px;
}

.pfl-img.mob {
    display: none;
}

.pfl-img img {
    width: 135px;
    height: 115px;
    /* aspect-ratio: 1/1; */
}

.pfr-text {
    max-width: 50ch;
}

.pfr-text p {
    text-transform: capitalize;
    font-size: 18px;
}

.pfr-text a {
    margin-top: 25px;
}

.pfr-img {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 60%;
}

.pfr-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

/* homepage Pre-footer */

/* footer */
footer {
    background-color: #172A55;
    background: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 25px;
}

.footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 64px;
    padding-bottom: 25px;
    border-bottom: 1px solid #F0ECE4;
}

.ft-left {
    width: 160px;
    height: 100%;
}

.ft-left img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.ft-right {
    display: flex;
    gap: 25px;
    align-items: center;
}

.fm-left {
    width: 65%;
}

.footer-middle {
    padding-top: 34px;
    padding-bottom: 45px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
}

.footer-link-wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 24px;
    row-gap: 56px;
    flex-wrap: wrap;
    /* width: 70%; */
}

.footer-links {
    width: fit-content;
}

.footer-links p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
}

.footer-links ul {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-links ul li a {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    text-transform: capitalize;
}

.footer-extra-links-wrap {
    display: flex;
    flex-direction: column;
    gap: 22px;
    width: fit-content;
}

.footer-extra-links a {
    padding: 10px 0;
    padding-right: 5px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 65px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    text-transform: capitalize;
}

.footer-extra-links a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: all .5s ease;
}

.footer-extra-links a:hover::before {
    width: 100%;
}

.footer-extra-links a svg {
    transition: all .5s ease;

}

.footer-extra-links a:hover svg {
    transform: rotate(-45deg);
}

.fmr-top p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.fmr-bottom {
    width: 85%;
}

.fmr-bottom-head {
    margin-bottom: 20px;
}

.fmr-bottom-head p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: 3px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
}

.fmr-bottom-form {
    display: flex;
    align-items: start;
    position: relative;
    justify-content: space-between;
    margin-bottom: 18px;
    margin-right: 15px;
}

.fmr-bottom-form::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.fmr-bottom-form input,
.fmr-bottom-form input::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    background-color: transparent;
    outline: none;
    border: none;
    align-self: center;
}

.fmr-bottom-form input::placeholder {
    text-transform: capitalize;
}

.fmr-bottom-form button {
    padding: 8px 9px;
    outline: none;
    border: none;
}

.fmr-bottom-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.fm-right {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 165px;
}

.footer-bottom {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom-left p {
    font-size: 12px;
    font-weight: 300;
    line-height: 14.4px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF;
}

.footer-bottom-middle {
    display: flex;
    align-items: center;
    gap: 28px;
}

.footer-bottom-middle p {
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF;
}

.footor-socials {
    display: flex;
    gap: 24px;
    align-items: center;
}

.terms-link {
    display: flex;
    align-items: center;
    gap: 65px;
}

.terms-link a {
    font-size: 12px;
    font-weight: 300;
    line-height: 14.4px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    transition: all 0.3s ease;
}

.terms-link a:hover {
    opacity: .5;
}

ul#menu-legal-pages {
    display: flex;
    align-items: center;
    gap: 67px;
}

.ft-left.mob,
.footer-bottom-middle.mob {
    display: none;
}

.footer-links ul li a {
    position: relative;
}

.footer-links ul li a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transition: all .3s ease;
    transform: scaleX(0);
    transform-origin: center;
}

.footer-links ul li a:hover::after {
    transform: scaleX(1);
}

.social-icon {
    transition: all 0.3s ease;
}

.social-icon:hover {
    transform: scale(1.2);
}

/* footer */

/* Homepage */

/* About Page */
/* Banner section */
.about-banner {
    width: 100%;
    height: 100vh;
    position: relative;
}

.ab-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.ab-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 75%;
}

.about-banner .ab-bg-img::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/Australian-Mattress/banner-bg-overlay.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ab-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 42.98%), linear-gradient(180deg, rgba(0, 0, 0, 0.5) 30.55%, rgba(0, 0, 0, 0) 45.69%);

}

.ab-content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.ab-content-wrap {
    padding-left: 115px;
    padding-bottom: 98px;
}

.ab-content h1 {
    font-size: 165px;
    font-weight: 400;
    line-height: 118.8px;
    letter-spacing: -0.04em;
}

.ab-content-wrap p {
    margin-top: 66px;
    max-width: 40ch;
}

.ab-content-wrap a {
    margin-top: 35px;
}

/* Banner section */

/* Resources section */
.resources {
    padding: 0 115px;
    padding-top: 55px;
    padding-bottom: 40px;
}

.resources-wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.resource-left {
    width: 55%;
}

.resource-left .rl-top p {
    color: #172A55;
    margin-top: 15px;
}

.resource-right {
    width: 40%;
}

.rl-bottom {
    margin-top: 80px;
    max-width: 60ch;
}

.rl-bottom-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.rl-bottom-img {
    margin-top: 48px;
    aspect-ratio: 1/1;
    width: 250px;
}

.rl-bottom-img.mob {
    display: none;
}

.rl-bottom-img img,
.rr-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Resources section */

/* History slider section */
.history-slider {
    padding: 75px 120px;
    background: url('../images/blue-strip-bg.png');
    background-size: cover;
}

.history-slider p {
    color: #f5f5f5;
}

.hs-wrapper {
    display: flex;
    justify-content: space-between;
}

.hs-left {
    width: 48ch;
    /* padding-bottom: 120px; */
}

.hs-left-head p {
    margin-top: 15px;
}

.hs-left-slide {
    margin-top: 90px;
}

.hsls-bottom {
    margin-top: 90px;
}

.hsls-bottom h4 {
    color: #f5f5f5;
}

.hsls-bottom p {
    margin-top: 15px;
}

.hsrs-img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
}

.hsrs-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hs-right {
    width: 49%;
    padding-top: 44px;
    padding-bottom: 32px;
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: none;
}

.splide__track--nav>.splide__list>.splide__slide {
    border: none;
}

.history-slider .splide__arrows {
    position: absolute;
    display: flex;
    gap: 15px;
    left: 0;
    bottom: -38px;
}

.history-slider .splide__arrows button {
    position: static;
    opacity: 1;
    transform: none;
    border-radius: 0%;
    background: rgba(204, 146, 47, 1);
    transition: all .3s ease;
}

/* .history-slider .splide__arrows button[disabled] {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
} */

.history-slider .splide__arrows button:hover {
    background: rgb(255, 255, 255);
}

.history-slider .splide__arrows button:hover svg path {
    stroke: rgb(0, 0, 0);
    transition: all .3s ease;
}

.history-slider .splide__arrow svg {
    fill: #fff;
}

.hsls-top,
.hsls-bottom {
    overflow: hidden;
}

.hsls-top p,
.hsls-bottom p,
.hsls-bottom h4 {
    transform: translateY(200%);
    opacity: 0;
    transition: all 1s ease;
}

#left-slider-list li.is-active .hsls-top p,
#left-slider-list li.is-active .hsls-bottom p,
#left-slider-list li.is-active .hsls-bottom h4 {
    transform: translateY(0%);
    opacity: 1;
}

.hsrs-img {
    /* clip-path: inset(0 0 0 100%); */
    opacity: 0;
    transition: all .5s ease-in;
    transition-delay: .2s;
}

#right-slider-list li.is-active .hsrs-img {
    /* clip-path: inset(0 0 0 0); */
    opacity: 1;
}

.splide__progress {
    /* Customer wants to hide the progress bar Dec 8 2025 - Begin */
    display: none;
    /* Customer wants to hide the progress bar Dec 8 2025 - End */
    position: absolute;
    bottom: -32px;
    left: 0;
    z-index: 3;
    width: 100%;
    background-color: #fff;
}

.splide__progress__bar {
    height: 1px;
    background: #CC922F;
}

.history-slider .splide__list {
    height: auto;
}

.hs-right.mob {
    display: none;
}

/* History slider section */

/* Value section */
.value-slide {
    padding: 56px 33px;
    background: url('../images/AboutPage/cream-strip-bg.png');
    /* background-repeat: no-repeat; */
    background-size: contain;
    position: sticky;
    top: 0px;
    left: 0;
    height: 100vh;
}

.value-wrap {
    width: 100%;
    height: auto;
    position: relative;
}

.value-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.value-bg .value-bg-overlay {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 0%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    position: relative;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.value-bg .value-bg-img {
    width: 100%;
    height: 100%;
}

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

.value-content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 90px;
    position: relative;
    z-index: 3;
    justify-content: space-between;
}

.value-content-top.mob {
    display: none;
}

.value-content-top {
    padding-top: 65px;
    padding-left: 39px;
    max-width: 52ch;
}

.value-content-top p {
    margin-top: 40px;
}

.value-content-bottom {
    padding: 100px 90px;
    background-color: rgba(255, 246, 229, 1);
    width: fit-content;
    margin-left: auto;
}

.value-content-bottom p {
    max-width: 50ch;
    margin-top: 40px;
}

/* Value section */

/* Partnership section */
.partnership {
    padding-top: 85px;
}

.partnership-top {
    text-align: center;
    max-width: 80ch;
    margin: 0 auto;
}

.partnership-middle {
    text-align: center;
    margin-top: 125px;
}

.partnership-grid {
    margin-top: 50px;
    display: flex;
    gap: 82px;
    justify-content: center;
    flex-wrap: wrap;
}

.partner-img {
    width: 100%;
    height: 70px;
    padding: 0 45px;
}

.partner-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.partner-grid-item p {
    max-width: 43ch;
    margin: 0 auto;
    margin-top: 30px;
}

.partnership-bottom {
    text-align: center;
    margin-top: 80px;
    overflow: hidden;
}

.partnership .lineChild {
    text-align: center !important;
}

/* Partnership section */

/* Milestone section */
.milestone {
    padding: 68px 0;
    background: url('../images/AboutPage/cream-strip-bg.png');
    /* background-repeat: no-repeat; */
    background-size: contain;
}

.milestone-top {
    text-align: center;
}

.milestone-bottom {
    margin-top: 105px;
    display: flex;
    gap: 65px;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}

.counter {
    font-family: var(--teodor);
    font-size: 62px;
    font-weight: 400;
    /* line-height: 130.18px; */
    letter-spacing: -0.04em;
    color: #172A55;
}

/* Milestone section */

/* About Location section */
.about-location .loc-text-wrap a {
    color: #172A55;
    font-weight: 600;
}

.about-location .loc-text {
    width: 34%;
}

/* About Location section */

/* FAQ */

.faq-section {
    padding-left: 115px;
    padding-top: 65px;
    padding-bottom: 85px;
}

.faq.faq-bg-colored {
    background-color: #F7F1E5;
}

.faq-section-wrap {
    display: flex;
    justify-content: space-between;
}

.faq-left {
    width: 58%;
}

.fi-title {
    max-width: 55ch;
}

.accordion {
    max-width: 100%;
    margin-top: 60px;
}

.accordion-item {
    border: none;
    border-bottom: .8px solid #EFB083;
    background: transparent;
}

.accordion-header {
    padding-right: 11px;
    padding-top: 25px;
    padding-bottom: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 25px;
    font-size: 18px;
    line-height: 21.6px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #1A1A1A;
    font-family: var(--teodor);
    align-items: start;
}

.acc-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 8px;
}

.acc-icon span {
    display: inline-block;
    width: 14px;
    height: 1px;
    background-color: #172A55;
}

.accordion-header .acc-icon span:nth-child(2) {
    transform: rotate(90deg);
    transition: all .3s ease;
    margin-left: -50%;

}

.accordion-header.active .acc-icon span:nth-child(2) {
    transform: rotate(0deg);
}


.accordion-content {
    overflow: hidden;
    transition: height 0.3s ease-out;
    height: 0;
}

.accordion-content-inner {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    max-width: 65ch;
}

.accordion-content-inner p {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.44px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-top: 20px;
}

.accordion-content-inner p:nth-child(1) {
    margin-top: 0px;
}

.accordion-content-inner p a {
    border-bottom: 1px solid #5d5d5d;
    transition: .3s ease all;
}

.accordion-content-inner p a:hover {
    border-color: var(--label-gold);
    color: var(--label-gold);
}

.accordion-content-inner ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: #5d5d5d;
    display: flex;
    gap: 12px;
    padding-left: 8px;
}

.accordion-content-inner ol {
    list-style: number;
    padding-left: 20px;
}

.accordion-content-inner ol li {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: #5d5d5d;
    padding-left: 8px;
}


.accordion-content-inner ul,
.accordion-content-inner ol {
    margin-top: 20px;
}

.accordion-content-inner ul:nth-child(1),
.accordion-content-inner ol:nth-child(1) {
    margin-top: 0px;
}

.accordion-content-inner ul li::before {
    content: '';
    background-color: #5d5d5d;
    min-width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-top: 10px;
}

.accordion-content.active .accordion-content-inner {
    opacity: 1;
    transform: translateY(0);
}

.accordion-item:last-of-type {
    border-radius: 0;
}

.faq-right.mob {
    display: none;
}

.faq-right {
    width: 34%;
    position: relative;
    margin-top: 65px;
    min-height: 460px;
    /* height: 100%; */
}

.fir-img {
    width: 100%;
    /*height: 100%;*/
    position: absolute;
    left: 0;
    top: 0;
}

.fir-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.faq-bg {
    background: url('../images/AboutPage/cream-strip-bg.png');
    /* background-repeat: no-repeat; */
    background-size: contain;
}

.fir-textbox {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    padding: 85px 17px;
    text-align: center;
    top: 50%;
    left: 63px;
    transform: translate(-50%, -50%);
}

.fir-textbox-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

.fir-textbox-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .2;
    mix-blend-mode: multiply;
}

.fir-textbox h3 {
    color: var(--head);
}

.fir-textbox p {
    font-size: 12px;
    margin-top: 6px;
}

.fir-textbox a {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 16.8px;
    letter-spacing: 4px;
    color: #172A55;
    text-transform: uppercase;
    border-bottom: 1.13px solid #172A55;
    padding-bottom: 5px;
    margin-top: 25px;
    transition: all .3s ease;
}

.fir-textbox a:hover {
    color: var(--label-gold);
    border-bottom: 1.13px solid var(--label-gold);
}


/* FAQ */

/* About Page */

/* Australian-Mattress page */

/* Banner section */
.australian-mattress-banner.about-banner {
    display: flex;
    align-items: flex-end;
    min-height: 730px;
}

.australian-mattress-banner .ab-content {
    justify-content: center;
    z-index: 3;
    height: calc(100% - 141px);
}

.australian-mattress-banner .ab-content-wrap {
    padding-bottom: 40px;
    padding-top: 40px;
}

.australian-mattress-banner .ab-content h1 {
    font-size: 120px;
    font-weight: 400;
    line-height: 97.2px;
    letter-spacing: -0.01em;
    max-width: 15ch;
}

.australian-mattress-banner .ab-content-text-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 72px;
}

.australian-mattress-banner .ab-content-text-wrap p {
    margin: 0;
    max-width: 66ch;
}

.australian-mattress-banner .ab-content-wrap a {
    margin-top: 27px;
}

.australian-mattress-banner .ab-bg-img img {
    object-position: center 70%;
}

/* .australian-mattress-banner .ab-bg-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0.71%, rgba(0, 0, 0, 0) 100%);
} */

.australian-mattress-banner .ab-bg-img::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/Australian-Mattress/banner-bg-overlay.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Banner section */


/* Pride section */
.pride.testimonial {
    background-color: var(--bg-blue);
    padding-top: 75px;
    padding-bottom: 90px;
    padding-left: 110px;
    padding-right: 40px;
}

.pride .tl-content h3,
.pridee .tl-author {
    transform: translateY(0%);
    opacity: 1;
}

.pride .test-image {
    opacity: 1;
}

.pride .testimonial-slide {
    padding-top: 170px;
    padding-bottom: 0;
    min-height: auto;
}

.pride .tl-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pride .tl-content p {
    color: #f5f5f5;
}

.pride .test-left {
    display: flex;
    flex-direction: column;
    gap: 170px;
}

.pride .test-right {
    width: 35%;
}

.pride .testimonial-slider-wrapper {
    margin-top: -40px;
}

.pride .test-right.mob {
    display: none;
}

/* Pride section */

/* Ultimate section */
.ultimate-section-wrap {
    padding: 0 115px;
    padding-top: 60px;
    padding-bottom: 50px;
}

.ultimate-section-head {
    text-align: center;
}

.ultimate-section-grid {
    margin-top: 50px;
    height: 550px;
    display: grid;
    grid-template-columns: repeat(3, minmax(315px, 1fr));
    gap: 26px;
}

.usg-item {
    height: 100%;
    width: 100%;
    position: relative;
}

.usg-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow: hidden;
}

.usg-item-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    transition: all .5s ease;
}

.usg-item:hover .usg-item-bg img {
    scale: 1.1;
}

.usg-item-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.35) 61.93%);
    z-index: 1;
}

.usg-item-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 24px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Ultimate section */

/* Unveiling section */
.Unveiling-section-wrap {
    padding: 50px 55px;
}

.Unveiling-section-head {
    text-align: center;
}

.Unveiling-section-head h2 .lineParent {
    text-align: center !important;
}

.Unveiling-section-head p .lineParent {
    text-align: center !important;
}

.Unveiling-section-head p {
    margin-top: 25px;
}

.Unveiling-section-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(150px, 1fr));
    row-gap: 60px;
    column-gap: 60px;
    text-align: center;
    justify-content: center;
}

.Unveiling-item {
    grid-column: span 2;
}

/* Dealing with 2 orphan items */

.Unveiling-item:last-child:nth-child(3n - 1) {
    grid-column-end: -2;
}

.Unveiling-item:nth-last-child(2):nth-child(3n + 1) {
    grid-column-end: 4;
}

/* Dealing with single orphan */

.Unveiling-item:last-child:nth-child(3n - 2) {
    grid-column-end: 5;
}



.Unveiling-item-content {
    max-width: 39ch;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    gap: 15px;
}

.Unveiling-item-content h4 {
    color: var(--head);
    text-align: center;
}

.Unveiling-item-img {
    width: 80px;
    height: 80px;
    margin: auto;
}

.Unveiling-item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.Unveiling-section-footer {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    max-width: 50ch;
    margin: 0 auto;
    margin-top: 58px;
    max-width: 58ch;
}

.Unveiling-section-footer p {
    line-height: 19px;
}

.Unveiling-section-footer::before {
    content: "";
    width: 25px;
    height: 1px;
    background-color: #172A55;
}

.Unveiling-slider {
    margin-top: 60px;
}

.Unveiling-section-slider.splide__list {
    height: auto;
}

.Unveiling-item-content p {
    text-align: center;
}

.Unveiling-section-wrap .splide__pagination {
    bottom: -30px;
}

.Unveiling-section-wrap .splide__pagination__page.is-active {
    background-color: var(--label-gold);
}

/* Unveiling section */

/* collaboration section */
.collaboration {
    padding-top: 105px;
    padding-bottom: 70px;
}

.collaboration .exp-wrapper {
    padding: 0;
    background: none;
}

.collaboration .exp-text {
    margin-top: 35px;
}

.collaboration .cta-btn {
    margin-top: 55px;
}

.collaboration .cta-btn a {
    padding: 14px 48px;
}

.collaboration .exp-image-big {
    padding: 0;
    width: 41%;
}

.collaboration .exp-image-big img {
    object-position: bottom;
}

.collaboration .exp-content-wrap {
    max-width: 52ch;
}

.collaboration .exp-image-small {
    right: 41%;
    top: 105%;
    width: 210px;
    height: 245px;
}

.collaboration .exp-content {
    padding-top: 116px;
    padding-bottom: 128px;
}

.collaboration p .lineParent {
    line-height: 22px;
}

.collaboration .label {
    font-size: 32px;
}

/* collaboration section */

/* Pre-footer */
.pre-footer2 {
    padding: 0;
    margin-top: 90px;
    margin-bottom: 54px;
}

.pre-footer2 .pfl-content-wrap {
    margin-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pre-footer2 .pfl-content-btn {
    margin-top: 40px;
}

.pre-footer2 .pf-right {
    width: 42%;
    height: 100%;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.pre-footer2 .pfr-img {
    padding-top: 0;
    height: 100%;
    width: 100%;
}

.pre-footer2 .label {
    line-height: 90%;
}

.pre-footer2 .pfl-content-wrap p a {
    border-bottom: 1px solid var(--desc);
    transition: all .3s ease;
}

.pre-footer2 .pfl-content-wrap p a:hover {
    border-bottom: 1px solid var(--label-gold);
    color: var(--label-gold);
}

.pre-footer2 .pf-wrap {
    padding-left: 18px;
    padding-right: 38px;
    position: relative;
}

.pre-footer2 .pfl-img-wrap {
    height: 100%;
}

.pre-footer2 .pf-left {
    gap: 105px;
    width: 48%;
}

/* Pre-footer */

/* Australian-Mattress page */

/* Sleep Tips page */

/* Banner section */
.sleep-tips-banner .ab-content-wrap {
    padding-left: 0;
}

.sleep-tip-banner-wrap {
    max-width: 75ch;
}

.sleep-tips-banner .ab-content h1 {
    max-width: 100%;
    font-size: 125px;
    line-height: 101px;
}

.sleep-tips-banner .label {
    margin-top: 30px;
    text-align: end;
}

.sleep-tips-banner .ab-content-text-wrap p {
    max-width: 100%;
}

.sleep-tips-banner .ab-content-text-wrap {
    max-width: 46ch;
    margin-left: auto;
}

/* Banner section */

/* Unlock section */
.unlock .exp-content {
    padding: 150px 0;
    padding-left: 30px;
    width: 46%;
}

.unlock .exp-image-big img {
    object-position: center 115%;
}

.unlock .heading p {
    margin-top: 20px;
}

.unlock .text {
    max-width: 100%;
    margin-top: 100px;
    gap: 15px;
}

.unlock .text>p {
    font-size: 16px;
    font-weight: 700;
    line-height: 22.4px;
    color: #172A55;
    max-width: 55ch;
}

.unlock .text ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 8px;
}

.unlock .text li {
    display: flex;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
}

.unlock .text li::before {
    content: '';
    min-width: 5px;
    height: 5px;
    background-color: var(--desc);
    border-radius: 50%;
    margin-top: 10px;
}

.unlock .exp-content-wrap {
    max-width: 100%;
}

.unlock .exp-wrapper {
    padding: 0;
    background: none;
}

.unlock-img-mob {
    display: none;
}

/* Unlock section */

/* Creating section */
.creating {
    padding: 68px 0;
    padding-left: 30px;
    background-color: var(--bg-blue);
}

.creating-wrap {
    display: flex;
    position: relative;
    justify-content: space-between;

}

.creating-left {
    width: 50%;
    padding-top: 75px;
    padding-bottom: 90px;
}

.creating-left-head {
    max-width: 60ch;
}

.creating-left-head p {
    margin-top: 15px;
}

.creating-left-content {
    margin-top: 70px;
    max-width: 60ch;
}

.creating-left-content ol {
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: number;
    padding-left: 16px;
}

.creating-left-content ol li p,
.creating-left-content ol li {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    color: #fff;
}

.creating-left-content ol li p {
    padding-left: 5px;
}

.creating-left-content ol li a {
    font-weight: 700;
    border-bottom: 1px solid #fff;
    transition: all .3s ease;
    color: #fff;
}

.creating-left-content ol li a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.creating-right {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    overflow: hidden;
}

.creating-right-wrap {
    display: flex;
    gap: 20px;
    justify-content: end;
    height: 100%;
}

.creating-right-big {
    width: 440px;
    height: 100%;
}

.creating-right-small {
    width: 210px;
    height: 245px;
}

.creating-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Creating section */

/* Mind section */
.mind .exp-content {
    padding: 60px 0;
    padding-left: 70px;
}

.mind .text {
    max-width: 45ch;
    margin-top: 50px;
    gap: 20px;
}

.mind .text ul {
    gap: 15px;
}

.mind .text ul li p {
    font-size: 14px;
}

.mind-left-image {
    width: 108px;
    height: 124px;
    margin-top: 40px;
}

.mind-left-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mind-left-image.mob {
    display: none;
}

/* Mind section */

/* Role Section */
.role {
    width: 100%;
    height: 100vh;
    position: relative;
}

.role-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    padding-bottom: 32px;
}

.role-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.role-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 25%;
}

.role-content {
    background-color: rgba(240, 236, 228, 1);
    padding-left: 80px;
    padding-right: 70px;
    padding-bottom: 90px;
    padding-top: 75px;
    text-align: center;
    max-width: 82ch;
}

.role-content p {
    margin-top: 30px;
    text-indent: -50pt;
}

/* Role Section */

/* Challenges section */
.challenges {
    background-color: transparent;
    padding-top: 75px;
    padding-left: 70px;
}

.challenges .creating-right-img {
    width: 320px;
    height: 100%;
}

.challenges .creating-right-wrap {
    gap: 22px;
}

.challenges .creating-right {
    width: 60%;
}

.challenges .creating-left {
    width: 40%;
    padding-top: 0;
    padding-bottom: 18px;
}

.challenges .creating-left-head {
    max-width: 50ch;
}

.challenges .creating-left-head p {
    /* margin-top: 15px; */
    font-size: 14px;
    font-weight: 700;
    line-height: 19.6px;
    color: #172A55;
}

.challenges .creating-left-content {
    margin-top: 20px;
    max-width: 50ch;
}

.challenges .creating-left-content p {
    margin-top: 45px;
}

.challenges .creating-left-content ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.challenges .creating-left-content ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: var(--desc);
    display: flex;
    gap: 10px;
    padding-left: 7px;
}

.challenges .creating-left-content ul li::before {
    content: '';
    min-width: 6px;
    height: 6px;
    background-color: var(--desc);
    border-radius: 50%;
    margin-top: 9px;
}

/* Challenges section */

/* Equal section */
.equal .exp-wrapper {
    padding: 0;
    background: none;
}

.equal .exp-content {
    width: fit-content;
    padding-left: 70px;
    padding-top: 80px;
    padding-bottom: 80px;
}

.equal-left-img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
    margin-top: 45px;
}

.equal-left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 65%;
}

.equal .exp-content-wrap {
    max-width: 100%;
    text-align: center;
    width: 575px;
}

.equal .text {
    margin-top: 40px;
    max-width: 100%;
}

.equal .text p a {
    font-weight: 700;
    color: #172A55;
    border-bottom: 1px solid #172A55;
    transition: all .3s ease;
}

.equal .text p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.equal .exp-image-big {
    width: 46%;
}

.equal .exp-image-big img {
    object-position: 20% center;
}

/* Equal section */

/* Sleep Tips page */

/* Brand Hypnos page */

/* Banner Section */
.hypnos-banner {
    height: 100vh;
    width: 100%;
    /* min-height: 700px; */
}

.hypnos-banner-wrap {
    display: flex;
    width: 100%;
    height: 100%;
}

.hypnos-banner-left {
    width: 59%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: end;
    padding-left: 40px;
}

.hypnos-banner-left-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.hypnos-banner-left-bg::before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 16.16%, rgba(0, 0, 0, 0) 99.54%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

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

.hypnos-banner-left-content {
    height: calc(100% - 142px);
    position: relative;
    z-index: 2;
    padding-top: 70px;
    padding-left: 8px;
    padding-bottom: 30px;
}

.hypnos-banner-left-content-wrap {}

.hypnos-banner-left-content-wrap h1 {
    font-size: 228.25px;
    line-height: 164.34px;
}

.hypnos-banner-left-content-wrap .label {
    font-size: 62px;
    text-align: end;
    margin-top: 5px;
}

.hypnos-banner-right {
    width: 41%;
    display: flex;
    align-items: end;
    padding-right: 40px;
    background: url('../images/cream-strip-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.hypnos-banner-right-img {
    width: auto;
    height: 165px;
    overflow: hidden;
}

.hypnos-banner-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hypnos-banner-right-wrap {
    height: calc(100% - 142px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 84px;
    padding-bottom: 40px;
    max-width: 58ch;
}

.hypnos-banner-right-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 68px;
}

/* Banner Section */

/* Royal Section */
.royal-hypnos {
    padding: 52px 0;
    padding-right: 30px;
    background-color: var(--bg-blue);
}

.royal-hypnos-wrap {
    display: flex;
    position: relative;
}

.royal-hypnos-left {
    width: 60%;

}

.royal-hypnos-left-wrap {
    display: grid;
    position: relative;
    grid-template-columns: repeat(12, 1fr);
    height: 100%;
}

.royal-hypnos-big {
    grid-row: 1;
    grid-column: 1 / span 7;
    height: 100%;
}

.royal-hypnos-small {
    grid-column: 5 / -2;
    grid-row: 1;
    padding: 41px 0;
    z-index: 1;
    height: 100%;
}



.royal-hypnos-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.royal-hypnos-right {
    width: 45%;
    margin-left: auto;
    padding: 120px 0;
    /* padding-left: 20px; */
}

.royal-hypnos-right-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 25px;
    max-width: 56ch;
}

.royal-hypnos-right-head {
    max-width: 50ch;
}

.royal-hypnos-right-head h2 {
    text-transform: capitalize;
}

.royal-hypnos-right-content p a {
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    transition: all 0.3s ease;
}

.royal-hypnos-right-content p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

/* Royal Section */

/* Craftsmanship Section */
.craftsmanship {
    padding: 0 115px;
    padding-top: 55px;
    padding-bottom: 60px;
}

.craftsmanship-wrap {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    position: relative;
}

.craftsmanship-left {
    width: 50%;
}

.craftsmanship-left-head p {
    padding-top: 10px;
    color: #1A1A1A;
    line-height: 22.4px;
}

.craftsmanship-left-head p a {
    font-size: 14px;
    color: #172A55;
    border-bottom: 1px solid #172A55;
    transition: all 0.3s ease;
    font-weight: 700;
}

.craftsmanship-left-head p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.craftsmanship-left-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 80px;
    max-width: 34ch;
    /* overflow: hidden; */
}

.craftsmanship-left-toggle {
    display: none;
}

.craftsmanship-left-wrap .tab-btn {
    font-size: 12px;
    font-weight: 800;
    line-height: 16.8px;
    letter-spacing: 4px;
    color: var(--desc);
    text-transform: uppercase;
    transition: all 0.4s ease;
    cursor: pointer;
    display: flex;
    gap: 7px;
    transform: translateX(-12px);
}

.craftsmanship-left-wrap .tab-btn::before {
    content: '';
    min-width: 7.5px;
    height: 7.5px;
    border-radius: 50%;
    margin-top: 3px;
    background-color: #172A55;
    opacity: 0;
    transition: all 0.4s ease;
}

.craftsmanship-left-wrap .tab-btn.active::before {
    opacity: 1;
}

.craftsmanship-left-wrap .tab-btn:hover {
    color: #172A55;
}

.craftsmanship-left-wrap .tab-btn.active {
    transform: translateX(0);
    color: #172A55;
}

.craftsmanship-right {
    width: 50%;
    display: flex;
    justify-content: end;

}

.craftsmanship-right-wrap {
    max-width: 555px;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.craftsmanship-right-wrap .tab-img {
    width: 100%;
    height: auto;
}

.craftsmanship-right-wrap .tab-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 5/4;
}

.craftsmanship-right-wrap p {
    margin-top: 30px;
    /* transform: translateY(100%); */
    transition: all 0.4s ease;
    -webkit-animation: slideEffect 1s;
}

.craftsmanship-right-wrap .tabcontent {
    /* display: none; */
    display: none;
    flex-direction: column;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.craftsmanship-left-wrap.mob {
    display: none;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideEffect {
    from {
        transform: translateY(100%);
    }

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


/* Craftsmanship Section */

/* Brand Hypnos page */

/* Plush Mattress page */

/* Banner Section */
.plush-banner {
    background-color: #172A55;
    /* height: 100vh; */
    /* min-height: 700px; */
    width: 100%;
    position: relative;
}

.plush-banner::before {
    content: '';
    background: url('../images/gray-strip-bg.png');
    background-size: contain;
    background-position: center;
    /* background-repeat: no-repeat; */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.plush-banner-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    /* height: 100%; */
}

.plush-banner-top {
    /* height: 80%; */
    position: relative;
}

.plush-banner-top-bg {
    display: flex;
    width: 100%;
    /* height: 100%; */
    gap: 140px;
    position: relative;
}

.plush-banner-bg-left {
    width: 50%;
    position: relative;
}

.plush-banner-bg-left::before,
.plush-banner-bg-right::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 32.75%, rgba(0, 0, 0, 0) 87.68%),
        linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
    z-index: 2;

}

.plush-banner-bg-right::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 19.54%, rgba(0, 0, 0, 0) 68.75%);
}

.plush-banner-bg-right {
    width: 50%;
    position: relative;
}

.plush-banner-bg {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-top: 40%;
}

.plush-banner-bg::before {}

.plush-banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
}

.plush-banner-head {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.plush-banner-head h1 {
    text-align: center;
    font-size: 160px;
    line-height: 80%;
}

.plush-banner-bottom {
    margin-top: 35px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 100%;
}

.plush-banner-bottom-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 80ch;
    margin: auto;
    padding-bottom: 30px;
}

.plush-banner-bottom-wrap p {
    text-align: center;
    color: #fff;
}

/* Banner Section */

/* plush selection section */
.plush-selection {
    padding-top: 50px;
}

.plush-selection-top {
    text-align: center;
    max-width: 72ch;
    margin: 0 auto;
}

.plush-selection-top h2 {
    text-align: center;
    text-transform: capitalize;
}

.plush-selection-top-content {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.plush-selection-top p {
    color: #172A55;
}

.plush-selection-top p a {
    color: #172A55;
    border-bottom: 1px solid #172A55;
    transition: all 0.3s ease;
}

.plush-selection-top p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.plush-selection-bottom {
    margin-top: 90px;
}

.plush-selection-cards {
    display: flex;
    position: relative;
}

.plush-selection-left {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.plush-selection-left-img {
    width: 100%;
    height: 100%;
}

.plush-selection-left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.plush-selection-right {
    width: 50%;
    margin-left: auto;
    padding: 155px 0;
    padding-left: 135px;
}

.plush-selection-right-content {
    margin-top: 30px;
    max-width: 50ch;
}

.plush-selection-right-content p {
    margin-top: 20px;
}

.plush-selection-right-content p:nth-child(1) {
    margin-top: 0px;
}

.plush-selection-right-content ul {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.plush-selection-right-content ul li {
    display: flex;
    gap: 7px;
    padding-left: 8px;
    font-weight: 400;
    color: #5D5D5D;
    font-size: 14px;
    line-height: 140%;
}

.plush-selection-right-content ul li a {
    color: #172A55;
    font-weight: 700;
    border-bottom: 1px solid #172A55;
}

.plush-selection-right-content ul li::before {
    content: '';
    min-width: 6px;
    height: 6px;
    background-color: #172A55;
    border-radius: 50%;
    margin-top: 9px;
}

.plush-selection-cards:nth-child(even) .plush-selection-left {
    right: 0;
    left: auto;
}

.plush-selection-cards:nth-child(even) .plush-selection-right {
    margin-left: 0;
    padding-left: 77px;
    padding-right: 68px;
}

/* plush selection section */

/* Plush Mattress page */

/* Mattress Care Guide page */

/* banner */
.care-guide .ab-content h1 {
    font-size: 100px;
    max-width: 16ch;
    line-height: 81px;
}

.care-guide .ab-bg-img img {
    object-position: center 45%;
}

/* .care-guide .ab-bg-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 20.28%, rgba(0, 0, 0, 0) 56.17%);
} */

.care-guide .ab-content-text-wrap p {
    max-width: 85ch;
    color: #fff;
}

.care-guide .ab-content-text-wrap {
    margin-top: 20px;
}

/* banner */

/* fundamental */
.fundamental .plush-selection-top {
    text-align: left;
    margin: 0;
    max-width: 65ch;
}

.fundamental .plush-selection-top h2 {
    text-align: left;
}

.fundamental .plush-selection-right-content {
    max-width: 100%;
}

.fundamental .plush-selection-right-content ol {
    list-style: number;
    padding-left: 20px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fundamental .plush-selection-right-content li {
    color: var(--desc);
    line-height: 22px;
    padding-left: 4px;
}

.fundamental .plush-selection-right-content p {
    line-height: 22px;
}

.fundamental .plush-selection-right-wrap {
    max-width: 48ch;
}

.fundamental .plush-selection-right {
    padding-top: 63px;
    padding-bottom: 63px;
}

.fundamental .plush-selection-cards:nth-child(even) .plush-selection-right {
    padding-left: 70px;
}

.fundamental .plush-selection-cards:nth-child(even) .plush-selection-right-wrap {
    max-width: 56ch;
}

.fundamental .plush-selection-right-content ul li::before {
    background-color: var(--desc);
}

.fundamental .plush-selection-right-content ul li {
    padding-left: 18px;
}

.fundamental .plush-selection-right-content ul {
    /* gap: 0; */
}

/* fundamental */

/* Mattress Care Guide page */

/* Technology page */

/* banner section */
.technology .ab-bg-img img {
    object-position: center 80%;
}

.technology .ab-content h1 {
    font-size: 165px;
    line-height: 118px;
}

.technology .ab-content-text-wrap {
    margin-top: 50px;
    max-width: 75ch;
}

.technology .ab-content-text-wrap p {
    max-width: 100%;
    color: #fff;
}

.technology .ab-bg-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 96.61%, rgba(0, 0, 0, 0) 100%);
}

/* banner section */

/* Science section */
.science-section {
    position: relative;
}

.science {
    background: url('../images/blue-strip-bg.png');
    background-size: contain;
    padding-top: 80px;
    padding-bottom: 60px;
    padding-left: 125px;
    position: sticky;
    top: 0;
}

.science-wrap {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.science-left {
    width: 40%;
}

.science-left-top {
    max-width: 50ch;
}

.science-left-bottom {
    margin-top: 35px;
}

.science-left-bottom-img {
    width: 380px;
    height: auto;
}

.science-left-bottom-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.science-right {
    width: 55%;
}

.science-right-wrap p {
    color: #f5f5f5;
    margin-top: 20px;
}

.science-right-wrap p:nth-child(1) {
    margin-top: 0;
}

.science-right-wrap li,
.science-right-wrap li a {
    color: #f5f5f5;
    line-height: 22px;
}

.science-right-wrap li a {
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.3s ease;
}

.science-right-wrap li a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.science-right-wrap ul li {
    position: relative;
}

.science-right-wrap ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #f5f5f5;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: -8px;
}

.science-right-wrap ul li {
    padding-left: 8px;
    margin-left: 15px;
}

.science-right-wrap ul,
.science-right-wrap ol {
    margin-top: 20px;
}

.science-right-wrap ol {
    list-style: number;
    padding-left: 20px;
}

.science-right-wrap ol li {
    padding-left: 3px;
}

.science-right-wrap {
    max-width: 70ch;
}

/* Science section */

/* Technology page */

/* store locator page */

/* banner */
.store-locator-banner .ab-bg-overlay {
    background: linear-gradient(122.17deg, rgb(0 0 0 / 57%) 90.24%, rgba(0, 0, 0, 0) 100.73%)
}

.store-locator-banner .ab-content h1 {
    font-size: 100px;
    line-height: 81px;
    letter-spacing: -0.04em;
    max-width: 18ch;
}

.store-locator-banner .ab-content-text-wrap p {
    margin: 0;
    max-width: 60ch;
    color: #fff;
}

.store-locator-banner .ab-content-text-wrap {
    margin-top: 45px;
}

/* banner */

/* Store locator */
.store-locator {
    padding-right: 40px;
}

.store-locator-top-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 60ch;
    margin-top: 25px;
}

.store-locator-bottom {
    margin-top: 40px;
}

.slb-selector-wrap {
    display: flex;
    align-items: center;
    gap: 18px;
}

.slb-selector-wrap .select2-container,
.slb-selector-wrap input {
    background-color: transparent;
    width: 290px !important;
    padding: 15px 20px;
    border: 1px solid #172A55;
    font-size: 12px;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #172A55;
}

.slb-selector-wrap input::placeholder {
    color: #172A55;
}

.slb-selector-wrap .select2-container--default .select2-selection--single .select2-selection__rendered,
.slb-selector-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #172A55;
    font-weight: 800;
    padding: 0;
}

.slb-selector-wrap .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
}

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

.slb-selector-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    position: relative;
}

.slb-selector-wrap .select2-container--default .select2-selection--single .select2-selection__rendered::before {
    content: '';
    background: url('../images/down-arrow.svg');
    background-size: contain;
    width: 12px;
    height: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.slb-location {
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
}

.slb-location-map {
    width: 51%;
    background-color: #172A55;
}

.slb-location-cards {
    width: 40%;
}

.slb-location-cards-grid {
    width: 100%;
    display: flex;
    justify-content: end;
}

.slbl-card {
    background-color: #EBDFC9;
    padding: 0 52px;
    padding-top: 30px;
    padding-bottom: 25px;
    max-width: 440px;
    width: 100%;
    justify-self: end;
}

.slbl-card-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.slbl-card-top {
    display: flex;
    gap: 8px;
    position: relative;
    align-items: center;
}

.slbl-card-top::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #172A55;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -17px;
}

.slbl-card-top p {
    font-size: 12px;
    font-weight: 700;
    line-height: 16.8px;
    letter-spacing: 3px;
    color: #172A55;
    text-transform: uppercase;
}

.slbl-card-top .name-sep {
    width: 1px;
    height: 10px;
    background-color: #172A55;
}

.slbl-card-middle>p {
    font-size: 18px;
}

.slbl-card-middle-wrap {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.slbl-card-middle-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.slbl-card-bottom {
    display: flex;
    gap: 14px;
}

.slbl-card-bottom a {
    transition: all 0.3s ease;
}

.slbl-card-bottom a:nth-child(1) {
    background-color: #172A55;
    color: #fff;
    border: 1px solid #172A55;

}

.slbl-card-bottom a:nth-child(1):hover {
    background-color: transparent;
    color: #5D5D5D;
    border: 1px solid #5D5D5D;
}

.slbl-card-bottom a:nth-child(2) {
    background-color: transparent;
    color: #5D5D5D;
    border: 1px solid #5D5D5D;
}

.slbl-card-bottom a:nth-child(2):hover {
    background-color: #172A55;
    color: #fff;
    border: 1px solid #172A55;
}

.slb-location-cards-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(255px, 1fr));
    padding-right: 70px;
    row-gap: 30px;
    overflow: hidden;
    overflow-y: scroll;
    height: 620px;
}

/* Firefox */
/* .slb-location-cards-grid {
    scrollbar-width: thin;
    scrollbar-color: #CC922F #D7CDBA;
} */
/* Main scrollbar width and height */
.slb-location-cards-grid::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

/* Scrollbar thumb */
.slb-location-cards-grid::-webkit-scrollbar-thumb {
    background: #CC922F;
    border-radius: 20px;
}

/* Scrollbar track */
.slb-location-cards-grid::-webkit-scrollbar-track {
    background: #D7CDBA;
    border-radius: 2px;
}

#map {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.slb-location-map {
    position: relative;
}

/* Store locator */

/* store locator page */

/* Construction Design page */

/* Banner section */
.construction-banner {
    width: 100%;
    height: 100vh;
    min-height: 700px;
    background: url(../images/blue-strip-bg.png);
    background-size: contain;
    display: flex;
    align-items: end;
    position: relative;
}

.construction-banner-inner {
    width: 100%;
    height: auto;
}

.construction-banner-wrap {
    width: 100%;
    height: calc(100% - 142px);
    position: relative;
}

.construction-banner-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 142px);
    display: flex;
    justify-content: center;
    padding-bottom: 50px;
}

.construction-banner-bg-img {
    width: 38%;
    position: relative;
}

.construction-banner-bg-img::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20.85%);
}

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

.construction-banner-content {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 110px;
}

.construction-banner-content h1 {
    font-size: 120px;
    line-height: 86.4px;
    letter-spacing: -0.04em;
    max-width: 15ch;
}

.construction-banner-content .label {
    font-size: 44px;
    margin-top: 30px;
}

.construction-banner-content-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 42ch;
    margin-left: auto;
}

.construction-banner-content-wrap p {
    color: #fff;
    line-height: 22px;
}

/* Banner section */

/* Dream section */
.dream {
    position: relative;
    width: 100%;
    height: auto;
}

.dream-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    display: flex;
}

.dream-bg-big {
    width: 52%;
}

.dream-bg-small {
    width: 48%;
    padding-top: 57px;
    padding-bottom: 35px;
}

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

.dream-content {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 99px;
    padding-bottom: 77px;
    position: relative;
    z-index: 2;
}

.dream-content-wrap {
    background-color: #F0ECE4;
    max-width: 845px;
    width: 100%;
    padding: 0 98px;
    padding-top: 70px;
    padding-bottom: 85px;
}

.dream-content-top h2 {
    line-height: 52px;
    text-transform: capitalize;
}

.dream-content-top p {
    margin-top: 28px;
    max-width: 58ch;
}

.dream-content-bottom {
    margin-top: 65px;
    max-width: 60ch;

}

.dream-content-bottom p a {
    color: #172A55;
    border-bottom: 1px solid #172A55;
    font-weight: 700;
    transition: all 0.3s ease;
    font-size: 14px;
}

.dream-content-bottom p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.dream-content-bottom ul {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dream-content-bottom ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--desc);
    display: flex;
    gap: 8px;
    padding-left: 7px;
}

.dream-content-bottom ul li::before {
    content: "";
    min-width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--desc);
    margin-top: 9px;
}

/* Dream section */

/* Durable section */
.durable {
    background-color: transparent;
    padding-top: 90px;
    padding-bottom: 90px;
}

.durable .creating-left {
    width: 42%;
    padding-top: 30px;
    padding-bottom: 0;
}

.durable .creating-right {
    width: 55%;
}

.durable .creating-left-content {
    margin-top: 25px;
    max-width: 55ch;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.durable-left-img {
    margin-top: 145px;
    width: 210px;
    height: 140px;
}

.durable-left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.durable .creating-right-small {
    width: 36%;
    height: 100%;
}

.durable .creating-right-right {
    width: 61%;
    height: 100%;
}

/* Durable section */

/* Art section */
.art {
    padding: 64px 0;
    padding-left: 30px;
    background: url('../images/cream-strip-bg2.png');
    background-size: cover;
}

.art-wrap {
    display: flex;
    gap: 20px;
    position: relative;
}

.art-left {
    width: 40%;
    padding-top: 100px;
    padding-bottom: 110px;
}

.art-left-top .art-left-top-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    max-width: 57ch;
}

.art-left-bottom {
    margin-top: 110px;
}

.art-left-bottom h4 {
    color: var(--head);
}

.art-left-bottom .art-left-bottom-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
    max-width: 52ch;
}

.art-right {
    width: 57%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.art-right-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.art-right-img img {
    width: 100%;
    height: 110%;
    transform: translateY(-10%);
    object-fit: cover;
}

.art-right.mob {
    display: none;
}

/* Art section */

/* customisation section */
.customisation-top p {
    margin-top: 15px;
}

.customisation-bottom {
    margin-top: 50px;
}

.customisation-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(250px, 1fr));
    column-gap: 15px;
    row-gap: 30px;
}

.customisation-card {
    width: 100%;
    height: 585px;
    position: relative;
    background-color: #172A55;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.customisation-card:hover .customisation-card-img img {
    scale: 1.1;
}

.customisation-card-img::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 77.32%);
    z-index: 2;
}

.customisation-card-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.customisation-card-img img {
    transition: all 0.5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customisation-card-text {
    width: 100%;
    height: 100%;
    padding: 30px 16px;
    position: relative;
    z-index: 4;
    display: flex;
    align-items: end;
}

.customisation-card p {
    padding: 0 33px;
    text-align: center;
    color: #fff;
}

.customisation .splide__arrows {
    display: none;
}

/* customisation section */

/* Latest Section */
.latest {
    background-color: #172A55;
    position: relative;
}

.latest-wrap {
    display: flex;
}

.latest-left {
    width: 40%;
    position: absolute;
    inset: 0;
}

.latest-left-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.latest-left-img img {
    width: 100%;
    height: 110%;
    transform: translateY(-10%);
    object-fit: cover;
}

.latest-right {
    width: 55%;
    margin-left: auto;
    padding-top: 75px;
    padding-bottom: 100px;
}

.latest-right-wrap {
    max-width: 68ch;
}

.latest-right-top p {
    margin-top: 15px;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
}

.latest-right-bottom {
    margin-top: 45px;
}

.latest-right-bottom-wrap ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.latest-right-bottom-wrap ul li {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    gap: 11px;
    padding-left: 10px;
}

.latest-right-bottom-wrap ul li::before {
    content: '';
    min-width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 50%;
    margin-top: 9px;
}

/* Latest Section */

/* Trust Section */
.trust .exp-image-big {
    width: 42%;
}

.trust .exp-image-small {
    right: 60%;
    top: 95%;
    width: 210px;
    height: 205px;
}

.trust .exp-content {
    width: 59%;
}

.trust .exp-content-wrap {
    max-width: 70ch;
}

.trust .text {
    margin-top: 40px;
    max-width: 56ch;
}

.trust .text p a {
    color: #172A55;
    font-weight: 700;
    border-bottom: 1px solid #172A55;
    transition: all 0.3s ease;
}

.trust .text p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

/* Trust Section */

/* Construction Design page */

/* Hospitality Mattress page */

/* banner section */
.hospitality-mattress .ab-bg-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 17.02%, rgba(0, 0, 0, 0) 100%);
}

.hospitality-mattress .ab-content h1 {
    font-size: 82px;
    line-height: 86.92px;
    letter-spacing: -0.04em;
    max-width: 20ch;
}

.hospitality-mattress .ab-content-wrap {
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.hospitality-mattress .ab-content-text-wrap {
    gap: 20px;
    margin-top: 50px;
}

.hospitality-mattress .ab-content-text-wrap p {
    max-width: 100%;
}

.hospitality-mattress .ab-content-text-wrap {
    max-width: 70ch;
}

/* banner section */

/* Choice section */
.choice-head {
    max-width: 75ch;
}

.choice-grid {
    margin-top: 55px;
}

.choice-grid-wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(255px, 1fr));
    gap: 20px;
}

.choice-item-bottom {
    width: 100%;
    display: flex;
    justify-content: end;
}

.choice-item-bottom-img {
    width: 70%;
    height: 250px;
}

.choice-item-bottom-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.choice-item {
    background-color: #EDE6DA;
    padding-left: 34px;
    padding-right: 21px;
    padding-top: 55px;
    padding-bottom: 26px;
    display: flex;
    height: 100%;
}

.choice-item-top {
    max-width: 35ch;
}

.choice-item-top h4 {
    color: var(--head);
}

.choice-item-middle {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 50ch;
}

.choice-item-middle ul li {
    font-size: 14px;
    line-height: 19.6px;
    position: relative;
    padding-left: 22px;
}

.choice-item-middle ul li::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
}

.choice-item-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: space-between;
}

/* Choice section */

/* Accommodation section */
.accommodation {
    background-color: #172A55;
    padding-top: 50px;
    padding-bottom: 110px;
}

.accommodation-top {
    max-width: 60ch;
    text-align: center;
    margin: 0 auto;
}

.accommodation-bottom {
    width: 100%;
    height: auto;
    margin-top: 55px;
    display: flex;
    gap: 20px;
}

.accommodation-card {
    width: 50%;
    height: auto;
    padding: 18px;
    position: relative;
}

.accommodation-card-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.accommodation-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.accommodation-card-content {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
}

.accommodation-card-right .accommodation-card-content {
    justify-content: end;
}

.accommodation-card-content-wrap {
    background-color: #F0ECE4;
    padding: 30px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 41ch;
}

.accommodation-card-content-head h4 {
    color: var(--head);
}

.accommodation-card-content-text {
    margin-top: 15px;
}

.accommodation-card-content-text p {
    margin-top: 25px;
    font-size: 14px;
}

.accommodation-card-content-text p:nth-child(1) {
    margin-top: 0;
}

.accommodation-card-content-text p a {
    color: #172A55;
    font-weight: 700;
    border-bottom: 1px solid #172A55;
    transition: all 0.3s ease;
}

.accommodation-card-content-text p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.accommodation-card-content-text ul {
    display: flex;
    flex-direction: column;
}

.accommodation-card-content-text ul li {
    display: flex;
    gap: 9px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--desc);
    padding-left: 8px;
}

.accommodation-card-content-text ul li::before {
    content: '';
    min-width: 5px;
    height: 5px;
    margin-top: 8px;
    border-radius: 50%;
    background-color: var(--desc);
}

/* Accommodation section */

/* Long-Lasting section */
.long-lasting .exp-content {
    padding-left: 55px;
    padding-top: 255px;
    padding-bottom: 265px;
}

.long-lasting .exp-content-wrap {
    max-width: 57ch;
}

.long-lasting .text {
    margin-top: 20px;
}

/* Long-Lasting section */

/* Superior section */
.superior-wrapper {
    display: flex;
    gap: 35px;
    justify-content: space-between;
    height: 800px;
    width: 100%;
    align-items: center;
    overflow: hidden;

}

.superior-img {
    width: 28%;
}

.superior-img-wrap {
    width: 100%;
    height: 100%;
    transform: translateY(-10%);
}

.superior-img-wrap img {
    width: 100%;
    height: 110%;
    object-fit: cover;
}

.superior-middle-head {
    text-align: center;
}

.superior-middle-content {
    text-align: center;
    max-width: 58ch;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Superior section */

/* Seamless Section */
.seamless .exp-wrapper {
    background: none;
}

.seamless .exp-content {
    padding-left: 55px;
    padding-top: 220px;
    padding-bottom: 220px;
}

.seamless .exp-image-big {
    width: 43%;
}

.seamless .exp-content-wrap {
    max-width: 65ch;
}

.seamless .exp-image-small {
    right: 41%;
    top: 75%;
    width: 240px;
    height: 270px;
}

.seamless .text {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 55ch;
}

.seamless .text ul {
    display: flex;
    flex-direction: column;
}

.seamless .text ul li {
    display: flex;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: var(--desc);
    padding-left: 10px;
}

.seamless .text ul li::before {
    content: '';
    min-width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--desc);
    margin-top: 9px;
}

/* Seamless Section */

/* Guest Section */
.guest {
    padding-left: 115px;
}

.guest-top {
    max-width: 100ch;
}

.guest-bottom {
    margin-top: 20px;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: stretch;
}

.guest-bottom-left {
    display: flex;
    flex-direction: column;
    gap: 95px;
    width: 50%;
}

.guest-bottom-left-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 60ch;
}

.guest-bottom-left-content p a {
    color: #172A55;
    border-bottom: 1px solid #172A55;
    font-weight: 700;
    transition: all 0.3s ease;
    font-size: 14px;
}

.guest-bottom-left-content p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.guest-bottom-left-img {
    width: fit-content;
    height: 400px;
}

.guest-bottom-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guest-bottom-right {
    width: 36%;
    display: flex;
}

.guest-bottom-right-img {
    display: flex;
    height: 100%;
}

/* Guest Section */

/* Hospitality Mattress page */

/* Boat and Caravan Mattresses page */

/* Banner section */
.boat-caravan-banner {
    position: relative;
}

.boat-caravan-banner .construction-banner-content {
    padding-left: 0;
}

.boat-caravan-banner .construction-banner-bg {
    height: 100%;
    min-height: 700px;
    padding-bottom: 0;
}

.boat-caravan-banner .construction-banner-bg::before {
    content: '';
    background: url('../images/gray-strip-bg.png');
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;

}

.boat-caravan-banner .construction-banner-bg-img {
    width: 50%;
}

.boat-caravan-banner .construction-banner-bg-img {
    position: relative;
}

.boat-caravan-banner .construction-banner-bg-img::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

.bcb-left-img::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0) 100%);
}

.bcb-right-img::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 55.88%);
}

.boat-caravan-banner .construction-banner-content {
    justify-content: space-between;
    padding-bottom: 70px;
}

.boat-caravan-banner .construction-banner-content-wrap {
    max-width: 52ch;
}

/* Banner section */

/* Boat Section */
.boat .art-left {
    padding: 230px 0;
    padding-right: 40px;
    width: 41%;
    padding-left: 67px;
}

.boat .art-right {
    width: 59%;
}

.boat .art-left-top .art-left-top-wrap {
    gap: 25px;
}

.boat .art-left-top .art-left-top-wrap {
    max-width: 47ch;
}

.boat .art-wrap {
    justify-content: end;
}

.boat .art-right {
    right: auto;
    left: 0;
}

.boat {
    padding-left: 0;
    background: none;
}

/* Boat Section */

/* High Sea Section */
.high-sea.royal-hypnos {
    padding: 0;
    padding-left: 95px;
    position: relative;
}

.high-sea .royal-hypnos-right {
    margin-left: 0;
    margin-right: auto;
}

.high-sea .royal-hypnos-left {
    width: 35%;
}

.high-sea .royal-hypnos-wrap {
    flex-direction: row-reverse;
}

.high-sea .royal-hypnos-small {
    grid-column: 10 / 2;
    padding: 73px 0;
}

.high-sea .royal-hypnos-big {
    grid-column: 5 / span 9;
}

.high-sea-left-wrap {
    position: relative;
}

.high-sea-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.high-sea .royal-hypnos-left {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
}

.high-sea-small {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -220px;
    padding: 73px 0;
    max-height: 700px;
    bottom: 0;
    margin: auto;
}

.high-sea .royal-hypnos-right {
    padding-top: 230px;
    padding-bottom: 190px;
}

.high-sea .royal-hypnos-right-content {
    gap: 20px;
    margin-top: 15px;
    max-width: 50ch;
}

.high-sea .royal-hypnos-right-content p {
    font-size: 16px;
}

.high-sea .royal-hypnos-right-content ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.high-sea .royal-hypnos-right-content ul li {
    position: relative;
    padding-left: 22px;
}

.high-sea .royal-hypnos-right-content ul li::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
}

.high-sea .royal-hypnos-right-content ul li a {
    color: #fff;
    border-bottom: 1px solid #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    transition: all 0.3s ease;
}

.high-sea .royal-hypnos-right-content ul li a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

/* High Sea Section */

/* Marine Section */
.marine {
    padding-left: 115px;
    background-color: transparent;
}

.marine .creating-right-wrap {
    align-items: end;
}

.marine .creating-left-content {
    margin-top: 15px;
    max-width: 50ch;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.marine .creating-left-content p {
    line-height: 25px;
}

.marine .creating-left-content ul {
    display: flex;
    flex-direction: column;
}

.marine .creating-left-content ul {
    display: flex;
    flex-direction: column;
}

.marine .creating-left-content ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    color: var(--desc);
    display: flex;
    gap: 10px;
    padding-left: 10px;
}

.marine .creating-left-content ul li::before {
    content: '';
    min-width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--desc);
    margin-top: 14px;
}

.marine .creating-left {
    width: 40%;
}

.marine .creating-right {
    width: 55%;
}

.marine .creating-right-small {
    height: 190px;
}

/* Marine Section */

/* caravan section */
.caravan {
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: transparent;
    overflow: hidden;

}

.caravan-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: translateY(-10%);

}

.caravan-bg img {
    width: 100%;
    height: 110%;
    object-fit: cover;
}

.caravan-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.caravan-content {
    background-color: #F0ECE4;
    text-align: center;
    max-width: 82ch;
    padding: 0 78px;
    padding-top: 45px;
    padding-bottom: 50px;
    transform: translateY(30%);
}

.caravan-content-text {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}

/* caravan section */

/* Sleeping Section */
.sleeping {
    padding: 76px 0;
}

.sleeping-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    gap: 135px;
    align-items: stretch;

}

.sleeping-left {
    width: 41%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.sleeping-left-img {
    height: 100%;
    width: 100%;
    position: absolute;
    inset: 0;
    transform: translateY(-10%);
}

.sleeping-left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sleeping-right {
    width: 59%;
    padding-top: 90px;
    padding-bottom: 20px;
}

.sleeping-right-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 59ch;
}

.sleeping-right-img {
    width: 210px;
    height: 122px;
    margin-left: auto;
}

.sleeping-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sleeping-right-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sleeping-right-content p {
    line-height: 25px;
}

.sleeping-right-content ul {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.sleeping-right-content ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    position: relative;
    padding-left: 25px;
    color: var(--desc);
}

.sleeping-right-content ul li a {
    color: #172A55;
    border-bottom: 1px solid #172A55;
    font-weight: 700;
    transition: all 0.3s ease;
}

.sleeping-right-content ul li a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.sleeping-right-content ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--desc);
    position: absolute;
    top: 9px;
    left: 8px;
}

/* Sleeping Section */

/* clean section */
.clean .text ul li {
    font-size: 18px;
    line-height: 28px;
}

.clean .text ul li::before {
    min-width: 6px;
    height: 6px;
    margin-top: 12px;
}

.clean .exp-image-big {
    width: 50%;
}

.clean .text {
    max-width: 52ch;
}

.clean .exp-content {
    padding-top: 150px;
    padding-bottom: 130px;
    padding-left: 70px;
}

/* clean section */

/* Why section */
.why .exp-wrapper {
    background: none;
}

.why .exp-image-big {
    width: 43%;
}

.why .exp-content {
    width: 57%;
    padding: 230px 0;
    padding-left: 130px;
}

.why .exp-content-wrap {
    max-width: 75ch;
}

.why .text {
    max-width: 100%;
}

.why .exp-image-small {
    right: 59%;
    top: 90%;
    width: 210px;
    height: 205px;
}

.why .text p a {
    color: #172A55;
    border-bottom: 1px solid #172A55;
    font-weight: 700;
    transition: all 0.3s ease;
    font-size: 14px;
}

.why .text p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

/* Why section */

/* Boat and Caravan Mattresses page */

/* Commercial Page */

/* Banner Section */
.commercial-banner .construction-banner-content {
    padding-left: 0;
}

.commercial-banner .construction-banner-bg {
    justify-content: start;
    padding-bottom: 0;
}

.commercial-banner .construction-banner-bg-img {
    width: 66%;
}

.commercial-banner .construction-banner-bg-img::before {
    display: none;
}

.commercial-banner .construction-banner-content h1 {
    max-width: 100%;
    font-size: 19.7vw;
    line-height: 75%;
}

.commercial-banner .construction-banner-content .label {
    text-align: end;
    margin-top: 10px;
}

.commercial-banner .construction-banner-content-wrap {
    margin-top: 40px;
}

/* Banner Section */

/* Premium Section */
.premium {
    padding: 70px 0;
    padding-left: 30px;
}

.premium-bottom {
    margin-top: 50px;
}

.premium-card {
    position: relative;
    display: flex;
}

.premium-card-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: -1;
}

.premium-card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.premium-card-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 38.88%, rgba(0, 0, 0, 0) 66.89%),
        linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 35.7%);
}

.premium-card-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: space-between;
}

.premium-card-top {
    max-width: 41ch;
    padding-left: 35px;
    padding-top: 54px;
}

.premium-card-top p {
    font-size: 12px;
    line-height: 16.8px;
    margin-top: 15px;
}

.premium-card-bottom {
    padding: 48px 32px;
    margin-left: auto;
    max-width: 57ch;
    background-color: #172A55;
}

.premium-card-bottom p {
    font-size: 12px;
    line-height: 16.8px;
}

.premium-card-bottom-wrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.premium-card-bottom li {
    font-size: 12px;
    line-height: 16.8px;
    padding-left: 19px;
    position: relative;
}

.premium-card-bottom li::before {
    content: '';
    min-width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 5px;
}

.premium-card-bottom a {
    color: #fff;
    border-bottom: 1px solid #fff;
    transition: all 0.3s ease;
}

.premium-card-bottom a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.premium-bottom .splide__list {
    height: auto;
}

.premium-bottom .splide__arrows {
    display: flex;
    gap: 15px;
    position: absolute;
    right: 0;
    top: -80px;
}

.premium-bottom .splide__arrows button {
    position: static;
    opacity: 1;
    transform: none;
    border-radius: 0%;
    background: rgba(204, 146, 47, 1);
    transition: all .4s ease;
}

.premium-bottom .splide__arrows button:hover {
    background: rgb(255, 255, 255);
}

.premium-bottom .splide__arrows button:hover svg path {
    stroke: rgb(0, 0, 0);
}

.premium-bottom .splide__arrows button svg path {
    transition: all .4s ease;
}

/* Premium Section */

/* Solution Section */
.solution {
    background-color: #172A55;
    padding: 70px 0;
    padding-left: 115px;
}

.solution-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.solution-left {
    width: 45%;
    padding-top: 100px;
    padding-bottom: 230px;
}

.solution-left p {
    margin-top: 30px;
    max-width: 60ch;
}

.solution-left .cta-btn {
    margin-top: 48px;
}

.solution-right {
    width: 37%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.solution-right-img {
    width: 100%;
    height: 100%;
}

.solution-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solution-right-small {
    width: 338px;
    height: 289px;
    position: absolute;
    bottom: 0;
    left: -110px;
    z-index: 1;
}

.solution-right-big {
    padding-bottom: 58px;
}

/* Solution Section */

/* Bulk Section */
.bulk {
    background: url('../images/cream-strip-bg2.png');
    background-size: contain;
    padding: 100px 0px;
}

.bulk .Unveiling-slider {
    margin-top: 100px;
}

.bulk .Unveiling-item-content {
    max-width: 42ch;
}

.bulk .Unveiling-section-grid {
    column-gap: 40px;
}

.bulk .Unveiling-section-wrap {
    padding-top: 0;
    padding-bottom: 0;
}

/* Bulk Section */

/* Who section */
.who-animate {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.who-bottom.mob {
    display: none;
}

.who-bottom {
    margin-top: 40px;
}

.card {
    background-color: #E6DDC9;
    padding-top: 40px;
    padding-bottom: 34px;
    padding-left: 38px;
    padding-right: 27px;
    height: auto;
    min-width: 550px;
    height: auto;
    overflow: hidden;
    filter: brightness(1);
}

.card-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-bottom {
    margin-top: 10px;
    display: flex;
    gap: 6px;
    height: 100%;
}

.card-bottom-left {
    max-width: 38ch;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    align-items: start;
}

.card-bottom-left p {
    font-size: 14px;
    line-height: 21px;
}

.card-bottom-right {
    display: flex;
    height: 100%;
    align-items: end;
    padding-top: 90px;
}

.card-bottom-right-img {
    width: 170px;
    height: 145px;
}

.card-bottom-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-top {
    max-width: 45ch;
}

.cards-container {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    gap: 20px;
}

/* Who section */

/* Commercial Page */

/* Mining Industry Page */

/* Banner section */
.mining-banner .ab-content-wrap {
    padding-left: 0;
}

.mining-banner .ab-content h1 {
    font-size: 82px;
    line-height: 82px;
    max-width: 20ch;
}

.mining-banner .ab-content-text-wrap {
    margin-top: 40px;
    max-width: 50ch;
}

.mining-banner .ab-content-text-wrap p {
    max-width: 100%;
}

.mining-banner .ab-bg-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 76.22%, rgba(0, 0, 0, 0) 100%);
}

.mining-banner .ab-bg-img img {
    object-position: center;
}

/* Banner section */

/* Operation Section */
.operation {
    padding-top: 40px;
}

.operation .choice-head-content {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.operation .choice-head-content p {
    color: #172A55;
}

.operation .choice-head-content p a {
    color: #172A55;
    font-weight: 700;
    border-bottom: 1px solid #172A55;
    transition: all 0.3s ease-in-out;
}

.operation .choice-head-content p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.operation .choice-grid {
    margin-top: 20px;
}

.operation .choice-grid-text {
    margin-bottom: 25px;
}

.operation .choice-grid-text p {
    font-size: 14px;
    font-weight: 700;
    color: #172A55;
}

.operation .choice-item {
    background-color: #172A55;
    padding-left: 28px;
    padding-right: 34px;
    padding-top: 40px;
    padding-bottom: 16px;
    display: flex;
    height: 100%;
}

.operation .choice-item-bottom-img {
    width: 130px;
    height: 130px;
}

.operation .choice-item-top h4 {
    color: var(--white);
}

.operation .choice-item-wrap {
    gap: 10px;
}

.operation .splide__pagination {
    position: static;
    margin-top: 20px;
}

.operation .splide__pagination__page.is-active {
    background: #172A55;
}

.operation .splide__pagination__page {
    background: transparent;
    border: 1px solid #172A55;
    transform: scale(1);
    opacity: 1;
}

/* Operation Section */

/* Camp Section */
.camp {
    position: relative;
    padding: 136px 0;
}

.camp-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.camp-bg img {
    width: 100%;
    height: 110%;
    object-fit: cover;
    transform: translateY(-10%);
}

.camp-wrap {
    background-color: #F0ECE4;
    padding: 150px 89px;
    width: fit-content;
    transform: translateY(20%);
}

.camp-bottom {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 62ch;
}

/* Camp Section */

/* logistic Section */
.logistic .text {
    max-width: 100%;
    margin-top: 20px;
}

.logistic .text>p {
    color: var(--desc);
    font-weight: 400;
    max-width: 56ch;
}

.logistic .mind-left-image {
    width: 210px;
    height: 225px;
    margin-top: 70px;
}

.logistic .exp-content {
    padding-top: 136px;
    padding-bottom: 60px;
}

/* logistic Section */

/* Heavy-Duty section */
.heavy-duty .exp-image-big {
    width: 43%;
}

.heavy-duty .exp-image-small {
    right: 57%;
    top: 90%;
    width: 210px;
    height: 205px;
}

.heavy-duty .exp-content {
    width: 57%;
}

.heavy-duty .exp-content {
    padding-left: 161px;
    padding-top: 190px;
    padding-bottom: 170px;
}

.heavy-duty .exp-content-wrap {
    max-width: 58ch;
}

.heavy-duty .exp-text {
    max-width: 56ch;
}

.heavy-duty .exp-wrapper {
    background: none;
}

/* Heavy-Duty section */

/* Mining Industry Page */

/* Pre-footer3 */
.pre-footer3 {
    padding: 40px 0;
    position: relative;
}

.pre-footer3-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: -1;
}

.pre-footer3-bg img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.pre-footer3-wrap {
    display: flex;
    justify-content: center;
    text-align: center;
}

.pre-footer3-content {
    padding: 135px 34px;
    max-width: 350px;
    position: relative;
}

.pre-footer3-content-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #F0ECE4;
}

.pre-footer3-content-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.4;
    mix-blend-mode: multiply;
}

.pre-footer3-content .cta-btn {
    margin-top: 50px;
}

.pre-footer3-content h3 {
    color: var(--head);
}

/* Pre-footer3 */

/* contact Page */
.contact {
    padding-top: 120px;
    max-width: 925px;
    margin: 0 auto;
}

.contact-head {
    text-align: center;
}

.contact-head-content {
    max-width: 50ch;
    margin: 0 auto;
    margin-top: 20px;
}

.contact-text {
    max-width: 96ch;
    margin: 0 auto;
    margin-top: 55px;
    text-align: center;
}

.contact-text p a {
    color: var(--head);
    transition: all 0.3s ease;
}

.contact-text p a:hover {
    color: var(--label-gold);
    transition: all 0.3s ease;
}

.contact-form {
    background-color: transparent;
    border-radius: 8px;
    /* max-width: 600px; */
    margin: 0 auto;
    margin-top: 110px;
}

.form-group-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 34px;
}

.form-group {
    flex: 1 1 calc(50% - 34px);
    display: flex;
    flex-direction: column;
    border: 1px solid #172A55;
    padding: 15px 26px;
    position: relative;
    justify-content: center;
}

.form-group textarea,
.form-group input,
.form-group select {
    font-family: var(--lato);
    font-size: 14px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: 100%;
    border: none;
    background-color: transparent;
}

.form-group input,
.form-group select {
    font-size: 12px;
    font-weight: 800;
    line-height: 16.8px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #172A55;
    line-height: 16px;
}

.form-group input::placeholder,
.form-group select::placeholder {
    color: #172A55;
}

.form-group textarea {
    resize: none;
    height: 200px;
    padding: 6px 10px;
}

.form-group textarea {
    font-family: var(--lato);
    font-size: 12px;
    font-weight: 800;
    line-height: 16.8px;
    color: #172A55;
    letter-spacing: 1px;
}

.form-group textarea::placeholder {
    text-transform: uppercase;
    color: #172A55;
    letter-spacing: 4px;
}

.phone-input {
    display: flex;
    gap: 34px;
    align-items: center;
    margin-left: -12px;
    position: relative;
}

.js-select2 {
    width: 100%;
}

#flag-dropdown .select2-selection__rendered img {
    margin-right: 8px;
}

.submit-button {
    font-family: var(--lato);
    width: 100%;
    border: none;
    cursor: pointer;
    padding: 12px 0;
}

.submit-button:hover {
    background-color: #003366;
}

select#area-of-inquiry {
    height: 100%;
    width: 100%;
}

select#flag-dropdown {
    display: none;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.phone-arrow {
    position: absolute;
    left: 50px;
}

.phone-arrow {
    position: absolute;
    left: 50px;
}

.inquiry-arrow {
    position: absolute;
    right: 28px;
    top: 19px;
    background-color: #f0ece4;
}

.select2-results ul {
    background-color: #f0ece4;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.select2-results ul li,
#select2-flag-dropdown-container {
    cursor: pointer;
}

.select2-search__field {
    display: none;
}

.select2-container {
    background-color: #f0ece4;
}

.select2-selection__rendered img.flag-icon {
    position: relative;
    z-index: 2;
    padding-right: 26px;
    width: 65px;
    height: 27px;
}

.contact-info {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
}

.contact-info-head p {
    font-weight: 800;
    line-height: 19.2px;
    letter-spacing: 3px;
    color: #1A1A1A;
    text-transform: uppercase;
}

.contact-info-items {
    margin-top: 45px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contact-info-item {
    display: flex;
    gap: 11px;
    align-items: center;
}

.contact-info-item img {
    width: 32px;
    height: 32px;
}

.contact-info-item h4 {
    color: #3C3C3C;
    font-family: var(--lato);
    text-transform: none;
    line-height: 33px;
}

.contact-info-item h4 a {
    color: #3C3C3C;
    transition: all .3s ease;
}

.contact-info-item h4 a:hover {
    color: #3c3c3c75;
}

.contact-info-socials {
    margin-top: 45px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.contact-info-social-icon {
    width: 24px;
    height: 24px;
    transition: all .4s ease;
}

.contact-info-social-icon:hover {
    transform: translateY(-3px);
    scale: 1.05;
}

.contact-info-social-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* contact Page */

/* FAQ page */
.faq-page .tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.faq-page .faq-filter {
    margin-top: 90px;
    width: fit-content;
}

.faq-page .faq-tab {
    margin-top: 45px;
}

.faq-page .faq-tab>p {
    font-size: 12px;
    font-weight: 700;
    line-height: 16.8px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #172A55;
}

.faq-page .faq-tab .tab {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
}

.faq-page .faq-tab .tab button {
    padding: 4px 21px;
    border-radius: 0;
    border: 0.88px solid #CC922F;
    background-color: transparent;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #CC922F;
    transition: all .5s ease;
    cursor: pointer;
    white-space: nowrap;
}

.faq-page .faq-tab .tab button:hover,
.faq-page .faq-tab .tab button.active {
    background-color: #CC922F;
    color: #fff;
}


/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.faq-page .select2-container {
    display: none;
}

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

.faq-page .faq-filter {
    position: relative;
}

.faq-page .phone-arrow {
    left: auto;
    right: 18px;
    top: 23px;
}

.faq-slector select {
    width: 100%;
    padding: 18px;
    background-color: transparent;
    border: 1px solid #172A55;
    font-family: var(--lato);
    font-size: 12px;
    font-weight: 800;
    line-height: 16.8px;
    letter-spacing: 4px;
    color: #172A55;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
}

.faq-section-cta {
    margin-top: 120px;
    display: flex;
    align-items: center;
    gap: 35px;
    justify-content: center;
}

.faq-section-cta .cta-btn {
    margin-top: 0;
}

.faq-section-cta p {
    font-size: 12px;
    font-weight: 700;
    line-height: 16.8px;
    letter-spacing: 2px;
    color: #172A55;
    text-transform: uppercase;
}

/* FAQ page */

/* testimonial Page */
.testimonial-banner {
    width: 100%;
    height: 100vh;
    min-height: 700px;
    position: relative;
}

.testimonial-banner::before {
    content: "";
    background: url("../images/Testimonial/banner-stip.png");
    background-size: contain;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.testimonial-banner-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.testimonial-banner-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 19.89%, rgba(0, 0, 0, 0) 100%);
}

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

.testimonial-banner-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 4;
}

.testimonial-banner-text h1 {
    font-size: 165px;
    line-height: 133.65px;
    letter-spacing: -0.04em;
}

.testimonial-banner-text .label {
    font-size: 62px;
    line-height: 62px;
}

.testimonial-section {
    padding: 10px 0;
    padding-left: 115px;
}

.testimonial-section-filter ul {
    display: flex;
    gap: 45px;
    overflow: hidden;
    overflow-x: auto;
}

.testimonial-section-filter ul li {
    font-size: 14px;
    font-weight: 800;
    line-height: 19.6px;
    letter-spacing: 4px;
    color: #172A55;
    text-transform: uppercase;
}

.testimonial-section-filter ul li a {
    color: #172A55;
    display: flex;
    align-items: center;
    gap: 11px;
    white-space: nowrap;
    position: relative;
    padding-bottom: 3px;
}

.testimonial-section-filter ul li a::before {
    content: '';
    width: 0;
    height: 1px;
    background-color: #172A55;
    position: absolute;
    left: -2px;
    bottom: 0;
    transition: all .4s ease;

}

.testimonial-section-filter ul li a:hover::before {
    width: 100%;
}

.testimonial-section-filter ul li a img {
    width: 12px;
    height: 6px;
    object-fit: contain;
}

.testimonial-section-sort {
    margin-top: 70px;
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    width: fit-content;
}

.testimonial-section-sort label {
    font-size: 18px;
    font-weight: 700;
    line-height: 25.2px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #172A55;
    padding-bottom: 3px;
}

.testimonial-section-sort select {
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 19.6px;
    letter-spacing: 4px;
    color: #172A55;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
}

.testimonial-section-sort::before {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('../images/Testimonial/drop-arrow.svg');
    background-size: contain;
    width: 12px;
    height: 6px;
}

.testimonial-section-bottom {
    margin-top: 90px;
}

.testimonial-cards {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.testimonial-card {
    display: flex;
    gap: 80px;
    padding-bottom: 75px;
    border-bottom: 1px solid #E3DCCE;
}

.tsb-left {
    min-width: 262px;
    height: 224px;
}

.tsb-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tsb-right-middle {
    max-width: 80ch;
}

.tsb-right-middle p {
    font-size: 24px;
    line-height: 33.6px;
}

.tsb-right-bottom a {
    font-size: 14px;
    font-weight: 800;
    line-height: 19.6px;
    letter-spacing: 4px;
    color: #172A55;
    text-transform: uppercase;
    border-bottom: 1px solid #172A55;
    padding-bottom: 5px;
}

.tsb-right-bottom a {
    font-size: 14px;
    font-weight: 800;
    line-height: 19.6px;
    letter-spacing: 4px;
    color: #172A55;
    text-transform: uppercase;
    border-bottom: 1px solid #172A55;
    padding-bottom: 5px;
    transition: all .3s ease;
}

.tsb-right-bottom a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

.tsb-right-top {
    width: 125px;
    height: 20px;
}

.tsb-right-top img {
    width: 100%;
    height: 100%;
}

.tsb-right-middle {
    margin-top: 15px;
}

.tsb-right-bottom {
    margin-top: 40px;
}

.testimonial-nav {
    margin-top: 85px;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.tnav {
    background-color: #172A55;
    width: 28px;
    height: 28px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Newsletter */
.newsletter {
    background: url('../images/Testimonial/0A0A1066 (1).jpg');
    background-size: cover;
}

.newsletter-wrap {
    padding: 69px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsletter-wrap-in {
    position: relative;
    padding: 60px 190px;
}

.newsletter-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: #F0ECE4;
}

.newsletter-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .25;
    mix-blend-mode: multiply;
}

.newsletter-text {
    position: relative;
    z-index: 2;
    text-align: center;
}

.newsletter-head h3 {
    color: var(--head);
    font-size: 32px;
    line-height: 38.4px;
    letter-spacing: -0.01em;
}

.newsletter-head .label {
    font-size: 32px;
}

.newsletter-form {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    border: 1px solid #172A55;
    width: 100%;
    margin: 0 auto;
    margin-top: 45px;
}

.newsletter-form input {
    background-color: transparent;
    border: none;
    padding: 10px 20px;
    width: 60%;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.4px;
    letter-spacing: 2px;
    color: #172A55;
    text-transform: uppercase;
}

.newsletter-form input::placeholder {
    color: #172A55;
}

.newsletter-form a {
    padding: 15px 33px;
}

/* Newsletter */

/* testimonial Page */

/* News and Update page */

/* Banner section */
.partner-banner .testimonial-banner-text {
    text-align: center;
}

.partner-banner .testimonial-banner-text .label {
    font-size: 52px;
}

.partner-banner .testimonial-banner-content {
    margin: 0 auto;
    margin-top: 45px;
    max-width: 60ch;
}

.partner-banner .testimonial-banner-bg::before {
    background: #000000a3;
}

/* Banner section */

/* Partner section */
.partner-section .testimonial-section-filter ul {
    padding-bottom: 20px;
}

.partner-section .testimonial-section-filter ul li button {
    font-size: 12px;
    font-weight: 800;
    line-height: 16.8px;
    letter-spacing: 4px;
    color: var(--desc);
    transition: all .4s ease;
    background-color: transparent;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
}

.partner-section .testimonial-section-filter ul li button::before {
    content: '';
    width: 0;
    height: 1px;
    background-color: #172A55;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all .4s ease;
}

.partner-section .testimonial-section-filter ul li button:hover {
    color: #172A55;
}

.partner-section .testimonial-section-filter ul li button:hover::before {
    width: 100%;
}

.partner-section-bottom {
    margin-top: 100px;
}

.partner-cards {
    margin-top: 55px;
}

.partner-section-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(255px, 1fr));
    row-gap: 80px;
    column-gap: 29px;
}

.partner-card-bottom {
    max-width: 40ch;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.partner-card-top {
    aspect-ratio: 4/5;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.partner-card-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease;
}

.partner-card:hover img {
    transform: scale(1.05);
}

/* Create an active/current tablink class */
.partner-section .testimonial-section-filter ul li button.active {
    color: #172A55;
}

.partner-section .testimonial-section-filter ul li button.active::before {
    width: 100%;
}

/* Style the tab content */
.partner-section .tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Partner section */

/* News and Update page */

/* Partner Page */
section.about-banner.partner-banner {
    min-height: 700px;
}

.partner-banner .ab-bg-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 40%) 93.7%, rgba(0, 0, 0, 0.14) 100%);
}

.partner-banner .ab-bg-img::before {
    background: url(../images/Partner/banner-bg-strip.png);
    background-size: contain;
}

.partner-banner .ab-content-wrap {
    padding-left: 0;
}

.partner-banner .ab-content-wrap p {
    margin-top: 40px;
}

.benefits-section .Unveiling-section-head {
    text-align: left;
}

.benefits-section .Unveiling-item-img {
    margin: 0;
    width: 45px;
    height: 35px;
}

.benefits-section .Unveiling-item-content h3,
.benefits-section .Unveiling-item-content p {
    text-align: left;
}

.benefits-section .Unveiling-item-content h3 {
    color: var(--head);
}

.benefits-section .Unveiling-slider {
    margin-top: 80px;
}

.benefits-section .Unveiling-item-content {
    margin: 0;
    margin-top: 20px;
    max-width: 36ch;
}

.benefits-section .Unveiling-section-wrap {
    padding-left: 0;
    padding-right: 0;
}

.exceptional .camp-bg {
    display: flex;
}

.exceptional .camp-bg-img {
    width: 50%;
}

.exceptional .camp-wrap {
    padding: 80px 73px;
}

.exceptional .camp-bottom {
    margin-top: 20px;
}

.exceptional .animate-btn {
    margin-top: 40px;
}

.exceptional .camp-wrap {
    margin-left: 70px;
}

.exceptional .camp-bottom {
    max-width: 55ch;
}

.trusted-brands-bottom {
    margin-top: 65px;
}

.trusted-brands-item {
    padding: 0 40px;
    padding-top: 42px;
    padding-bottom: 57px;
    position: relative;
    overflow: hidden;
}

.trusted-brands-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    row-gap: 17px;
    column-gap: 22px;
}


.trusted-brands-item-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transition: all .4s ease;
}

.trusted-brands-item-bg::before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.47%, rgba(0, 0, 0, 0.35) 60.71%);
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.trusted-brands-item-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trusted-brands-item-content {
    display: flex;
    flex-direction: column;
    gap: 255px;
    position: relative;
    z-index: 2;
}

.tbic-bottom .animate-btn {
    margin-top: 30px;
}

.tbic-bottom p {
    line-height: 22px;
}

.tbic-top-img {
    width: 250px;
    height: 85px;
}

.tbic-top-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.trusted-brands-item:hover .trusted-brands-item-bg {
    transform: scale(1.1);
}

.tbic-bottom .animate-btn a {
    padding: 8px 39px;
}

.access {
    background-color: #172A55;
    padding-top: 70px;
    padding-bottom: 100px;
}

.access-top-right {
    max-width: 50ch;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 55px;
}

.access-top {
    display: flex;
    justify-content: space-between;
}

.access-bottom {
    margin-top: 65px;
}

.access-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.access-card {
    width: 33%;
    padding: 26px 21px;
    height: 335px;
    position: relative;
    transition: all .6s ease;
}

.access-card:hover {
    width: 42%;
}

.access-card-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.access-card-content {
    position: relative;
    z-index: 2;
    max-width: 30ch;
}

.access-card-content p {
    line-height: 22px;
    margin-top: 10px;
}

.access-card-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.access-card-img::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 44.45%);
    z-index: 1;
}

.access-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Partner page */

/* Brand Main Page */
.main-brand-banner .construction-banner-bg {
    padding-bottom: 0;
}

.main-brand-banner .construction-banner-bg-img::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 74.56%, rgba(0, 0, 0, 0) 100%);
}

.main-brand-banner .construction-banner-content-wrap {
    margin: 0;
}

.main-brand-banner .construction-banner-content {
    padding: 0;
}

.main-brand-banner .construction-banner-content h1 {
    font-size: 14.5vw;
    line-height: 100%;
    max-width: 100%;
}

.main-brand-banner .construction-banner-content-wrap {
    max-width: 50ch;
}

.main-brand-banner .construction-banner-bg-img {
    width: 66%;
}


.exclusive-slider {
    margin-top: 50px;
}

.exclusive-card {
    position: relative;
    padding-left: 35px;
    padding-top: 50px;
    width: 100%;
    height: 100%;
}

.exclusive-card-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.exclusive-card-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 38.88%, rgba(0, 0, 0, 0) 66.89%),
        linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 35.7%);
    z-index: 1;
}

.exclusive-card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.exclusive-card-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 75px;
    height: 100%;
    width: 100%;
    justify-content: space-between;
}

.exclusive-card-bottom {
    background-color: #172A55;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 73ch;
    margin-left: auto;
}

.exclusive-card-bottom ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.exclusive-card-bottom ul li {
    position: relative;
    padding-left: 24px;
}

.exclusive-card-bottom ul li::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 9px;
    min-width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
}

.exclusive-card-bottom ul li a {
    color: #fff;
    border-bottom: 1px solid #fff;
    transition: all .3s ease;
}

.exclusive-card-bottom ul li a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

#exclusive-slider .splide__list {
    height: auto;
}

#exclusive-slider .splide__arrows {
    position: absolute;
    display: flex;
    justify-content: end;
    gap: 15px;
    right: 40px;
    top: -85px;
}

#exclusive-slider .splide__arrows button {
    position: static;
    opacity: 1;
    transform: none;
    border-radius: 0%;
    background: rgba(204, 146, 47, 1);
    transition: all .3s ease;
}

.mattress-partner {
    padding: 0 115px;
    padding-top: 55px;
}

.mattress-partner-head {
    text-align: center;
}

.mattress-partner-head p {
    margin: 0 auto;
    max-width: 50ch;
    margin-top: 15px;
}

.mattress-partner-grid {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    gap: 26px;
}

.mattress-partner-card {
    padding: 0 24px;
    padding-top: 30px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}

.mattress-partner-card:hover .mattress-partner-card-bg {
    transform: scale(1.1);
}

.mattress-partner-card-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transition: all .6s ease;
}

.mattress-partner-card-bg::before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.9%, rgba(0, 0, 0, 0.35) 61.93%);
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.mattress-partner-card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mattress-partner-card-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 320px;
}

.mattress-partner-card-content p a {
    color: #fff;
    border-bottom: 1px solid #fff;
    transition: all .3s ease;
}

.mattress-partner-card-content p a:hover {
    color: var(--label-gold);
    border-bottom: 1px solid var(--label-gold);
}

/* Brand Main Page */

/* Troubleshoot page */

.trouble-shoot {
    margin-top: 140px;
}

.trouble-shoot-top {
    text-align: center;
}

.trouble-shoot-middle {
    margin-top: 70px;
    display: flex;
    justify-content: center;
    gap: 45px;
}

.trouble-shoot-middle ul {
    display: flex;
    align-items: center;
    gap: 45px;
}


.trouble-shoot-middle ul li button {
    font-size: 14px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 4px;
    color: #858585;
    position: relative;
    transition: all .3s ease;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-family: var(--lato);
}

.trouble-shoot-middle ul li button:hover {
    color: #172A55;
}

.trouble-shoot-middle ul li button.active {
    color: #172A55;
}

.trouble-shoot-middle ul li button:hover::before {
    width: 100%;
}

.trouble-shoot-middle ul li button.active::before {
    width: 100%;
}

.trouble-shoot-middle ul li button::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: -3px;
    width: 0;
    height: 1px;
    background-color: #172A55;
    transition: all .3s ease;
}

.trouble-shoot-select {
    display: flex;
    align-items: center;
    gap: 4px;
}

.trouble-shoot-select a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 4px;
    color: #172A55;
}

.trouble-shoot-select img {
    width: 14px;
    height: 8px;
    object-fit: contain;
}

.trouble-shoot-bottom {
    margin-top: 90px;
}

.trouble-shoot-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    column-gap: 29px;
    row-gap: 94px;
}

.trouble-shoot-card {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.trouble-shoot-grid.splide__list {
    height: auto;
}

.trouble-shoot-card-img {
    width: 100%;
    height: auto;
    aspect-ratio: 5/6;
}

.trouble-shoot-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trouble-shoot-card-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
}

.trouble-shoot-card-text-wrap {
    display: flex;
    flex-direction: column;
    gap: 35px;
    align-items: start;
    height: 100%;
    justify-content: space-between;
}

.trouble-shoot-footer {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: center;
    background-color: #E5DCCA;
    padding: 100px 0;
    margin-top: 80px;
}

.trouble-shoot-footer h2 {
    margin: 0 auto;
    max-width: 18ch;
    text-align: center;
}

.trouble-shoot .splide__arrows {
    display: none;
}

.trouble-shoot .tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}



/* Troubleshoot page */


.science-section .splide__list {
    height: auto;
}

.science-section .splide__pagination__page {
    border: 1px solid #172A55;
    background: transparent;
    opacity: 1;
    transform: scale(1);
}

.science-section .splide__pagination__page.is-active {
    background-color: #172A55;
}

.science-section .splide__pagination {
    position: static;
    margin-top: 20px;
}

.science-left-bottom.mob {
    display: none;
}



.quiz-container {
    width: 100%;
    margin: 100px auto;
    /* overflow: hidden; */
    position: relative;
}

.progress-bar {
    width: 100%;
    height: auto;
    position: relative;
    height: 7px;
    background: #cc922f80;
    margin-bottom: 30px;
}

.progress {
    width: 0;
    transition: width 0.3s ease;
    position: relative;
}

.progress::before {
    content: '';
    position: absolute;
    right: -10px;
    top: -10px;
    width: 38px;
    height: 30px;
    background: url('../images/Matchmaker/progress.svg');
}

.progress-no {
    padding-top: 20px;
    display: flex;
    justify-content: end;
}

.quiz-sections {
    margin-top: 60px;
}

.quiz-step {
    display: none;
    text-align: center;
}

#quiz-result {
    display: none;
}

#back {
    background-color: transparent;
    border: 1px solid #172A55;
    color: #172A55;
}

#back:hover {
    background-color: #172A55;
    border: 1px solid #172A55;
    color: #fff;
}

#next {
    border: 1px solid #172A55;
}

#next:hover {
    background-color: transparent;
    border: 1px solid #172A55;
    color: #172A55;
}

.quiz-nav {
    display: flex;
    justify-content: space-between;
    /* margin-top: -60px; */
    position: absolute;
    bottom: 0;
    width: 100%;
}

.quiz-nav button {
    border: none;
}

#back:disabled {
    cursor: not-allowed;
}


/* Show the current step */
.quiz-step.active {
    display: block;
}

.quiz-step-head {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.quiz-step-head .label {
    color: #172A55;
}

.quiz-step-select {
    display: flex;
    justify-content: center;
    gap: 75px;
    row-gap: 40px;
    align-items: center;
    flex-wrap: wrap;
}

.selector-option {
    border: none;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    white-space: nowrap;
    font-size: 18px;
    line-height: 25.2px;
}

.selector-option::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #172A55;
    border: 1px solid #172A55;
    transition: all .4s ease;
    opacity: .1;
}

.selector-option.active::before {
    opacity: 1;
}

.quiz-step-picker {
    margin: 0 auto;
    margin-top: 70px;
    max-width: 780px;
}

.quiz-step-image {
    width: 780px;
    height: 440px;
    margin: 0 auto;
    margin-top: 100px;
}

.quiz-step-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.selector-container {
    display: flex;
    gap: 2rem;
    background-color: #f4f4f4;
    padding: 1rem;
    border-radius: 0.5rem;
}

.control-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.control-label {
    font-size: 1rem;
    color: #000;
}

.control {
    display: flex;
    align-items: center;
    gap: 30px;
}

.btn {
    background-color: #d8a039;
    border: none;
    color: white;
    padding: 8px 7px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn:hover {
    background-color: #b47f2b;
}

.value {
    font-size: 22px;
    color: #000;
}

.btn.increase {
    transform: rotate(180deg);
}

.quiz-step-select-wrap {
    margin-top: 65px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.quiz-result .text {
    /*max-width: 55ch;*/
    margin-top: 15px;
}

.quiz-result .partner-grid {
    margin-top: 40px;
}

/* Blog-inner page */

.blog-inner-banner::before {
    display: none;
}

.blog-inner-banner .testimonial-banner-bg::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 8.81%, rgba(0, 0, 0, 0) 100%);
}

.blog-inner-banner .testimonial-banner-text h1 {
    font-size: 52px;
    font-weight: 400;
    line-height: 54.6px;
    letter-spacing: -0.01em;
    text-align: center;
}

.blog-inner-banner .testimonial-banner-text {
    max-width: 110ch;
}

.blog-time {
    display: flex;
    color: #fff;
    gap: 15px;
    font-size: 12px;
    font-weight: 800;
    line-height: 16.8px;
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
    justify-content: center;
    margin-bottom: 10px;
}

.blog-inner h1 {
    font-size: 48px;
    letter-spacing: -0.01em;
    color: var(--head);
}

.blog-inner h2 {
    font-size: 40px;
    letter-spacing: -0.01em;
    color: var(--head);
}

.blog-inner h3 {
    font-size: 32px;
    letter-spacing: -0.01em;
    color: var(--head);
}

.blog-inner h4 {
    font-size: 28px;
    letter-spacing: -0.01em;
    color: var(--head);
}

.blog-inner h5 {
    font-size: 24px;
    letter-spacing: -0.01em;
    color: var(--head);
}

.blog-inner h6 {
    font-size: 20px;
    letter-spacing: -0.01em;
    color: var(--head);
}

.blog-inner-content p {
    /* margin-top: 35px; */
}

.blog-inner-content ul {
    list-style: disc;
}

.blog-inner-content ol {
    list-style: number;
}

.blog-inner-content ul,
.blog-inner-content ol {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--desc);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-left: 25px;
}

.blog-inner-left {
    display: flex;
    flex-direction: column;
    gap: 35px;
    max-width: 60ch;
}

.blog-inner-right {
    max-width: 560px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.blog-inner-right br {
    margin-top: 42px;
}

.blog-inner-content .blog-inner-right img {
    width: 100%;
    height: 100%;
    aspect-ratio: 5/4;
    object-fit: cover;
}

.blog-inner-content {
    display: flex;
    justify-content: space-between;
    gap: 100px;
}

.blog-inner-share {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    margin-top: 52px;
}

.blog-inner-share-title {
    font-size: 12px;
    font-weight: 800;
    line-height: 16.8px;
    letter-spacing: 4px;
    color: #172A55;
    text-transform: uppercase;
}

.blog-inner-share-icon {
    display: flex;
    gap: 24px;
    align-items: center;
}

.blog-inner-share-icon a {
    width: 24px;
    height: 24px;
    transition: all .4s ease;
}

.blog-inner-share-icon a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.blog-inner-share-icon a:hover {
    transform: translateY(-5px);
}

.similar-blog-head {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: end;
}

.similar-blog-grid {
    margin-top: 50px;
}

.similar-blog-grid .splide__list {
    height: auto;
}

.similar-blog-grid .trouble-shoot-card {
    min-width: auto;
}

.similar-blog-grid .splide__arrows button {
    position: static;
    opacity: 1;
    transform: none;
    border-radius: 0%;
    background: rgba(204, 146, 47, 1);
    transition: all .3s ease;
}

.similar-blog-grid .splide__arrows.splide__arrows--ltr {
    position: static;
    display: flex;
    justify-content: end;
    gap: 20px;
    margin-bottom: 20px;
}

.similar-blog-grid .splide__pagination {
    position: static;
    margin-top: 20px;
}

.similar-blog-grid .splide__pagination__page {
    background-color: transparent;
    border: 1px solid #cc922f;
    opacity: 1;
}

.similar-blog-grid .splide__pagination__page.is-active {
    background-color: #cc922f;
}

.similar-blog-grid .trouble-shoot-card-img {
    aspect-ratio: 9/10;
    overflow: hidden;
}

.similar-blog-grid .trouble-shoot-card-img img {
    transition: all .4s ease;
}

.similar-blog-grid .trouble-shoot-card:hover .trouble-shoot-card-img img {
    scale: 1.1;
}

.similar-blog-grid .trouble-shoot-card-text {
    max-width: 40ch;
}

.similar-blog-grid .trouble-shoot-card-text-wrap p {
    margin-top: 5px;
}

.similar-blog-grid .trouble-shoot-card-text-wrap {
    gap: 25px;
}

.blog-publish-date,
.blog-author {
    font-size: 12px;
    font-weight: 800;
    line-height: 16.8px;
    letter-spacing: 4px;
    color: #172A55;
    text-transform: uppercase;
}

/* Blog-inner page */

/* View All Page CSS */
.view-banner {
    position: relative;
    height: 80vh;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 42.98%), linear-gradient(180deg, rgba(0, 0, 0, 0.5) 30.55%, rgba(0, 0, 0, 0) 45.69%);
    z-index: 2;
}

.viewbanner-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.viewbanner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vb-content {
    position: relative;
    z-index: 3;
}


.coll-product-grid .pg-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 16px;
    row-gap: 60px;
}

.pg-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pg-item .pgi-label,
.partner-item .pgi-label {
    position: absolute;
    top: 7px;
    right: 8px;
    background-color: #fff;
    padding: 8px 5px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
}

.pgi-logo {
    top: 7px;
    right: 8px;
    position: absolute;
    max-height: 20px;
}

.pgi-image {
    aspect-ratio: 9/12;
    overflow: hidden;
}

.pgi-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pgitem-bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/*.pgib-title h3 {*/
/*    font-weight: 400;*/
/*    font-size: 24px;*/
/*    letter-spacing: -0.16px;*/
/*    text-transform: capitalize;*/
/*    line-height: 105%;*/
/*    color: #1A1A1A;*/
/*}*/

.pgib-selection {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pgib-selection .selection-label {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: #172A55;
    letter-spacing: 4px;
}

.selection-filter ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
}

.selection-filter ul li {
    border: 1px solid #CC922F;
    padding: 12px 16px;
    font-weight: 400;
    font-size: 12px;
    color: #CC922F;
    background-color: transparent;
    transition: .2s ease all;
    width: 20%;
    text-align: center;
    cursor: pointer;
    width: fit-content;
}

.selection-filter ul li.active,
.selection-filter ul li:hover {
    background-color: #CC922F;
    color: #fff;
}

.vab-bg-image {
    filter: brightness(0.6);
}

.vab-bg-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.view-all-banner {
    position: relative;
    z-index: 2;
}

.view-all-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://mrastg1.wpenginepowered.com/wp-content/uploads/2025/10/view-all-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.view-all-banner-in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.view-all-banner-in .inner-content {
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
}

.view-all-banner-in .inner-content h1 {
    font-size: clamp(36px, 7vw, 90px);
    line-height: 100%;
    letter-spacing: -0.04em;
}

.view-all-banner-in .inner-content div.label {
    text-align: right;
    font-size: 36px;
}

.view-all-collection .mra-filters .mra-dd-btn,
.view-all-collection .mra-sort select {
    background: none;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #CDBA94;
}

.view-all-collection .filter-text,
.view-all-collection .mra-dd-btn,
.view-all-collection .mra-sort select {
    color: #172A55;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: var(--lato);
}

.view-all-collection .mra-dd-btn,
.view-all-collection .mra-sort select {
    font-size: 14px;
}

.view-all-collection .mra-sort select {
    padding-bottom: 8px;
    margin-left: 40px;
}

.view-all-collection .mra-filters {
    gap: 50px;
}

.view-all-collection .mra-filters .mra-dd-btn {
    padding: 8px 0px;
    display: flex;
    gap: 15px;
    padding-right: 80px;
    position: relative;
}

.view-all-collection .mra-filters .mra-dd-btn {
    padding-right: 80px;
    position: relative;
}

.view-all-collection .mra-filters .mra-dd-btn::before {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background-image: url("data:image/svg+xml;utf8,<svg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9 1L5 5L1 1' stroke='%23172A55' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.mra-sort select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('https://mrastg1.wpenginepowered.com/wp-content/uploads/2025/10/chivron.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right 8px !important;
    background-size: 10px 6px;
    padding-right: 30px;
}



.collection-heading {
    margin-bottom: 40px;
}

.view-all-collection .custom-button {
    border: none;
    cursor: pointer;
}

.view-all-collection .coll-product-grid {
    padding-top: 50px;
}

.view-all-collection .pg-wrap .pg-item .pgi-image img {
    transition: .4s ease all;
}

.view-all-collection .pg-wrap .pg-item .pgi-image {
    overflow: hidden;
}

.view-all-collection .pg-wrap .pg-item:hover .pgi-image img {
    transform: scale(1.1);
    cursor: pointer;
}

.vac-mra-card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.vac-mra-card {
    background-color: #182B56;
    padding: 38px 28px;
    display: flex;
    flex-direction: column;
    gap: 130px;
    justify-content: space-between;
}

.vac-mra-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}

.vac-mra-card .top p {
    color: #fff;
    font-size: 14px;
    line-height: 140%;
}

.vac-mra-card .bottom p {
    color: #fff;
    font-size: 12px;
    line-height: 140%;
}

.vac-mra-card .bottom h4 {
    color: #CC922F;
}

.vac-mra-card .top,
.vac-mra-card .bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.matchmaker-matt-in {
    display: flex;
    gap: 80px;
}

.matchmaker-matt-in .left {
    width: 60%;
    padding-left: 155px;
}

.matchmaker-matt-in .right {
    width: 40%;
}

.matchmaker-matt-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.matchmaker-matt-in .mm_main .item {
    background-color: #EAE1CD;
    padding: 20px 10px;
}

.matchmaker-matt-in .mm_main .item p {
    color: #1A1A1A;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0em;
    font-weight: 600;
    line-height: 140%;
}

.matchmaker-matt-in .mm_main .item .icon {
    margin: 0 auto;
    width: 80px;
    height: 95px;
    margin-top: 50px;
    margin-bottom: 40px;
}

.matchmaker-matt-in .mm_head p {
    margin-top: 20px;
    max-width: 48ch;
}

.matchmaker-matt-in .mm_main .item img {
    width: 100%;
    height: auto;
}

.matchmaker-matt-in .mm_main .item-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 60px;
}

.matchmaker-matt-btn {
    margin-top: 40px;
}

.new-mra-spacer {
    height: 120px;
}


.mra-selected-wrap .mra-selected-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.mra-selected-wrap .mra-filter-label {
    text-transform: uppercase;
    font-size: 14px;
    font-family: var(--lato);
    font-weight: 700;
    color: #172A55;
}

.mra-selected-wrap .mra-filter-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mra-selected-wrap .mra-chips {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.mra-selected-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mra-selected-wrap .mra-clear-all.custom-button {
    width: fit-content;
}

.mra-selected-wrap .mra-selected-title {
    color: #172A55;
}

.mra-selected-wrap .mra-chip {
    background: #fff;
    border-radius: 0px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-right: 30px;
}

.mra-selected-wrap .mra-chip-value {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #172A55;
}

.mra-selected-wrap .mra-chip button {
    color: #172A55;
    border: none;
    background: none;
    position: absolute;
    right: 5px;
    font-size: 14px;
    top: 5px;
}

@media screen and (max-width: 1200px) {
    .coll-product-grid .pg-wrap {
        grid-template-columns: 1fr 1fr;
    }

    .vac-mra-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .matchmaker-matt-in .left {
        padding-left: 100px;
    }

    .matchmaker-matt-in {
        gap: 30px;
    }

}

@media screen and (max-width: 991px) {
    .matchmaker-matt-in {
        flex-direction: column;
    }

    .matchmaker-matt-in .left {
        width: 100%;
        padding: 0px 20px;
    }

    .matchmaker-matt-in .right {
        width: 100%;
        padding: 0px 20px;
    }

    .matchmaker-matt-image {
        height: 500px;
    }

    .matchmaker-matt-image img {
        object-position: top;
    }

    .new-mra-spacer {
        height: 50px;
    }
}

@media screen and (max-width: 767px) {
    .coll-product-grid .pg-wrap {
        grid-template-columns: 1fr;
    }

    .vac-mra-card-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .matchmaker-matt-in .mm_main .item-wrap {
        margin-top: 30px;
    }

    .matchmaker-matt-in .mm_head p {
        margin-top: 10px;
        width: 100%;
    }

    .matchmaker-matt-in .mm_main .item-wrap {
        grid-template-columns: 1fr;
    }
}

/* View All Page CSS */



/* Pagination Styling */

.collection-pagination {
    margin-top: 60px;
    text-align: center;
}

.collection-pagination .page-numbers {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.collection-pagination .page-numbers li {
    display: inline-block;
}

.collection-pagination .page-numbers a,
.collection-pagination .page-numbers span {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
    min-width: 45px;
    text-align: center;
}

.collection-pagination .page-numbers a:hover {
    background-color: #f0f0f0;
    border-color: #999;
}

.collection-pagination .page-numbers .current {
    background-color: #182B56;
    color: #fff;
    border-color: #182B56;
    font-weight: bold;
}

.collection-pagination .page-numbers .dots {
    border: none;
    padding: 10px 5px;
}

.category-description {
    margin-top: 15px;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {

    .collection-pagination .page-numbers a,
    .collection-pagination .page-numbers span {
        padding: 8px 12px;
        font-size: 14px;
        min-width: 40px;
    }
}

/* Pagination Styling */


/* ===== Filters toolbar ===== */
.mra-filters {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.mra-filter {
    position: relative;
}

.mra-dd-btn {
    background: #eee;
    border: 1px solid #ddd;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
}

.mra-dd {
    display: none;
    position: absolute;
    z-index: 5;
    top: calc(100% + 6px);
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
    min-width: 220px;
    max-height: 260px;
    overflow: auto;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}

.mra-filter.open .mra-dd {
    display: block;
}

.mra-dd label {
    display: block;
    margin: 6px 0;
    cursor: pointer;
}

.mra-dd input {
    margin-right: 8px;
}

.mra-apply {
    background: #0d4a7d;
    color: #fff;
    border: 0;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
}

/* ===== Grid ===== */
.mra-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* ===== Card ===== */
.mra-card {
    position: relative;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.mra-thumb {
    position: relative;
    display: block;
}

.mra-card img {
    width: 100%;
    height: auto;
    display: block;
}

.mra-brand-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 11px;
    padding: 6px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .06em;
    z-index: 2;
    /* keep above image */
    pointer-events: none;
    /* clicks pass through to the link */
}

.mra-card .mra-body {
    padding: 12px;
}

.mra-title {
    margin: 0 0 6px;
    font-size: 18px;
}

/* ===== AVAILABLE SIZES strip ===== */
.mra-sizes {
    margin-top: 10px;
}

.mra-sizes-label {
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #8b7f6b;
    margin-bottom: 6px;
}

.mra-sizes-pills {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.mra-size-pill {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #d8d4cc;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    background: #fff;
    transition: background .2s, color .2s, border-color .2s;
}

.mra-size-pill.active,
.mra-size-pill:hover {
    background: #0d4a7d;
    color: #fff;
    border-color: #0d4a7d;
}

/* ===== Load more button ===== */
.mra-load-more {
    margin: 24px auto 0;
    display: block;
    padding: 10px 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
}

/* ===== Loader overlay ===== */
#mra-grid-wrap {
    position: relative;
}

.mra-loader {
    position: absolute;
    inset: 0;
    background:
        rgba(255, 255, 255, .65) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><circle cx="50" cy="50" fill="none" stroke="%230d4a7d" stroke-width="10" r="35" stroke-dasharray="164 56"><animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"/></circle></svg>') center no-repeat;
    border-radius: 8px;
    display: none;
    /* toggled via JS */
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
    .mra-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .mra-grid {
        grid-template-columns: 1fr;
    }
}


/* Product Details */

.prod-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}

.prod-details .heading {
    font-weight: 700;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #172A55;
}

.prod-details>p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d7cdba6e;
    padding-bottom: 5px;
    font-size: 14px;
}

.prod-desc {
    margin-top: 20px !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prod-desc span {
    font-weight: 700;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #172A55;
}

.prod-var {
    margin-top: 20px !important;
}

.prod-title h1 {
    font-size: clamp(28px, 7vw, 54px) !important;
    margin-bottom: 20px !important;
}

.ball-right {
    padding-top: 0px !important;
}

.ball-tabs {
    margin-top: 0px !important;
}

.ball-tab-btn {
    padding-top: 0px !important;
}

.prod-sku p {
    font-size: 14px;
}

.ball-tabs-wrap {
    gap: 20px !important;
}

/* Product Details */


.find-feature-item .ffi-img img {
    width: 100%;
    height: auto;
}

.collection-head-warp {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

#troubleshoot-filter {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 4px;
    color: var(--bg-blue);
    position: relative;
    transition: all .3s ease;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-family: var(--lato);
    appearance: none;
}

.trouble-shoot-select {
    padding: 5px 10px;
    border: 1px solid var(--bg-blue);
}

.quiz-container .progress {
    padding-left: 20px;
}

.hypnos-banner-right-img {
    width: 50%;
    height: auto;
}

.testimonial-banner-bg {
    filter: brightness(0.7);
}

.product-display .prod-icon-text {
    flex-direction: column;
    padding-bottom: 20px;
}

.product-display .prod-icon-text p {
    max-width: 100%;
}

.product-display .prod-icon-text img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.product-display .brand-icon {
    width: 60%;
}

.product-display button.tablinks {
    padding: 4px 21px;
    border-radius: 0;
    border: 0.88px solid #CC922F;
    background-color: transparent;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #CC922F;
    transition: all .5s ease;
    cursor: pointer;
    white-space: nowrap;
}

.product-display button.tablinks:hover,
.product-display button.tablinks.active {
    background-color: #CC922F;
    color: #fff;
}

.prod-desc p {
    font-size: 14px !important;
}

.prod-details.heading {
    margin-bottom: 10px;
    padding-top: 30px;
}

@media screen and (max-width: 991px) {
    .view-all-banner-in .inner-content div.label {
        text-align: center;
    }

    .view-all-banner-in .inner-content div.label {
        margin-top: 20px;
    }

    .view-all-banner-in .inner-content h1 {
        text-align: center;
    }
}

/* Blogs Page Style */
.blogs-inner-header {
    padding-top: 160px;
}

.blogs-inner-header h1 {
    font-size: 40px;
    max-width: 30ch;
    text-align: center;
    line-height: 100%;
    color: var(--head);
}

.blogs-inner-info {
    display: flex;
    gap: 5px;
}

.blogs-inner-header .head {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;

}

.blogs-innner-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 100% 40%;
}

.blogs-innner-banner-img {
    height: 630px;
    margin-top: 50px;
}

.blogs-inner-content {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 50px;
}

.blogs-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s ease all;
}

.blogs-card-img {
    aspect-ratio: 5/6;
    overflow: hidden;
}

.blogs-card:hover .blogs-card-img img {
    transform: scale(1.1);
    color: pointer;
}

.blogs-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.blogs-text-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.other-blogs-in .head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.other-blogs-card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    margin-top: 50px;
}

.news-inner-last .trouble-shoot-footer {
    margin-top: 0px;
    gap: 30px;
    padding: 80px 0px;
}


.blogs-inner-content .main-text-content :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 400;
    margin-bottom: 12px;
    color: var(--head);
}

.blogs-inner-content .main-text-content h2 {
    font-size: clamp(28px, 2.67vw + 13.59px, 42px);
}

.blogs-inner-content .main-text-content h3 {
    font-size: clamp(24px, 2.67vw + 13.59px, 36px);
}

.blogs-inner-content .main-text-content h4 {
    font-size: clamp(22px, 2.67vw + 13.59px, 32px);
}

.blogs-inner-content .main-text-content h5 {
    font-size: clamp(20px, 2.67vw + 13.59px, 28px);
}

.blogs-inner-content .main-text-content h6 {
    font-size: clamp(18px, 2.67vw + 13.59px, 24px);
}

.blogs-inner-content .main-text-content :is(p, a, li) {
    font-size: 16px;
    font-weight: 400;
    line-height: 165%;
    letter-spacing: 0em;
    color: #767676;
}

.blogs-inner-content .main-text-content :is(ul, ol) {
    padding-left: 20px;
    margin-bottom: 12px;
}

.blogs-inner-content .main-text-content ul li {
    list-style: disc;
}

.blogs-inner-content .main-text-content p {
    margin-bottom: 16px;
}

.blogs-inner-content .main-text-content ol li {
    list-style: number;
}

.blogs-inner-content .main-text-content a {
    text-decoration: underline;
    transition: .3s ease all;
    cursor: pointer;
}

.blogs-inner-content .main-text-content a:hover {
    color: #a7a7a7;
}

.blogs-inner-content .main-text-content p>a {
    display: inline-block;
}

.blogs-inner-content .share p {
    font-weight: 700;
}

.heateor_sss_facebook,
.heateor_sss_whatsapp {
    display: none !important;
}

.share {
    display: flex;
    gap: 10px;
}

.heateor_sss_svg {
    background: none !important;
}

.heateor_sss_more svg {
    width: 20px !important;
    height: 20px !important;
}

@media screen and (max-width: 1200px) {
    .outer-overflow {
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .blogs-inner-content-container {
        padding: 0px 20px;
    }

    .other-blogs-card-wrapper {
        width: 130%;
    }
}

@media screen and (max-width: 767px) {
    .other-blogs-card-wrapper {
        gap: 15px;
    }

    .other-blogs-card-wrapper .blogs-card h5 {
        font-size: 18px;
        line-height: 112%
    }

    .other-blogs-card-wrapper .blogs-card p {
        font-size: 14px;
        line-height: 130%;
    }

    .other-blogs-card-wrapper .blogs-card {
        width: 350px;
    }

    .trouble-shoot-footer {
        padding: 50px 20px;
        margin-bottom: 50px;

    }

    .trouble-shoot-footer p {
        padding: 0px 20px;
        text-align: center;
    }
}


/* Blogs Page Style */


.testimonial_tab_wrapper .testimonial_tab {
    overflow: hidden;
    overflow-x: auto;
    display: flex;
    gap: 40px;
    padding-bottom: 10px;
}

.testimonial_tab_wrapper .testimonial_tab .testimonial_tab_link {
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    text-transform: uppercase;
    color: #172A55;
    white-space: nowrap;
    letter-spacing: 4px;
    font-weight: 800;
    padding-bottom: 4px;
}

.testimonial_tab_wrapper .testimonial_tab .testimonial_tab_link:hover {
    border-bottom: 1px solid #172A55;
}

.testimonial_tab_wrapper .testimonial_tab .testimonial_tab_link.active {
    border-bottom: 1px solid #172A55;
}

.testimonial_tab_wrapper .testimonial_tab_content {
    display: none;
    padding-top: 10px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.testimonial_tab_content .item-wrap {
    display: flex;
    gap: 40px;
    /* padding-top: 40px; */
    flex-direction: column;
}

.testimonial_tab_content .item-wrap .item-left {
    /* aspect-ratio: 1.1/1; */
    overflow: hidden;
    /* min-width: 300px; */
    /* width: 25%; */
}

.testimonial_tab_content .item-wrap .item-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 10px;
    padding-right: 20px;
    width: 75%;
}

.testimonial_tab_content .item-wrap .item-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial_tab_content .item-content p {
    font-size: 24px;
    line-height: 33.6px;
}

.testimonial-tab-section .testimonial-nav {
    margin-top: 40px;
}

.testimonial_tab_slider .star-rating {
    width: 120px;
}

.new-scroll-grid .partner-grid {
    grid-template-columns: unset;
    grid-auto-columns: calc(25% - 25px);
    grid-auto-flow: column;
    overflow-x: scroll;
}

/* Force .partner-grid to behave as a proper grid */
.new-outer-partner-div .partner-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 34px !important;
    overflow-x: visible !important;
    grid-auto-flow: row !important;
}

@media screen and (max-width: 1200px) {
    .new-outer-partner-div .partner-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .new-outer-partner-div .partner-grid {
        grid-template-columns: 1fr;
    }
}

.new-scroll-grid .partner-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

@media screen and (max-width: 991px) {
    .test-right.mob {
        width: 100%;
        height: 250px;
        border-radius: 0px;
    }

    .testimonial-slide {
        padding-top: 0px;
    }

    .tl-author {
        gap: 20px;
    }
}

@media screen and (max-width: 767px) {
    .testimonial_tab_content .item-wrap .item-left {
        width: 100%;
    }

    .testimonial_tab_content .item-wrap .item-right {
        width: 100%;
    }
}

.Unveiling-slider .splide__track {
    overflow: unset !important;
}

.mapboxgl-popup-content {
    padding: 10px 14px;
}

.store-popup h5 {
    margin: 0 0 6px;
    font-size: 1rem;
}

.store-popup p {
    margin: 0 0 6px;
    font-size: 0.9rem;
}

.store-popup .btn {
    display: inline-block;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 4px;
}

.mapboxgl-popup-close-button {
    min-width: 15px;
    min-height: 15px;
}

.slbl-card {
    transition: all .3s ease;
}

.slb-location-cards .slbl-card:hover {
    background-color: white;
    cursor: pointer;
}

.testimonial_tab_slider {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 50px;
}

.testimonial_tab_slider .star-rating {
    display: none;
}

@media screen and (max-width: 991px) {
    .testimonial_tab_slider {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .testimonial_tab_slider {
        grid-template-columns: 1fr;
    }
    .testimonial-tab-section{
        padding-top: 80px ;
    }
}

.testimonial_tab_content .item-wrap .item-right{
    padding: 0px;
    width: 100%;
}

.suburb-results { list-style: none; margin: .5rem 0 0; padding: 0; border: 1px solid #eee; max-height: 280px; overflow: auto; }
.suburb-results li { padding: .5rem .75rem; cursor: pointer; border-bottom: 1px solid #f3f3f3; }
.suburb-results li:hover { background: #f7fafc; }
.slbl-card.nearby { outline: 2px solid #2563eb33; background: #f8fbff; } /* highlight nearby */
input.mapboxgl-ctrl-geocoder--input {
    width: 100% !important;
    padding: 15px 30px;
    background-color: transparent;
    font-size: 12px;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: unset;
    text-transform: unset;
    color: #172A55;
    height: 48px;
}

.mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
    background: none;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
}

div#mra-geocoder {width: calc(50% - 42px);}


svg.mapboxgl-ctrl-geocoder--icon.mapboxgl-ctrl-geocoder--icon-search {
    top: auto;
}

button.mapboxgl-ctrl-geocoder--button {
    margin-top: 7px;
}

.mra-geolocate-wrapper {
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 4px;
}
.slb-selector button {
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 29px;
    outline: none;
    overflow: hidden;
    padding: 0;
    width: 29px;
    transition: all .3s ease;
}
.slb-selector button:hover {
    background-color:#ebdfc9;
}

.slb-selector button svg {
    width: 19px;
    height: 19px;
}

section.role .role-content-wrap ol {
    list-style-type: decimal;
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--desc);
    text-align: left;
    padding: 30px;
}

.page-id-1817 .pSection .container-fluid {
    display: flex;
    justify-content: flex-end;
}

.certificate-img-grid .cig-img:first-child {
    width: 307px;
}