@font-face {
    font-family: 'optima';
    src: url('../fonts/OPTIMA.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'optima';
    src: url('../fonts/Optima_Italic.woff') format('woff');
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'optima-bold';
    src: url('../fonts/OPTIMA_B.woff') format('woff');
    font-style: bold;
    font-display: swap;
}

:root {
    /* fonts */
    --sans: "Open Sans", sans-serif;
    --optima: 'optima';
    /* colors */
    --white: rgba(255, 255, 255, 1);
    --head: #444447;
    --desc: #444447;
    --bg-blue: #0F5388;
    --bg-skin: rgba(234, 225, 205, 1);
    --button-bg-blue: #0F5388;
    --button-bg-white: rgba(240, 236, 228, 1);
}


/* 
========================================== 
General CSS
========================================== 
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-synthesis: none !important;
}

html,
body {
    /* overflow: hidden; */
    font-family: var(--sans);
    height: auto;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.lenis-locked {
    overflow: hidden !important;
    height: 100% !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--optima);
    color: var(--head);
    font-weight: 400;
    line-height: 107%;
    letter-spacing: 0em;
}

h2 {
    font-size: clamp(28px, 2.67vw + 13.59px, 42px);
}

p {
    font-family: var(--sans);
    color: var(--desc);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
}

p span {
    font-weight: 700;
    color: var(--desc);
}

a {
    text-decoration: none;
    font-family: var(--sans);
    display: inline-block;
    width: fit-content;
}

ul li {
    font-family: var(--sans);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    list-style: none;
}

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

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

picture {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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

.spacer {
    height: 160px;
}

.dim {
    filter: brightness(.5);
    transition: all .4s ease;
}


/*Buttons*/

.custom-button {
    display: inline-block;
    padding: 10px 20px;
    font-family: var(--sans);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
    background-color: var(--button-bg-blue);
    color: rgba(255, 255, 255, 1);
    transition: all .3s ease;
    text-align: center;
    border: none;
    cursor: pointer;
}

.custom-button:hover {
    background-color: #fff;
    color: #000;
}

.custom-button.transparent-hover {
    border: 1px solid var(--button-bg-blue);
}

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

.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;
}

.bold-text {
    font-weight: 700;
}

.inherit-color {
    color: inherit !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.uppercase {
    text-transform: uppercase;
}

.container {
    width: 100%;
    height: 100%;
    padding: 0 80px;
    /* max-width: 1500px; */
    margin: 0 auto;
}

.container-fluid {
    width: 100%;
    height: 100%;
    padding: 0 54px;
    /* max-width: 1500px; */
    margin: 0 auto;
}

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

.heading.full-wd {
    max-width: 100%;
}


/* Animation */

.fade-in-text,
.fade-text p {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s ease-out;
}

.fade-in-text[data-scroll="in"],
.fade-text p[data-scroll="in"] {
    opacity: 1;
    transform: translateY(0);
}


/* Animation */


/* Loader */

#site-loader {
    position: fixed;
    z-index: 15;
    height: 100dvh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-blue);
    transition: all .6s ease;
    transition-delay: .1s;
}

#site-loader.hidden {
    height: 0;
}

#site-loader img {
    width: 200px;
    height: auto;
    object-fit: contain;
    transition: all 1s ease;
}

#site-loader.hidden img {
    scale: 0;
    opacity: 0;
}


/* Loader */


/* Header Css */

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


/* .header::before{
    content: '';
    width: 100%;
    h
} */


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

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

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

.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);
    border-bottom: 1px solid #50A8EC;
}

.header-blogs {
    background-color: var(--bg-blue);
    border-bottom: 1px solid #50A8EC;
}

header.scrolled {
    background-color: var(--bg-blue);
    border-bottom: 1px solid #50A8EC;
}

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

header.transparent.active {
    background-color: var(--bg-blue);
    border-bottom: 1px solid #50A8EC;
}

header.active {
    background-color: var(--bg-blue);
    border-bottom: 1px solid #50A8EC;
}

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.link-hovered {
    background-color: var(--bg-blue);
}

.header-wrap {
    padding-top: 20px;
    /* padding-bottom: 38px; */
}

.header-wrap ul {
    display: flex;
}

.header-wrap ul li a {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.16em;
    color: #fff;
    text-transform: uppercase;
}

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

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

.header-bottom ul li a::after {
    content: '';
    position: absolute;
    bottom: -4px !important;
    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: 18px;
}

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

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

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

.header-bottom ul li svg {
    width: 12px;
    height: 12px;
    transform: rotate(90deg);
    transition: all .4s ease;
}

.header-bottom>ul>li:hover svg {
    transform: rotate(-90deg);
}

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

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

.mobile {
    display: none !important;
}

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

.header-top-left ul li a {
    position: relative;
}

.header-top-left ul li a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    scale: 0;
    transition: all .4s ease;
}

.header-top-left ul li:hover a::before {
    scale: 1;
}

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

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

.header-top-middle picture img {
    width: 100%;
    height: auto;
    object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.header-top-right ul {
    display: flex;
    gap: 66px;
    align-items: center;
}

.header-top-right ul li a {
    position: relative;
}

.header-top-right ul li a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    scale: 0;
    transition: all .4s ease;
}

.header-top-right ul li:hover a::before {
    scale: 1;
}

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


/* 
.header-bottom>ul>li>a {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 22px;
} */

.header-bottom>ul>li {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 22px;
    cursor: pointer;
}


/* 
.header-bottom>ul>li>a .nav-link-arrow {
    margin-top: 4px;
} */


/* Navbar drop */

.nav-drop {
    position: absolute;
    top: 100%;
    left: 0;
    height: auto;
    /* width: 48%; */
    background-color: #0F5388;
    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: -240%;
    gap: 75px;
}

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

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

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

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

.nav-drop-left ul li a {
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

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

.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; */
}

.header-bottom>ul>li .nav-drop {
    padding-left: 60px;
    padding-right: 55px;
    padding-top: 35px;
    padding-bottom: 55px;
}

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

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

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

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

.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;
}

main::before {
    content: '';
    width: 100%;
    height: 0;
    opacity: 0;
    background-color: #00000060;
    position: fixed;
    inset: 0;
    background: #00000080;
    z-index: 5;
    /* transition: all .5s ease; */
}

main.overlay-active::before {
    height: 100dvh;
    opacity: 1;
}

main.ham-active::before {
    height: 100dvh;
    opacity: 1;
}

.res-mobile {
    display: none !important;
}

.res-desktop {
    display: block;
}


/* Navbar drop */


/* Header Css */


/* Homepage */


/* Banner */

.hp-banner {
    position: relative;
    height: 100vh;
    min-height: 700px;
}

.hpb-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    filter: brightness(.7);
    background-color: #000;
}

.hpb-img {
    width: 50%;
    height: 100%;
}

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

.hp-banner-wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.hpb-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    padding-bottom: 52px;
}

.hpb-content h1 {
    font-weight: 400;
    font-size: 6.25vw;
    line-height: 104%;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    transition-delay: .6s;
}

.hp-banner.loaded .hpb-content h1 {
    opacity: 1;
    transform: translateY(0px);
}


/* Banner */


/* Text Image left right section */

.tilr-wrap {
    display: flex;
    gap: 70px;
}

.tilr-left {
    width: 57%;
}

.tilr-content {
    max-width: 62ch;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.tilr-content p {
    padding-top: 10px;
}

.tilr-right {
    width: 43%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 30px;
}

.tilr-left-image {
    width: 100%;
    height: auto;
    aspect-ratio: 6/5;
    margin-top: 80px;
}

.tilr-right-image {
    width: 150px;
    height: 150px;
    aspect-ratio: 1/1;
    margin-left: auto;
    margin-top: 90px;
    transform: translateY(-90px);
}


/* Text Image left right section */


/* Featured Products */

.fp-head {
    max-width: 90ch;
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
}

.fp-head .heading p {
    max-width: 70ch;
    margin: 0 auto;
    margin-top: 2px;
    color: #767676;
    transition-delay: .2s !important;
}

.fp-card-redirect {
    display: block;
    width: 100%;
    height: 100%;
}

.fp-cards {
    margin-top: 50px;
}

.fp-cards-wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    gap: 16px;
}

.fp-card {
    position: relative;
    width: 100%;
    aspect-ratio: 4/5;
}

.fpc-layer-1 {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
}

.fpc-layer-1::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .4s ease;
    backdrop-filter: blur(2px) grayscale(100%);
    -webkit-backdrop-filter: blur(2px) grayscale(100%);
    opacity: 0;
}

.fp-card:hover .fpc-layer-1::before {
    opacity: 1;
}

.fpc-layer-2 {
    position: absolute;
    z-index: 1;
    inset: 0;
    margin: auto;
    width: calc(100% - 48px);
    height: calc(100% - 48px);
    filter: unset;
}

.fpc-layer-2 img {
    opacity: 0;
    transition: all .6s ease;
}

.fpc-layer-2::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%);
    opacity: 0;
    transition: all .6s ease;
}

.fp-card:hover .fpc-layer-2::before {
    opacity: 1;
}

.fp-card:hover .fpc-layer-2 img {
    opacity: 1;
}

.fpc-wrap {
    position: absolute;
    /* inset: 0; */
    max-width: 35ch;
    width: 100%;
    height: fit-content;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
    z-index: 1;
}

.fpc-wrap {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
}

.fpc-wrap h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 107%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
}

.fpc-content {
    display: flex;
    margin: 0 auto;
    margin-top: 6px;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    max-width: 25ch;
    width: 100%;
    height: auto;
    transition: all .3s ease;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 30px);
    opacity: 0;
}

.fp-card:hover .fpc-wrap {
    top: 45%;
}

.fp-card:hover .fpc-content {
    transform: translate(-50%, 0px);
    opacity: 1;
}

.fpc-content .label {
    font-family: var(--optima);
    font-weight: 400;
    font-style: Italic;
    font-size: 18px;
    line-height: 107%;
    letter-spacing: 0;
    color: #fff;
}

.fpc-content p {
    font-family: var(--optima);
    font-weight: 400;
    font-size: 14px;
    line-height: 107%;
    letter-spacing: 0;
    color: #fff;
}

.fp-left-right {
    margin-top: 75px;
}

.fp-left-right-wrap {
    display: flex;
    gap: 80px;
    align-items: center;
}

.fp-left-right-wrap .fplr-left {
    /* max-width: 56ch; */
    width: 40%;
}

.fplr-left-content {
    max-width: 56ch;
    width: 100%;
}

.fp-left-right-wrap .fplr-left p {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0px;
    color: #fff;
}

.fp-left-right-wrap .fplr-left ul {
    padding-left: 25px;
    margin-top: 15px;
}

.fp-left-right-wrap .fplr-left a {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 0.5px;
}

.fp-left-right-wrap .fplr-left ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 200%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    position: relative;
    color: #fff;
}

.fp-left-right-wrap .fplr-left ul li::before {
    content: '';
    width: 4px;
    height: 4px;
    flex-shrink: 0;
    position: absolute;
    top: 16px;
    left: -16px;
    border-radius: 50%;
    background-color: #fff;
}

.fp-left-right-wrap .fplr-right {
    /* width: calc(100% - 56ch); */
    width: 60%;
    height: 100%;
    aspect-ratio: 9 / 8;
}

.fp-items {
    position: relative;
    padding-bottom: 195px;
}

.fp-items>* {
    position: relative;
    z-index: 4;
}

.fp-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 335px);
    height: calc(100% - 100px);
    background-color: #0F5388;
    z-index: 1;
}

.fp-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    background: url('../images/featured-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.fp-bg .tc-bg {
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    margin: auto;
    position: absolute;
    inset: 0;
}

.fp-bg .tcb-draw {
    width: 100%;
}


/* Featured Products */


/* Range Display Section */

.rd-head .heading h2 {
    font-family: var(--sans);
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
}

.rd-slider {
    margin-top: 45px;
    position: relative;
}

.rd-card-image {
    aspect-ratio: 9/10;
    position: relative;
    overflow: hidden;
}

.rd-card-image::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #0000001F;
    z-index: 4;
}

.rd-card .rd-card-image img {
    transition: all .4s ease;
}

.rd-card:hover .rd-card-image img {
    scale: 1.05;
}

.rd-card-text {
    text-align: center;
    margin-top: 14px;
}

.rd-card-text h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 107%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rd-card-text p {
    font-family: var(--optima);
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0;
    color: #767676;
    margin-top: 3px;
}

.owl-nav {
    display: none;
}

.owl-btn-wrap {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 0;
    bottom: 0;
    margin: auto;
}

.owl-btn-wrap .arrow-btn {
    display: flex;
    padding: 12.5px;
    border-radius: 50%;
    background-color: #fff;
    border: 0.88px solid #0F5388;
    transition: all .4s ease;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.owl-btn-wrap .arrow-btn:hover {
    background-color: #0F5388;
}

.owl-btn-wrap .arrow-btn svg path {
    transition: all .4s ease;
}

.owl-btn-wrap .arrow-btn:hover svg path {
    stroke: #fff;
}

.owl-btn-wrap .arrow-btn.prev-btn {
    scale: -1;
    position: relative;
    top: 0;
    left: -20px;
    right: 0px;
    margin-bottom: 30px;
}

.owl-btn-wrap .arrow-btn.next-btn {
    position: relative;
    top: 0;
    left: 20px;
    right: 0;
    margin-bottom: 30px;
}

.prev-btn.disabled {
    opacity: 0;
}

.next-btn.disabled {
    opacity: 0;
}

.owl-dots {
    display: none;
}

.rd-content {
    margin: 0 auto;
    margin-top: 45px;
    max-width: 72ch;
    text-align: center;
}

.rd-content p {
    color: #4B4B4B;
}


/* Range Display Section */


/* Product Display Section */

.product-display-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-display-head .heading {
    max-width: 45ch;
}

.product-display-head .heading h2 {
    font-weight: 400;
    font-size: clamp(28px, 2.67vw, 36px);
    text-transform: capitalize;
}

.product-display-head .heading p {
    transition-delay: 0.2s !important;
}

.product-display-head>p {
    max-width: 44ch;
    color: #767676;
    transition-delay: 0.4s !important;
}

.product-display-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 16px;
    margin-top: 50px;
}

.pdg-card-image {
    aspect-ratio: 4/5;
    overflow: hidden;
}

.pdg-card .pdg-card-image img {
    transition: all .4s ease;
}

.pdg-card:hover .pdg-card-image img {
    scale: 1.05;
}

.pdg-card-wrap h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    max-width: 20ch;
    margin: 0 auto;
    margin-top: 16px;
}


/* Product Display Section */


/* Category section */

.category-head {
    max-width: 70ch;
    margin: 0 auto;
    text-align: center;
}

.category-head .paras {
    max-width: 58ch;
    margin: 0 auto;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.category-head .label {
    margin-top: 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #414042;
}

.category-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px;
    margin-top: 45px;
}

.category-card-top {
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
}

.category-card-top a {
    position: absolute;
    width: calc(100% - 28px);
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -18px;
    opacity: 0;
    transition: all .4s ease;
}

.category-card-bottom {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.category-card-bottom h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 107%;
    letter-spacing: 0;
    color: #414042;
}

.category-card-bottom p,
.category-card-bottom ul li {
    font-family: var(--sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    color: #767676;
}

.category-card-bottom ul li {
    position: relative;
    padding-left: 24px;
}

.category-card-bottom ul li::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 12px;
    width: 3px;
    height: 3px;
    background-color: #767676;
}

.category-card .category-card-top img {
    transition: all .4s ease;
}

.category-card:hover .category-card-top img {
    scale: 1.05;
}

.category-card:hover .category-card-top a {
    bottom: 18px;
    opacity: 1;
}

.category-foot {
    max-width: 52ch;
    margin: 0 auto;
    text-align: center;
    margin-top: 45px;
}


/* Category section */


/* Deals section */

.deal-section {
    background-color: #0F5388;
    position: relative;
}

.deal-section::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.deal-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    padding-top: 45px;
    padding-bottom: 50px;
    gap: 100px;
}

.deal-left {
    width: 53%;
}

.dl-top {
    max-width: 60ch;
}

.dl-top .heading h2 {
    font-size: 72px;
    letter-spacing: 0;
    color: #fff;
}

.dl-bottom {
    margin-top: 240px;
    display: flex;
    gap: 45px;
}

.dlb-left {
    white-space: nowrap;
}

.dlb-left h3 {
    font-family: var(--sans);
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
}

.dlb-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 45ch;
}

.dlb-right p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    color: #fff;
}

.deal-right {
    width: 47%;
}

.dr-top {}

.dr-top p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    color: #fff;
    max-width: 46ch;
}

.drt-images {
    margin-top: 25px;
    display: flex;
    gap: 8px;
}

.drt-images .small-image {
    width: 150px;
    height: 165px;
    flex-shrink: 0;
    overflow: hidden;
}

.drt-images .big-image {
    aspect-ratio: 9/10;
    overflow: hidden;
}

.dr-bottom {
    margin-top: 100px;
}

.dr-bottom p {
    color: #fff;
    max-width: 55ch;
}

.dr-bottom p a {
    display: inline;
    /* font-weight: 700; */
    color: #fff;
    text-decoration: underline;
    transition: all .3s ease;
    text-decoration-thickness: .5px;
}

.dr-bottom p a:hover {
    opacity: .7;
    color: #F0ECE4 !important;
}


/* Deals section */


/* Trust Section */

.trust-wrap {
    display: flex;
}

.trust-left {
    width: 53%;
}

.tl-top {
    max-width: 54ch;
}

.tl-top-wrap {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.tl-top-wrap p {
    color: #767676;
}

.tl-mid {
    margin-top: 40px;
}

.tl-mid p {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
}

.tl-mid ul {
    margin-top: 5px;
}

.tl-mid ul li {
    font-family: var(--sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #767676;
    padding-left: 22px;
    position: relative;
}

.tl-mid ul li::before {
    content: '';
    width: 3px;
    height: 3px;
    flex-shrink: 0;
    position: absolute;
    top: 15px;
    left: 11px;
    border-radius: 50%;
    background-color: #767676;
}

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

.tl-bottom p {
    color: #767676;
}

.trust-right {
    width: 47%;
    aspect-ratio: 1/1;
    position: relative;
    height: 100%;
}

.tr-black-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    filter: grayscale();
}

.tr-black-image img {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.tr-color-image {
    position: absolute;
    inset: 0;
    width: calc(100% - 140px);
    height: calc(100% - 140px);
    margin: auto;
    z-index: 2;
    overflow: hidden;
}


/* Trust Section */


/* Testimonial */

.testimonial {
    background-color: #0F5388;
    position: relative;
    padding-top: 70px;
    padding-bottom: 40px;
    overflow: hidden;
}

.testimonial-wrap {
    position: relative;
    z-index: 2;
}

.testimonial-head {
    max-width: 70ch;
    margin: 0 auto;
    text-align: center;
}

.testimonial-head .heading h2 {
    color: #fff;
}

.testimonial-head .heading p {
    color: #fff;
    max-width: 60ch;
    margin: 0 auto;
    margin-top: 5px;
    transition-delay: .3s !important;
}

.testimonial-carousal {
    margin-top: 85px;
    padding: 0 113px;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.tc-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    gap: 255px;
}

.testi-card {
    display: flex;
    gap: 8px;
    height: 100%;
}

.testi-card-right {
    width: 53%;
    background-color: #fff;
    padding-left: 24px;
    padding-right: 31px;
    padding-top: 35px;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 80px;
    justify-content: space-between;
}

.tcr-top-icon {
    width: 49px;
    height: 49px;
}

.testi-card-left {
    width: 47%;
    display: flex;
    position: relative;
}

.tcr-top-text {
    margin-top: 5px;
}

.tcr-bottom p {
    font-family: var(--optima);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #767676;
}

.testimonial-bottom {
    margin: 0 auto;
    max-width: 75ch;
    text-align: center;
    margin-top: 50px;
    padding: 0 20px;
}

.testimonial-bottom p {
    color: #fff;
}

.testimonial-carousal-wrap {
    position: relative;
}

.testimonial-carousal .owl-btn-wrap .arrow-btn.prev-btn {
    margin: 0;
    left: -70px;
}

.testimonial-carousal .owl-btn-wrap .arrow-btn.next-btn {
    margin: 0;
    left: 70px;
}

.testimonial-carousal .owl-btn-wrap .arrow-btn {
    background-color: transparent;
    border: 1px solid #fff;
}

.testimonial-carousal .owl-btn-wrap .arrow-btn svg path {
    stroke: #fff;
}

.testimonial-carousal .prev-btn.disabled {
    opacity: 1;
}

.testimonial-carousal .next-btn.disabled {
    opacity: 1;
}

.testimonial-carousal .owl-btn-wrap .arrow-btn:hover {
    background-color: #fff;
}

.testimonial-carousal .owl-btn-wrap .arrow-btn:hover svg path {
    stroke: #0F5388;
}

.testimonial::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.tcb-draw {
    width: 50%;
    height: 100%;
    position: relative;
}

.tcb-draw:nth-child(2) {
    scale: -1;
}

.tcb-line {
    position: absolute;
    background-color: #fff;
    opacity: .3;
    transition: all .8s ease;
}

.tcb-line.line1 {
    top: 0;
    left: 0;
    width: 100%;
    height: 1.5px;
    transform: scale(0);
    transform-origin: left;
}

.tcb-line.line2 {
    top: 1.5px;
    right: 0;
    width: 1.5px;
    height: calc(100% - 3px);
    margin: auto 0;
    transform: scale(0);
    transition-delay: 0.8s;
    transform-origin: top;
}

.tcb-line.line3 {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.5px;
    transform: scale(0);
    transition-delay: 1.6s;
    transform-origin: right;
}

.tcb-line.line4 {
    top: 1.5px;
    left: 0;
    width: 1.5px;
    height: calc(100% - 3px);
    transform: scale(0);
    transition-delay: 2.4s;
    transform-origin: bottom;
}

.tc-bg.draw .tcb-line.line1 {
    transform: scale(1);
}

.tc-bg.draw .tcb-line.line2 {
    transform: scale(1);
}

.tc-bg.draw .tcb-line.line3 {
    transform: scale(1);
}

.tc-bg.draw .tcb-line.line4 {
    transform: scale(1);
}

.testimonial-carousal .slide {
    height: 100%;
}

.testimonial-carousal .owl-carousel .owl-stage {
    display: flex;
}


/* Testimonial */


/* Visit Section */

.visit-head {
    max-width: 55ch;
    margin: 0 auto;
    text-align: center;
}

.visit-head .heading {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.visit-head .heading p {
    font-size: 14px;
    transition-delay: .3s !important;
}

.visit-cards {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.visit-card {
    padding: 62px 48px;
    background: url('../images/visit.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.visit-card::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(19px);
    -webkit-backdrop-filter: blur(19px);
    z-index: 1;
}

.vc-wrap {
    position: relative;
    z-index: 2;
    padding: 80px 54px;
    background-color: #484a4d;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 100px;
    height: 100%;
}

.vc-top h3 {
    font-weight: 400;
    font-size: 40px;
    line-height: 97%;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    margin-top: 20px;
}

.vc-bottom {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-width: 50ch;
}

.vc-bottom p {
    font-family: var(--sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0px;
    color: #fff;
}

.vc-top img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.vc-bottom p a {
    display: inline;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 1px;
    color: #fff;
    transition: all .3s ease;
}

.vc-bottom p a:hover {
    opacity: .7 !important;
}


/* Visit Section */


/* Blog */

.blog-wrap {
    display: flex;
}

.blog-left {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 8px;
}

.blog-right {
    width: 60%;
}

.blog-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.bl-top {
    max-width: 50ch;
}

.bl-top {
    max-width: 50ch;
}

.bl-top .para {
    max-width: 45ch;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bl-bottom {
    max-width: 40ch;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.bl-bottom .custom-button {
    transition: all .4s ease;
    transition-delay: 0s !important;
}

.bc-bottom {
    margin-top: 15px;
}

.bc-bottom .info h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
}

.bc-bottom .label {
    font-family: var(--sans);
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0px;
    color: #767676;
    margin-top: 6px;
}

.bc-top {
    overflow: hidden;
    aspect-ratio: 4/5;
}

.bc-top img {
    transition: all .6s ease;
}

.blog-cards a:hover .bc-top img {
    scale: 1.05;
}


/* Blog */


/* Pre-Footer */

.pre-footer-wrap {
    display: flex;
    gap: 100px;
}

.pre-footer-wrap p {
    color: #767676;
}

.pf-left {
    width: 56%;
    aspect-ratio: 6 / 5;
    position: relative;
    height: 100%;
}

.pf-left .tr-color-image {
    width: calc(100% - 146px);
    height: calc(100% - 70px);
}

.pf-right {
    width: 44%;
    /* padding-bottom: 25px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.pf-top .para p a {
    display: inline;
    font-family: var(--sans);
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    text-decoration: underline;
    color: #444447;
    transition: all .3s ease;
}

.pf-top .para p a:hover {
    opacity: .7;
}

.pf-top .para {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
}

.pf-top {
    max-width: 54ch;
}

.pf-bottom {
    display: flex;
    gap: 8px;
    max-width: 55ch;
    flex-direction: column;
}

.pf-bottom img {
    width: 24px;
    height: 24px;
}

.pf-bottom p span {
    color: #0F5388;
}

.pre-footer-wrap .tr-black-image img {
    filter: blur(0);
}

.pre-footer-wrap .tr-black-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    z-index: 1;
}


/* Pre-Footer */


/* Footer */

.footer {
    background-color: #0F5388;
    position: relative;
}

.footer::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
    z-index: 1;
}

.footer-wrap {
    position: relative;
    z-index: 2;
}

.footer-top {
    display: flex;
    padding: 0 80px;
    padding-top: 70px;
    padding-bottom: 48px;
    position: relative;
}

.footer-top::before {
    content: '';
    height: 0%;
    width: 1px;
    opacity: .3;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 2;
    background-color: #fff;
    transition: all 1.5s ease;
}

.footer-wrap.draw .footer-top::before {
    height: 100%;
}

.footer-top::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: #fff;
    transition: all 1.5s ease;
    transition-delay: 1.5s;
    scale: 0;
}

.footer-wrap.draw .footer-top::after {
    scale: 1;
    opacity: .3;
}

.ft-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 160px;
}

.footer-logo {
    width: 276px;
    height: auto;
}

.ftl-para {
    max-width: 35ch;
}

.ftl-para p {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #fff;
}

.ftl-bottom.mob {
    display: none;
}

.ftl-bottom .label .head {
    font-family: var(--sans);
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0px;
    color: #fff;
}

.ftl-bottom .label .para {
    font-family: var(--sans);
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0px;
    color: #fff;
}

.footer-subscribe {
    margin-top: 20px;
    max-width: 320px;
}

.fs-wrap {
    width: 100%;
    display: flex;
    gap: 20px;
    border: 1px solid #FFFFFF;
}

.fs-wrap input {
    outline: none;
}

.fs-wrap input[type="email"] {
    color: #fff;
    padding: 11px 16px;
    font-family: var(--sans);
    border: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0px;
    background-color: transparent;
    width: 100%;
    outline: none;
}

.fs-wrap input::placeholder {
    color: #fff;
}

.fs-wrap input[type="submit"] {
    cursor: pointer;
}

.fs-wrap .sub-btn {
    position: relative;
    flex-shrink: 0;
    width: 37px;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    transition: all .3s ease;
    border-left: 1px solid #fff;
}

.fs-wrap .sub-btn:hover {
    background-color: transparent;
}

.fs-wrap .sub-btn svg path {
    transition: all .3s ease;
}

.fs-wrap .sub-btn:hover svg path {
    fill: #fff;
}

.fs-wrap .sub-btn svg {
    width: 10.2px;
    height: 12.6px;
    object-fit: contain;
}

.fs-wrap .sub-btn input {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: transparent;
    border: none;
}

.ft-right {
    width: 50%;
}

.ftr-wrap {
    padding-left: 97px;
    display: flex;
    gap: 70px;
    justify-content: end;
}

.ftr-links ul {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.ftr-links ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #fff;
    white-space: nowrap;
    position: relative;
}

.ftr-links ul li a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -4px;
    left: 0;
    background-color: #fff;
    transition: all .4s ease;
    scale: 0;
}

.ftr-links ul li a:hover::before {
    scale: 1;
}

.footer-bottom {
    padding: 0 80px;
    padding-top: 35px;
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between;
}

.fb-left p {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
}

.fb-left p span {
    display: flex;
}

.fb-left p span img {
    width: 12px;
    height: 12px;
}

.fb-right ul {
    display: flex;
    gap: 34px;
}

.fb-right ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #fff;
    position: relative;
}

.fb-right ul li a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -4px;
    left: 0;
    background-color: #fff;
    transition: all .4s ease;
    scale: 0;
}

.fb-right ul li a:hover::before {
    scale: 1;
}


/* Footer */


/* Homepage */


/* ============== To stop transition during resizing ============  */

.body-disable-transitions *,
.body-disable-transitions {
    transition: none !important;
}


/*============ To stop transition during resizing ends ============  */


/* Beds Parent Banner Starts */

.beds-parent-banner {
    background-color: #0F5388;
    position: relative;
    height: 100%;
    padding: 150px 0px 70px 0px;
    overflow: hidden;
}

.beds-parent-banner .banner-img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.beds-parent-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.beds-parent-banner .banner-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 100%;
    background-color: #105A93;
    z-index: 2;
}

.beds-parent-banner .banner-img span {
    width: 35px;
    height: 35px;
    position: absolute;
    border: 6px solid #105A93;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.beds-parent-banner .banner-img span.left {
    left: calc(50% - 80px);
}

.beds-parent-banner .banner-img span.right {
    right: calc(50% - 80px);
}

.beds-parent-banner .banner-img span img {
    border-radius: 50%;
    border: 2px solid #fff;
}

.beds-parent-banner .beds-parent-heading {
    position: absolute;
    bottom: 20px;
    z-index: 3;
    left: 50%;
    transform: translate(-50%);
    width: 90%;
}

.beds-parent-banner .beds-parent-heading h1 {
    font-weight: 400;
    line-height: 104%;
    letter-spacing: 0em;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--optima);
    font-size: 6.25vw;
    text-align: center;
}


/* Beds Parent Banner Ends */

.trust-section.beds-page .tl-top {
    max-width: 60ch;
}

.trust-section.beds-page .tl-bottom {
    max-width: 56ch;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.trust-section.beds-page .tl-top-wrap {
    gap: 8px;
}

.trust-section.beds-page .tl-bottom {
    margin-top: 0px;
}

.trust-section.beds-page .trust-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.deal-section.beds-page .dl-top {
    max-width: 64ch;
}

.deal-section.beds-page .dl-top h2 {
    font-size: clamp(24px, 2.67vw + 13.59px, 52px);
}

.deal-section.beds-page p {
    font-size: 16px;
    color: #fff;
    max-width: unset;
    letter-spacing: 0em;
}

.deal-section.beds-page p span {
    color: #fff !important;
    font-weight: 700;
}

.deal-section.beds-page .dr-top p:nth-child(1) {
    padding-bottom: 10px;
    max-width: 60ch;
}

.deal-section.beds-page .dr-top p:nth-child(2) {
    padding-bottom: 10px;
    max-width: 64ch;
}

.deal-section.beds-page .deal-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
}

.deal-section.beds-page .deal-left .dl-bottom {
    margin-top: 0px;
    padding-bottom: 148px;
    max-width: 42ch;
}

.deal-section.beds-page .dr-bottom {
    max-width: 56ch;
}

.pre-footer.beds-page .pf-bottom>div {
    display: flex;
    gap: 8px;
    align-items: start;
}

.pre-footer.beds-page .pf-bottom {
    flex-direction: column;
    max-width: 54ch;
}

.pre-footer.beds-page .pf-bottom>p {
    padding-left: 32px;
    padding-top: 10px;
}

.pre-footer.beds-page .pf-top .para h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    font-family: var(--sans);
    color: #767676;
}

.pre-footer.beds-page .pf-top .para a {
    font-size: 16px;
    line-height: 150%;
    font-family: var(--sans);
    color: #767676;
    font-weight: 400;
}

.pre-footer.beds-page .pf-top {
    max-width: 58ch;
}

.pre-footer.beds-page .pf-top p {
    max-width: 54ch;
}


/* Animate on load */

.beds-parent-heading h1 {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    transition-delay: .6s;
}

.beds-parent-heading.loaded h1 {
    opacity: 1;
    transform: translateY(0px);
}


/* Animate on load */


/* FAQ */

.faq-section .faq-in {
    display: flex;
    gap: 85px;
}

.faq-in p {
    color: #767676;
}

.faq-section .faq-in .left {
    width: 50%;
}

.faq-section .faq-in .right {
    aspect-ratio: 6/5;
    width: 50%;
    overflow: hidden;
}

.faq-section .accordion {
    max-width: 100%;
    margin-top: 80px;
}

.faq-section .accordion-item {
    border: none;
    border-bottom: 1px solid rgb(214, 214, 214);
    background: transparent;
    padding-top: 20px;
}

.faq-section .accordion-header.active {
    padding-bottom: 0px !important;
    transition: .3s ease all;
}

.faq-section .accordion-header {
    padding-bottom: 20px;
    cursor: pointer;
    gap: 25px;
    font-size: clamp(18px, 3vw, 24px);
    line-height: 107%;
    letter-spacing: 0em;
    text-align: left;
    color: #414042;
    font-family: var(--optima);
    align-items: start;
    position: relative;
    padding-right: 50px;
    transition: .3s ease all;
}

.accordion-header.active {
    padding-bottom: 0px !important;
    transition: .3s ease all;
}

.accordion-header {
    padding-bottom: 20px;
    transition: .3s ease all;
}

.faq-section .accordion-header::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M15.7561%208.33458L7.99962%200.578125L0.243164%208.33458L1.12941%209.22083L7.99962%202.35062L14.8698%209.22083L15.7561%208.33458Z%22%20fill%3D%22%231C1B1F%22/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
    /* Adjust spacing */
    vertical-align: middle;
    position: absolute;
    top: 5px;
    right: 0;
    transition: .5s all;
}

.faq-section .accordion-header.active::after {
    transform: rotate(180deg);
    transition: .5s all;
    top: 0;
}

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

.faq-section .accordion-content-inner {
    opacity: 0;
    /* transform: translateY(-10px); */
    transition: opacity 0.3s ease, transform 0.3s ease;
    max-width: 65ch;
    padding-right: 36px;
}

.faq-section .accordion-content.active .accordion-content-inner {
    padding-top: 8px;
}

.faq-section .accordion-content .accordion-content-inner {
    transition: .3s ease all;
}

.accord-img .accordion-content-2.active .accordion-content-inner-2 {
    padding-top: 8px;
}

.accord-img .accordion-content-2 .accordion-content-inner-2 {
    transition: .3s ease all;
}

.faq-section .accordion-content-inner p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 20px;
    color: #767676;
    /* padding-top: 8px; */
}

.faq-section .accordion-content-inner p a {
    display: inline-block;
    color: #767676;
    line-height: 100%;
}

.faq-section .accordion-content p span {
    color: #767676;
}

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

.faq-section .accordion-content-inner p a {
    /* border-bottom: 1px solid rgb(214, 214, 214); */
    text-decoration: underline;
}

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

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

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

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

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

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

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


/* FAQ */


/* Ticker */

.dg-ticker .bx-wrapper {
    max-width: 100% !important;
    background: transparent;
    border: none;
    box-shadow: none;
    margin-bottom: 50px;
}

.dg-ticker .bx-wrapper div {
    height: 100%;
}

.dg-ticker {
    position: relative;
}

.dg-ticker .behind-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% - 50px));
}

.dg-ticker .behind-text h1 {
    font-size: clamp(32px, 7vw, 86px);
    color: #0F5388;
    line-height: 110%;
    letter-spacing: 0.08em;
    font-family: var(--optima);
    white-space: nowrap;
}

.dg-ticker p.bottom-text {
    text-align: center;
    max-width: 60ch;
    margin: 0 auto;
    color: #767676;
}

.dg-ticker p.bottom-text span {
    color: #767676;
}

p a {
    transition: .3s ease all !important;
}

p a:hover {
    color: #a7a7a7 !important;
}


/* Ticker */


/* Why Choosing */


/* .why-choosing {
    padding: 20px 0px;
} */

.why-choosing .top h2 {
    text-align: center;
    max-width: 30ch;
    margin: 0 auto;
}

.why-choosing .top p {
    text-align: center;
    max-width: 64ch;
    margin: 0 auto;
    line-height: 150%;
    letter-spacing: 0em;
    color: #767676;
    margin-top: 8px;
}

.why-choosing .top p.semi-head {
    text-align: center;
    max-width: 64ch;
    margin: 0 auto;
    text-transform: uppercase;
    font-family: var(--sans);
    letter-spacing: 0.08em;
    line-height: 150%;
    font-weight: 700;
    font-size: 14px;
    color: #414042;
    margin-top: 32px;
}

.why-choosing .bottom {
    text-align: center;
    max-width: 64ch;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.why-choosing .wc-box-wrap .wc-box .wc-icon {
    max-width: 70px;
    max-height: 70px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.why-choosing .wc-box p {
    color: #767676;
    margin-top: 8px;
    max-width: 44ch;
    margin: 0 auto;
}

.why-choosing .wc-box h3 {
    font-size: 24px;
    color: #414042;
    margin-top: 25px;
}

.why-choosing .wc-box-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    justify-content: center;
    padding: 100px 100px;
}

.why-choosing .wc-box {
    text-align: center;
}


/* Why Choosing */


/* Explore Range */

.explore-range-in .head h2 {
    text-align: center;
    max-width: 30ch;
    margin: 0 auto;
}

.explore-range-in .head p {
    text-align: center;
    max-width: 66ch;
    margin: 0 auto;
    margin-top: 10px;
}

.explore-range-in .head p.sub-head {
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 12px;
}

.explore-range-in .tab {
    display: flex;
    /*     justify-content: center; */
    gap: 88px;
    margin-top: 67px;
    margin-bottom: 50px;
    overflow-x: auto;
}

.explore-range-in .tab button {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px 0;
    font: 400 24px/107% var(--optima);
    color: #414042;
    position: relative;
    transition: 0.3s;
    letter-spacing: 0;
    white-space: nowrap;
    text-transform: uppercase;
}

.explore-range-in .tab button::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 12px;
    height: 1px;
    width: 0;
    background-color: #0F5388;
    transform: translateX(-50%);
    transition: width 0.4s ease;
}

.explore-range-in .tab button:hover,
.explore-range-in .tab button.active {
    color: #0F5388;
}

.explore-range-in .tab button:hover::after,
.explore-range-in .tab button.active::after {
    width: 100%;
}

.explore-range-in .tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.explore-range-in .tabcontent .fplr-left h3 {
    font-size: 32px;
    line-height: 107%;
    letter-spacing: 0em;
    color: #fff;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.explore-range-in .tabcontent .fplr-left p {
    font-size: 20px;
    color: #fff;
    max-width: 48ch;
}

.explore-range-in .tabcontent .fplr-left ul li {
    font-family: var(--sans);
    font-size: 18px;
    line-height: 200%;
    letter-spacing: 0.08em;
    font-weight: 400;
    color: #fff;
    max-width: 48ch;
    text-transform: unset;
}

.explore-range-in .tabcontent .fplr-left ul {
    padding-left: 30px;
    margin-top: 30px;
}

.explore-range-in .tabcontent .fplr-left ul li span {
    font-weight: 700;
    text-transform: uppercase;
}

.explore-range-in .tabcontent .fplr-left .bottom p {
    max-width: 54ch;
    font-size: 16px;
}

.explore-range-in .fp-items {
    padding-bottom: 100px;
}

.explore-range-in .fp-left-right-wrap .fplr-right {
    aspect-ratio: 7/5;
    padding-top: 30px;
}

.explore-range-in .fp-bg {
    height: 100%;
}

.explore-range-in .fplr-left-content {
    display: flex;
    flex-direction: column;
    gap: 170px;
    justify-content: space-between;
    height: 100%;
}

.explore-range-in .fp-left-right-wrap {
    align-items: stretch;
}

.explore-range-in .container-left {
    padding-top: 100px;
}

.explore-range-in .fp-left-right {
    margin-top: unset;
}


/* Explore Range */


/* Single Beds Banner  */

.single-beds-banner {
    background-color: #0F5388;
    position: relative;
    height: 100vh;
    /* min-height: 700px; */
    overflow: hidden;
    padding-top: 150px;
}

.single-beds-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.sbb-wrap {
    display: flex;
}

.sbb-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 120px;
}

.sbb-right {
    width: 50%;
    height: 100%;
}

.sbb-wrap .sbb-sm-img {
    width: 150px;
    height: 190px;
}

.sbb-wrap .sbb-text p {
    color: #fff;
    position: relative;
    z-index: 2;
    max-width: 42ch;
    text-align: center;
}

.single-beds-banner .main-head {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 32px;
}

.single-beds-banner .main-head h1 {
    color: #fff;
    line-height: 104%;
    letter-spacing: 0em;
    text-transform: uppercase;
    font-size: 10vw;
    white-space: nowrap;
}


/* Single Beds Banner */


/* Beds for Section */

.beds-for-in {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.beds-for-in .left {
    background: url(../images/beds-for.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: sticky;
    padding: 82px 78px;
    aspect-ratio: 1/1;
    width: 50%;
    top: 0;
    height: 100%;
    flex-shrink: 0;
}

.beds-for-in .left::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: unset;
    backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
    z-index: 1;
}

.beds-for-in .left .left-description p {
    color: #fff;
}

.beds-for-in .vc-wrap {
    background-color: #414042;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.beds-for-in .vc-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.beds-for .left .vc-wrap h3 {
    font-size: clamp(24px, 6vw, 52px);
    color: #fff;
    font-family: var(--optima);
    line-height: 107%;
    letter-spacing: 0em;
    position: relative;
    z-index: 9;
    max-width: 14ch;
}

.beds-for .left .vc-wrap h3 a {
    display: inline-block;
    font-size: clamp(24px, 6vw, 52px);
    color: #fff;
    font-family: var(--optima);
    line-height: 107%;
    letter-spacing: 0em;
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    transition: .3s ease all;
}

.beds-for .left .vc-wrap h3 a:hover {
    cursor: pointer;
    color: #a3a3a3;
}

.beds-for-in .right {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.beds-for-in .right-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 75px;
    height: 100vh;
}

.beds-for-in .right .bf-r-img {
    width: 220px;
    height: 240px;
    margin-top: -25px;
    margin-left: auto;
    margin-right: auto;
}

.beds-for-in .right .top h3 {
    font-size: 40px;
    color: #414042;
    letter-spacing: 0.08em;
    line-height: 107%;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    max-width: 18ch;
    position: relative;
    z-index: 2;
}

.beds-for-in .right .bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.beds-for-in .right .bottom a {
    display: inline-block;
    color: #767676;
    text-decoration: underline;
}

.beds-for-in .right p {
    color: #767676;
    text-align: center;
    max-width: 50ch;
}


/* Beds for Section */

.pre-footer a {
    display: inline-block;
    color: #767676;
    text-decoration: underline;
}

.pre-footer .pf-bottom p {
    color: #767676;
}

.pre-footer.single-beds .pf-bottom p {
    padding-left: 0px;
    color: #767676;
}

.pre-footer.single-beds .pf-bottom h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0em;
    font-family: var(--sans);
    color: #767676;
}

.deal-section.single-beds .dl-bottom {
    flex-direction: column;
    gap: 0px;
}

.deal-section.single-beds .dl-bottom p {
    font-family: var(--sans);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 150%;
    font-weight: 700;
    padding-bottom: 15px;
}

.deal-section.single-beds .dl-bottom li,
.deal-section.single-beds .dl-bottom li a {
    font-weight: 400;
    line-height: 170%;
    letter-spacing: 0em;
    position: relative;
    color: #fff;
    padding-bottom: 5px;
}

.deal-section.single-beds .dl-bottom li::before {
    content: '';
    width: 4px;
    height: 4px;
    flex-shrink: 0;
    position: absolute;
    top: 10px;
    left: -16px;
    border-radius: 50%;
    background-color: #fff;
}

.deal-section.single-beds .dl-bottom li a {
    font-weight: 700;
    text-decoration: underline;
}

.deal-section.single-beds .dl-bottom ul {
    padding-left: 18px;
}

.tilr-content.for-mobile-only {
    display: none;
}

.tilr-right .tilr-content {
    display: block;
}

.feature-product-mob {
    display: none;
}

.feature-product-mob h4 {
    font-size: 18px;
    color: #fff;
    font-style: italic;
}

.feature-product-mob h4 {
    font-size: 14px;
    color: #fff;
}

.testimonial .mob-testi-img {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    margin-bottom: 10px;
}

.testimonial .mob-testi-img img {
    border-radius: 50px;
}

.for_mobile_slider .slick_slider .slick-slide {
    margin-right: 15px;
}

.for_mobile_slider .slick_slider {
    overflow: hidden;
}

.for_mobile_slider.container {
    padding-right: 0px;
}

.dial-info-warp {
    display: flex;
    gap: 10px;
}

.pf-bottom>p {
    padding-left: 34px;
}

.pre-footer.beds-parent .pf-bottom>p {
    padding-top: 8px;
}

.slick-arrow-wrap {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-top: 20px;
}

.slick-arrow-wrap button {
    border: none;
    background: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.88px solid #0F5388;
    transition: all .4s ease;
    cursor: pointer;
    padding: 12.5px;
    border-radius: 50%;
    background-color: #fff;
}

.slick-arrow-wrap button:hover {
    background-color: #0F5388;
}

.slick-arrow-wrap button.disabled {
    pointer-events: none;
}

.slick-arrow-wrap button:hover svg path {
    stroke: #fff;
}

.slick-arrow-wrap button.prev-btn {
    transform: rotate(180deg);
}

.for_mobile_slider {
    margin-top: 30px;
}

.product-display-head p {
    color: #767676;
}

.product-display-head p span {
    color: #767676;
}


/* Component 4  */

.component-4 {
    position: relative;
    width: 100%;
    height: 100vh;
    /* full viewport height */
    overflow: hidden;
}

.component-4-in {
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
}

.component-4-page {
    flex: 0 0 100vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 40px; */
    padding: 80px 54px;
    gap: 75px;
    box-sizing: border-box;
}


/* .component-4-page {
    display: flex;
    gap: 40px;
} */

.component-4-page .left {
    width: 60%;
    height: 100%;
}

.component-4-page .comp-main-img {
    aspect-ratio: 7.2 / 6.16;
    height: 100%;
    width: 100%;
}

.component-4-page .right {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    height: 100%;
    padding-top: 30px;
}

.component-4-page .bottom-img {
    width: 135px;
    height: 116px;
    margin-left: auto;
}

.component-4-page .text-content h2 {
    font-size: clamp(24px, 6vw, 32px);
    color: #414042;
    line-height: 110%;
}

.component-4-page .text-content p {
    font-size: 16px;
    color: #767676;
    padding-top: 24px;
}

.component-4-page .text-content p span {
    font-weight: 600;
    color: #414042;
}

.component-4-page .comp-bottom {
    display: flex;
    gap: 20px;
}

.component_4_slider.for-mobile {
    display: none;
}


/* Component 4  */

.accord-img .heading {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.accord-img .heading p.bold-text {
    padding-top: 20px;
}

.accord-img .accordion {
    margin-top: 25px;
}

.deal-section.beds-details .deal-left .dl-bottom {
    flex-direction: column;
    gap: 10px;
}

.deal-section.beds-details .deal-left .dl-bottom ul li {
    flex-direction: column;
    color: #fff;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0em;
    position: relative;
}

.deal-section.beds-details .deal-left .dl-bottom ul li::before {
    content: '';
    width: 4px;
    height: 4px;
    flex-shrink: 0;
    position: absolute;
    top: 12px;
    left: -16px;
    border-radius: 50%;
    background-color: #fff;
}

ul.with_list_style {
    padding-left: 20px;
}

.deal-section.beds-page .deal-left .dl-bottom {
    max-width: 54ch;
}

.deal-section.beds-page .deal-left .dl-bottom {
    padding-bottom: 100px;
}

.pre-footer .pf-bottom.without-dial p {
    padding-left: 0px;
}


/* Accord Image */

.accord-img .faq-in {
    display: flex;
    gap: 85px;
}

.accord-img .faq-in .left {
    width: 50%;
}

.accord-img .faq-in .right {
    aspect-ratio: 6/5;
    width: 50%;
    overflow: hidden;
}

.accord-img .accordion-2 {
    max-width: 100%;
    margin-top: 80px;
}

.accord-img .accordion-item-2 {
    border: none;
    border-bottom: 1px solid rgb(214, 214, 214);
    background: transparent;
    padding-top: 20px;
    padding-bottom: 20px;
}

.accord-img .accordion-item-2.opened {
    padding-bottom: 0px !important;
}

.accord-img .accordion-header-2 {
    /* padding-top: 20px;
    padding-bottom: 20px; */
    cursor: pointer;
    gap: 25px;
    font-size: clamp(18px, 3vw, 24px);
    line-height: 107%;
    letter-spacing: 0em;
    text-align: left;
    color: #414042;
    font-family: var(--optima);
    align-items: start;
    position: relative;
    padding-right: 50px;
}

.accord-img .accordion-header-2::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M15.7561%208.33458L7.99962%200.578125L0.243164%208.33458L1.12941%209.22083L7.99962%202.35062L14.8698%209.22083L15.7561%208.33458Z%22%20fill%3D%22%231C1B1F%22/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
    /* Adjust spacing */
    vertical-align: middle;
    position: absolute;
    top: 5px;
    right: 0;
    transition: .5s all;
}

.accord-img .accordion-header-2.active::after {
    transform: rotate(180deg);
    transition: .5s all;
    top: 0;
}

.accord-img .accordion-header-2.active {
    color: var(--bg-blue);
}

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

.accord-img .accordion-content-inner-2 {
    opacity: 0;
    /* transform: translateY(-10px); */
    transition: opacity 0.3s ease, transform 0.3s ease;
    max-width: 65ch;
    padding-right: 36px;
}

.accord-img .accordion-content-inner-2 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 20px;
    color: #767676;
}

.accord-img .accordion-content-inner-2 p a {
    display: inline-block;
    color: #767676;
    line-height: 100%;
}

.accord-img .accordion-content-2 p span {
    color: #767676;
}

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

.accord-img .accordion-content-inner-2 p a {
    border-bottom: 1px solid rgb(214, 214, 214);
}

.accord-img .accordion-content-inner-2 ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: #767676;
    display: flex;
    gap: 12px;
    padding-left: 8px;
    padding-bottom: 4px;
}

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

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

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

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

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

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

.comp-4_slider.prev-btn.disabled {
    opacity: .3;
}

.comp-4_slider.next-btn.disabled {
    opacity: .3;
}

.component-4-sec .slick-arrow-wrap {
    padding-top: 50px;
}


/* Accord Image */

.bedroom-parent-banner .banner-head-desk h1 {
    font-size: 8.3vw;
    white-space: unset;
    text-align: center;
}

.bedroom-parent-banner .banner-head-desk {
    bottom: unset;
    top: 42%;
}

.single-beds-banner .main-head.banner-head-mob {
    display: none;
}

.bedroom-parent-banner .sbb-sm-img {
    width: 265px;
    height: 290px;
}

.bedroom-parent-banner .sbb-left {
    padding-top: 11%;
}

.bedroom-range .tab button {
    text-transform: unset;
}

.bedroom-range .br-tab-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.bedroom-range .br-tab-wrap .br-tab-card {
    aspect-ratio: 6/7;
    position: relative;
    overflow: hidden;
}

.bedroom-range .br-tab-wrap .br-tab-card:hover img {
    transition: .3s ease all;
    transform: scale(1.1);
}

.bedroom-range .br-tab-wrap .br-tab-card img {
    transition: .3s ease all;
}

.bedroom-range .br-tab-wrap .br-tab-card .card-in-content {
    position: absolute;
    bottom: 40px;
    left: 0;
    padding: 0px 24px;
}

.bedroom-range .br-tab-wrap .br-tab-card .card-in-content p {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0em;
    font-weight: 400;
    color: #fff;
    max-width: 38ch;
    padding-top: 5px;
}

.bedroom-range .br-tab-wrap .br-tab-card .card-in-content h3 {
    font-size: 32px;
    line-height: 107%;
    letter-spacing: 0em;
    font-weight: 400;
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.bedroom-range .exp-br-tabin .bottom-text p {
    text-align: center;
    max-width: 58ch;
    margin: 0 auto;
    padding-top: 70px;
    color: #fff;
}

.bedroom-range .exp-br-tabin .bottom-text {
    padding-bottom: 65px;
}

.bedroom-range .exp-br-tabin {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.bedroom-range .exp-br-tabin::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../images/featured-bg.png) no-repeat center/cover;
    mix-blend-mode: overlay;
    opacity: 0.15;
    z-index: 2;
    top: 38%;
}

.bedroom-range .exp-br-tabin::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62%;
    background: #0F5388;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.bedroom-range .exp-br-tabin .container {
    position: relative;
    z-index: 3;
}

.bedroom-range .tab {
    margin-top: 40px;
}

.bedroom-range .head .sub-head {
    padding-top: 30px;
}

.hscroll-spacer {
    height: calc(160px - 80px);
}

.color-head {
    color: #414042;
}

.br-tab-ticker .bx-wrapper {
    max-width: 100% !important;
    background: transparent;
    border: none;
    box-shadow: none;
    margin-bottom: 50px;
}

.br-tab-ticker .bx-wrapper .bx-viewport {
    height: 372px !important;
}

.br-tab-ticker .bx-wrapper div {
    height: 100%;
}

.br-tab-ticker {
    position: relative;
}

.br-tab-ticker .behind-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% - 50px));
}

.br-tab-ticker .behind-text h1 {
    font-size: clamp(32px, 7vw, 86px);
    color: #0F5388;
    line-height: 110%;
    letter-spacing: 0.08em;
    font-family: var(--optima);
    white-space: nowrap;
}

.br-tab-ticker p.bottom-text {
    text-align: center;
    max-width: 60ch;
    margin: 0 auto;
    color: #767676;
}

.br-tab-ticker p.bottom-text span {
    color: #767676;
}

.bedroom-tab-ticker .heading {
    padding-bottom: 70px;
}

.bedroom-tab-ticker .br-tt-tab-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: space-between;
    height: 100%;
}

.bedroom-tab-ticker .br-tt-tab-content .tt-tab-bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bedroom-tab-ticker .fplr-left-content {
    height: 100%;
}

.bedroom-tab-ticker .fp-left-right-wrap {
    height: 100%;
    align-items: unset;
}

.bedroom-tab-ticker .fp-head .heading p {
    max-width: 75ch;
    padding-top: 10px;
}

.mattresses-banner .beds-parent-heading h1 {
    font-size: 12.25vw;
}

.mattresses-banner .beds-parent-heading {
    bottom: -10px;
}

.accord-img-bottom {
    margin-top: 140px;
}

.matt-details-banner {
    background-color: #0F5388;
    position: relative;
    height: 100%;
    padding: 150px 0px 70px 0px;
    overflow: hidden;
}

.matt-details-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.matt-details-in {
    display: flex;
    padding-top: 30px;
}

.matt-details-in .left {
    width: 30%;
}

.matt-details-in .center {
    width: 38%;
    height: 100%;
    position: relative;
    aspect-ratio: 11/12;
}

.matt-details-in .right {
    width: 32%;
    margin-top: auto;
}

.matt-details-in .left .head h1 {
    color: #fff;
    font-size: 11vw;
    line-height: 104%;
    letter-spacing: 0em;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}

.matt-details-in p {
    color: #fff;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0em;
    padding-left: 30px;
}

.brands-banner {
    background-color: #0F5388;
    position: relative;
    height: 100%;
    padding: 150px 0px 70px 0px;
    overflow: hidden;
    padding-bottom: 0px;
}

.brands-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.brands-banner-in {
    display: flex;
}

.brands-banner-in .left {
    width: 70%;
    padding-bottom: 70px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.brands-banner-in .left .head {
    padding-top: 70px;
}

.brands-banner-in .left .head h1 {
    font-size: 10vw;
    line-height: 90%;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0em;
}

.brands-banner-in .left .text-content p {
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    letter-spacing: 0em;
    max-width: 54ch;
}

.brands-banner-in .right {
    width: 35%;
    background-color: #fff;
    padding-top: 100px;
    padding-bottom: 80px;
}

.brands-banner-in .right .brand-banner-img {
    aspect-ratio: 7/5;
    margin-left: -75%;
    margin-right: 80px;
    transform: scaleX(-1);
}

.blue-grid-box {
    background-color: #0F5388;
    position: relative;
    height: 100%;
    padding: 80px 0px;
    overflow: hidden;
}

.blue-grid-box::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.bgb-grid-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
}

.blue-grid-box-in .bgb-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 110px;
}

.blue-grid-box-in .bgb-box h5 {
    font-size: 28px;
    line-height: 150%;
    letter-spacing: 0em;
    color: #414042;
    font-family: var(--sans);
    font-weight: 400;
}

.blue-grid-box-in .bgb-box p {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0em;
    color: #767676;
    ;
}

.blue-grid-box-in .bgb-box.blue {
    background-color: #B2D6F2;
}

.blue-grid-box-in .bgb-box.white {
    background-color: #fff;
}

.blue-grid-box-in .bgb-box .icon {
    height: 70px;
    width: 70px;
}

.blue-grid-box-in .head {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 66ch;
    margin: 0 auto;
    text-align: center;
    gap: 10px;
    padding-bottom: 50px;
}

.blue-grid-box-in .head h2 {
    color: #fff;
    font-size: clamp(28px, 2.67vw + 13.59px, 42px);
    letter-spacing: 0em;
    line-height: 107%;
}

.blue-grid-box-in .head p {
    color: #fff;
}

.blue-grid-box-in .head {
    padding-top: 60px;
    padding-bottom: 80px;
}

.blue-grid-box-in {
    position: relative;
    z-index: 2;
}

.bgb-draw {
    width: 100%;
    height: 100%;
    position: relative;
}

.bgb-draw:nth-child(2) {
    scale: -1;
}

.bgb-line {
    position: absolute;
    background-color: #fff;
    opacity: .3;
    transition: all .8s ease;
}

.bgb-line.line1 {
    top: 40px;
    left: 40px;
    width: calc(100% - 80px);
    height: 1.5px;
    transform: scale(0);
    transform-origin: left;
}

.bgb-line.line2 {
    top: 40px;
    right: 40px;
    width: 1.5px;
    height: calc(100% - 80px);
    margin: auto 0;
    transform: scale(0);
    transition-delay: 0.8s;
    transform-origin: top;
}

.bgb-line.line3 {
    bottom: 40px;
    left: 40px;
    width: calc(100% - 80px);
    height: 1.5px;
    transform: scale(0);
    transition-delay: 1.6s;
    transform-origin: right;
}

.bgb-line.line4 {
    top: 40px;
    left: 40px;
    width: 1.5px;
    height: calc(100% - 80px);
    transform: scale(0);
    transition-delay: 2.4s;
    transform-origin: bottom;
}

.bgb-main.draw .bgb-line.line1 {
    transform: scale(1);
}

.bgb-main.draw .bgb-line.line2 {
    transform: scale(1);
}

.bgb-main.draw .bgb-line.line3 {
    transform: scale(1);
}

.bgb-main.draw .bgb-line.line4 {
    transform: scale(1);
}

.blue-grid-box .bgb-main {
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    margin: auto;
    position: absolute;
    inset: 0;
}

.blue-grid-box.bgb-draw {
    width: 100%;
}

.blue-grid-box-container {
    padding: 0px 40px;
}

.blue-grid-box-in .bottom-text p {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    max-width: 72ch;
}

.blue-grid-box-in .bottom-text {
    padding: 70px 0px 100px 0px;
}

img.icon {
    width: 100%;
    height: auto !important;
    object-fit: unset !important;
}

.other-brands-banner .brands-banner-in .left .head {
    padding-top: 140px;
}

.blogs-banner {
    padding-top: 130px;
}

.blogs-banner .head h1 {
    font-size: clamp(28px, 6vw, 52px);
}

.blogs-banner .head {
    padding-top: 70px;
    padding-bottom: 25px;
}

.trending-card-wrapper {
    display: flex;
    gap: 16px;
    align-items: stretch;
}

.trending-card-wrapper .trending-card.active {
    width: 58%;
}

.trending-card-wrapper .trending-card {
    width: 21%;
    transition: width 0.6s ease;
    display: flex;
    height: 440px;
}

.trending-card-wrapper .trending-card {
    position: relative;
}

.trending-card-wrapper .trending-card .text-content {
    position: absolute;
    bottom: 24px;
    left: 0;
    padding: 0px 24px;
}

.trending-card-wrapper .trending-card .text-content h3 {
    color: #fff;
}

.trending-card-wrapper .trending-card .text-content p {
    color: #fff;
}

.trending-card .text-content {
    opacity: 0.6;
    transition: opacity 0.6s ease;
}

.trending-card.active .text-content {
    opacity: 1;
}

.progress-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

.progress-dots .dot {
    position: relative;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #767676;
    background: transparent;
    overflow: hidden;
    transition: all 0.3s ease;
}

.progress-dots .dot.active {
    width: 20px;
    /* becomes pill */
    border-radius: 20px;
    background-color: #767676;
}

.progress-dots .dot::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: #fff;
    border-radius: 20px;
}

.progress-dots .dot.active::after {
    animation: fillProgress 3s linear forwards;
}

@keyframes fillProgress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}


/* Style the tab */

.blogs-tab {
    overflow: auto;
    overflow-y: hidden;
    display: flex;
    gap: 40px;
    padding-bottom: 10px;
}

.blogs-tab button {
    background: none;
    font-family: var(--optima);
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.5s ease all;
    font-size: 20px;
    letter-spacing: 0em;
    line-height: 107%;
    font-weight: 400;
    padding-bottom: 5px;
    color: #767676;
    border-bottom: 1px solid transparent;
    white-space: nowrap;
}

.blogs-tab button:hover,
.blogs-tab button.active {
    border-bottom: 1px solid #414042;
    color: #414042;
}


/* Fade in tabs */

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.blogs-tabs-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.blogs-sort select {
    border: none;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 3px;
    outline: none;
    cursor: pointer;
    color: #414042;
    appearance: none;
    padding-right: 34px;
    text-align: end;
    font-family: var(--optima);
    transition: .4s ease all;
}

.blogs-sort select:hover {
    color: #767676;
}

.blogs-sort {
    position: relative;
    display: inline-block;
    float: right;
    margin-bottom: 30px;
}

.blogs-sort::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    width: 16px;
    height: 9px;
    transform: translateY(-50%);
    background: url('data:image/svg+xml;utf8,<svg width="16" height="9" viewBox="0 0 16 9" xmlns="http://www.w3.org/2000/svg"><path d="M15.7561 1.16542L7.99962 8.92188L0.243164 1.16542L1.12941 0.279168L7.99962 7.14938L14.8698 0.279168L15.7561 1.16542Z" fill="%23414042"/></svg>') no-repeat center;
    pointer-events: none;
}

.blogs-tabcontent {
    padding-top: 50px;
}

.blogs-card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
    row-gap: 60px;
}

.blogs-card .blogs-card-img {
    overflow: hidden;
    aspect-ratio: 4/5;
    width: 100%;
    height: 100%;
}

.blogs-card-wrapper>a {
    width: 100%;
    height: 100%;
}

.blogs-card .blogs-text-content h5 {
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0em;
    color: #414042;
}

.blogs-card .blogs-text-content p.blogs-card-date {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0em;
    color: #767676;
    font-family: var(--sans);
    font-weight: 400;
}

.blogs-card .blogs-text-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 36px;
}

.signup-form-sec-in {
    background-color: #F2F2F2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 75px 0px;
    gap: 50px;
}

.signup-form-sec-in .text-content {
    text-align: center;
}

.signup-form-sec-in .email-form .email-field {
    border: none;
    outline: none;
    background: none;
    border: 1px solid #767676;
    padding: 15px 18px;
    max-width: 470px;
    width: 100%;
    line-height: 150%;
    font-size: 12px;
    letter-spacing: 0em;
    color: #414042;
}

.signup-form-sec-in .email-form .email-field::placeholder {
    line-height: 150%;
    font-size: 12px;
    letter-spacing: 0em;
    color: #414042;
}

.signup-form-sec-in .email-form .submit-field {
    border: none;
    outline: none;
    background: #0F5388;
    border: 1px solid #0F5388;
    padding: 15px 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 100%;
    font-family: var(--sans);
    font-weight: 400;
    transition: .3s ease all;
}

.signup-form-sec-in .email-form .submit-field:hover {
    background: #767676;
    cursor: pointer;
    border-color: #767676;
}

.signup-form-sec-in .email-form form {
    display: flex;
    width: 100%;
    justify-content: center;
}

.signup-form-sec-in .email-form {
    width: 100%;
}

.signup-form-sec-in .text-content h2 {
    font-size: clamp(28px, 2.67vw + 13.59px, 52px);
    padding-bottom: 20px;
}

.deal-section ul li {
    color: #fff;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0em;
    position: relative;
}

.deal-section ul {
    padding-left: 10px;
}

.deal-section ul li::before {
    content: '';
    width: 4px;
    height: 4px;
    flex-shrink: 0;
    position: absolute;
    top: 10px;
    left: -16px;
    border-radius: 50%;
    background-color: #fff;
}

.order-list-version .dl-bottom {
    flex-direction: column;
    gap: 10px;
}

.order-list-version ul li {
    padding-bottom: 0px;
}

.order-list-version ul {
    padding-left: 21px;
}

.blogs-card:hover .blogs-card-img img {
    transform: scale(1.1);
}

.blogs-card .blogs-card-img img {
    transition: .4s ease all;
}


/* Blogs Inner */

.blogs-inner-banner {
    padding-top: 80px;
}

.blogs-inner-content-container {
    max-width: 754px;
    width: 100%;
    margin: 0 auto;
}

.blogs-inner-banner .blogs-innner-banner-img {
    max-height: 600px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 50px;
}

.blogs-inner-content .head {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.blogs-inner-content .head h1 {
    font-size: clamp(28px, 10vw, 52px);
    color: #414042;
    line-height: 101%;
    letter-spacing: 0em;
    font-weight: 400;
}

.blogs-inner-content .blogs-inner-info {
    display: flex;
    gap: 4px;
}

.blogs-inner-content .blogs-inner-info p {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    line-height: 122%;
    letter-spacing: 0.16em;
}

.blogs-inner-content .share {
    padding: 18px 0px;
    border-top: 1px solid #BABABA;
    border-bottom: 1px solid #BABABA;
}

.blogs-inner-content .share p {
    font-size: 10px;
    letter-spacing: 0.16em;
    line-height: 122%;
    font-weight: 700;
    text-transform: uppercase;
}

.blogs-inner-content .main-text-content h3 {
    font-size: clampt
}


/* Blogs Inner */

.bedroom-range.non-tab .br-tab-wrap .br-tab-card .card-in-content h3 {
    text-decoration: none;
}

.bedroom-range.non-tab .br-tab-wrap {
    padding-top: 50px;
}

.blogs-inner-content .main-text-content {
    padding-top: 40px;
}

.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 .blue-box-cta {
    background-color: #B2D6F2;
    padding: 75px 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 48px;
    margin-top: 32px;
}

.blogs-inner-content .blue-box-cta h4 {
    font-size: clamp(22px, 2.67vw + 13.59px, 32px);
    letter-spacing: -0.02em;
    color: #414042;
}

.blogs-inner-content .blue-box-cta p {
    letter-spacing: 0em;
    line-height: 165%;
    color: #767676;
    font-size: 14px;
    max-width: 74ch;
    padding-bottom: 20px;
}

.other-blogs-card-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    row-gap: 60px;
}

.other-blogs-in .head {
    margin-bottom: 30px;
}

.slug-nav a {
    color: #767676;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0em;
    font-weight: 400;
    padding-bottom: 10px;
    transition: .3s ease all;
}

.slug-nav a:hover {
    color: var(--head);
}

.news-updates-banner {
    background-color: #0F5388;
    position: relative;
    height: 100%;
    padding: 200px 0px 70px 0px;
    overflow: hidden;
}

.news-updates-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.news-updates-banner-in {
    position: relative;
    z-index: 1;
}

.news-update-image {
    aspect-ratio: 12/5;
    overflow: hidden;
}

.news-update-image img {
    filter: brightness(0.7);
}

.news-updates-banner-in .head-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    align-items: center;
}

.news-updates-banner-in .head-content h1 {
    font-size: clamp(40px, 7vw, 72px);
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0em;
    color: #fff;
    text-align: center;
}

.news-updates-banner-in .head-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    color: #fff;
    text-align: center;
    max-width: 65ch;
}

.news-updates-banner .tcb-draw {
    width: 100%;
}

.news-updates-banner .tcb-line.line1 {
    top: 165px;
    width: calc(100% - 100px);
    left: 50px;
}

.news-updates-banner .tcb-line.line2 {
    right: 50px;
    height: calc(100% - 205px);
    top: 165px;
}

.news-updates-banner .tcb-line.line3 {
    bottom: 40px;
    width: calc(100% - 100px);
    left: 50px;
}

.news-updates-banner .tcb-line.line4 {
    left: 50px;
    height: calc(100% - 205px);
    top: 165px;
}

.contact-us-main {
    padding-top: 200px;
}

.contact-form .form-component {
    display: flex;
    flex-direction: column;
}

.contact-form .form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.contact-form {
    background-color: #0F5388;
    padding: 50px 56px;
}

.contact-form input,
.contact-form textarea {
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    font-family: var(--sans);
    letter-spacing: 0em;
    line-height: 38px;
    outline: none;
}

.contact-us-in {
    display: flex;
}

.contact-us-in .left {
    width: 50%;
}

.contact-us-in .right {
    width: 50%;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #fff;
}

.contact-form label {
    color: #fff;
    font-size: 12px;
    font-family: var(--sans);
    letter-spacing: 0.06em;
    line-height: 38px;
    text-transform: uppercase;
}

.contact-form .form-component input[type="submit"] {
    max-width: 185px;
    padding: 18px 30px;
    line-height: 100%;
    letter-spacing: 0.08em;
    color: #0F5388;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .4s ease all;
    background-color: #fff;
    text-transform: uppercase;
    outline: none;
    box-shadow: none;
    transition: .4s ease all;
}

.contact-form .form-component input[type="submit"]:hover {
    border: 1px solid #fff;
    color: #fff;
    transition: .4s ease all;
    background-color: transparent;
    transition: .4s ease all;
}

.contact-us-in .left {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.contact-us-in .left .head h1 {
    font-size: clamp(28px, 7vw, 62px);
    line-height: 107%;
    letter-spacing: 0em;
}

.contact-us-in .left .head p {
    font-size: 14px;
    color: #767676;
    letter-spacing: 0em;
    line-height: 150%;
    font-weight: 400;
    padding-top: 10px;
    max-width: 48ch;
}

.contact-us-in .contact-details {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 34ch;
}

.contact-us-in .contact-details h5 {
    font-size: 12px;
    line-height: 173%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-weight: 700;
    color: #414042;
    font-family: 'optima-bold';
}

.contact-us-in .contact-details p,
.contact-us-in .contact-details a {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0em;
    font-weight: 400;
    color: #767676;
    transition: .3s ease all;
}

.contact-us-in textarea {
    max-width: 100%;
}

.contact-us-in .contact-details a:hover {
    color: #a1a1a1;
}

.contact-details-comp {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-us-in .social-icons {
    display: flex;
    gap: 24px;
}

.contact-us-in .social-icons a {
    height: 18px;
    width: 18px;
    transition: .4s ease all;
}

.contact-us-in .social-icons a:hover {
    transform: translateY(-5px);
    transition: .4s ease all;
}

.contact-details-comp .timing-wrap p {
    padding-bottom: 5px;
}

.contact-us-map-in {
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: center;
}

.faq-page-in .head h1 {
    font-size: clamp(28px, 7vw, 62px);
    text-align: center;
    letter-spacing: 0em;
    color: #414042;
}

.faq-page-in .head {
    margin-bottom: 80px;
}

.faq-pages-tab-wrapper {
    display: flex
}

.faq-pages-tab-wrapper .left {
    width: 25%;
}

.faq-pages-tab-wrapper .right {
    width: 75%;
}

.faq-page-category-tabs {
    border: none;
    background: none;
    display: inline-flex;
    flex-direction: column;
    gap: 20px;
}

.faq-page-category-tabs button {
    font-family: var(--optima);
    background: none;
    border: none;
    outline: none;
    padding: 8px 0px;
    font-size: 20px;
    letter-spacing: 0em;
    line-height: 107%;
    font-weight: 400;
    color: #414042;
    cursor: pointer;
    transition: .3s ease all;
    border-bottom: 1px solid transparent;
    white-space: nowrap;
}

.faq-page-category-tabs button:hover {
    background: none;
    border-bottom: 1px solid #414042;
}

.faq-page-category-tabs button.active {
    background: none;
    border-bottom: 1px solid #414042;
}

.faq-page-category-tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.faq-page-category-tabcontent h3 {
    font-size: 32px;
    line-height: 107%;
    letter-spacing: 0em;
    color: #414042;
    margin-bottom: 30px;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.faq-pages-tab-wrapper .faq-page-category-tabcontent {
    background: none;
}

.faq-page-accord-wrapper .accordion {
    background: none;
    font-family: var(--optima);
    color: #414042;
    cursor: pointer;
    padding: 20px 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: .4s ease all;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-page-accord-wrapper .accordion:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 10px;
    margin-left: 5px;
    background: url("data:image/svg+xml;utf8,<svg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'><path d='M15.7561 1.66542L7.99962 9.42188L0.243164 1.66542L1.12941 0.779168L7.99962 7.64938L14.8698 0.779168L15.7561 1.66542Z' fill='%23414042'/></svg>") no-repeat center;
    background-size: contain;
}

.faq-page-accord-wrapper .accordion.active:after {
    transform: rotate(180deg);
    transition: .4s ease all;
}

.faq-page-accord-wrapper .panel {
    background: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom: 1px solid #D6D6D6;
}

.faq-page-accord-wrapper .panel p {
    padding-bottom: 20px;
    font-size: 16px;
    color: #767676;
    line-height: 150%;
    letter-spacing: 0em;
    font-weight: 400;
    max-width: 90%;
}

.faq-page-accord-wrapper .panel ul li,
.faq-page-accord-wrapper .panel ol li {
    color: #767676;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0em;
    position: relative;
    padding-left: 15px;
}

.faq-page-accord-wrapper .panel ol li {
    padding-left: 0px;
}

.faq-page-accord-wrapper .panel ul li::before {
    content: '•';
    position: absolute;
    color: #767676;
    left: 0;
}

.faq-page-accord-wrapper .panel ul,
.faq-page-accord-wrapper .panel ol {
    padding-left: 20px;
    margin-bottom: 12px;
}

.faq-page-accord-wrapper .panel a {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0em;
    color: #767676;
    transition: .3s ease all;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.faq-page-accord-wrapper .panel a:hover {
    color: #c1c1c1;
}

.about-page-text-in h3 {
    text-align: center;
    font-size: clamp(24px, 4vw, 36px);
    line-height: 150%;
    letter-spacing: 0em;
    color: #414042;
    font-weight: 400;
    max-width: 58ch;
    margin: 0 auto;
}

.core-philosphy-in .item-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 100px;
}

.core-philosphy-in .item-wrap .box-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 0px 20px;
}

.core-philosphy-in .item-wrap .box-item .box-item-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
}

.core-philosphy-in .item-wrap .box-item-img {
    width: 75px;
    height: 75px;
}

.core-philosphy-in .item-wrap h4 {
    font-size: 24px;
    line-height: 107%;
    letter-spacing: 0em;
    color: #414042;
}

.core-philosphy-in .item-wrap p {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0em;
    color: #767676;
    text-align: center;
    max-width: 36ch;
}

.core-philosphy-in .head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.core-philosphy-in .head p {
    color: #767676;
    max-width: 58ch;
    text-align: center;
}

.our-journey {
    background-color: #B2D6F2;
    padding: 72px 0px;
}

.about-page-slider .carousel-item-img {
    aspect-ratio: 3/2;
    width: 100%;
    height: 100%;
    max-width: 300px;
}

.our-journey-in .head {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    align-items: center;
    margin-bottom: 50px;
}

.our-journey-in .head p {
    max-width: 58ch;
}

.about-page-carousel .carousel-item {
    display: flex;
}

.about-page-carousel .carousel-item .left {
    width: 30%;
    position: relative;
}

.about-page-carousel .carousel-item .left::after {
    content: '';
    position: absolute;
    right: 0;
    width: 50%;
    height: 1px;
    background-color: #767676;
    top: 23px;
}

.about-page-carousel .carousel-item .right {
    width: 70%;
    position: relative;
    padding-top: 110px;
}

.about-page-carousel .carousel-item .right::after {
    content: '';
    position: absolute;
    top: 23px;
    right: 0;
    width: 96%;
    height: 1px;
    background-color: #767676;
}

.about-page-carousel .carousel-item .right .verticle-line {
    width: 1px;
    height: 50px;
    background-color: #767676;
    position: absolute;
    left: 7px;
    top: 45px;
    content: "";
}

.about-page-carousel .carousel-item .right::before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #0F5388;
    position: absolute;
    left: 0;
    top: 16px;
    border-radius: 50%;
    z-index: 2;
}

.about-page-carousel .owl-stage {
    padding-left: 0 !important;
}

.custom-slider-btn-wrap {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
}

.custom-slider-btn-wrap .custom-prev,
.custom-slider-btn-wrap .custom-next {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    background-color: #0F5388;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s ease all;
}

.custom-slider-btn-wrap .custom-prev svg,
.custom-slider-btn-wrap .custom-next svg {
    width: 12px;
    height: 12px;
}

.custom-slider-btn-wrap .custom-prev:hover,
.custom-slider-btn-wrap .custom-next:hover {
    background-color: transparent;
    border: 1px solid #0F5388;
    cursor: pointer;
}

.custom-slider-btn-wrap .custom-prev:hover svg path,
.custom-slider-btn-wrap .custom-next:hover svg path {
    stroke: #0F5388;
}

.custom-slider-btn-wrap .custom-prev.disabled,
.custom-slider-btn-wrap .custom-next.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.about-page-slider .carousel-item h4 {
    font-size: 30px;
    letter-spacing: 0em;
    line-height: 150%;
    font-family: var(--sans);
    font-weight: 600;
}

.about-page-slider .carousel-item h5 {
    font-size: 20px;
    letter-spacing: 0em;
    line-height: 150%;
    font-family: var(--sans);
    font-weight: 400;
}

.about-page-slider .carousel-item p {
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 140%;
    font-family: var(--sans);
    font-weight: 400;
    color: #414042;
    max-width: 32ch;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.beds-for.second-version .vc-wrap {
    justify-content: space-between;
    gap: 10px;
}

.beds-for.second-version .vc-wrap h3 {
    font-size: clamp(28px, 7vw, 42px);
    max-width: 100%;
}

.beds-for.second-version .vc-wrap p {
    color: #fff;
    font-size: 20px;
}

.beds-for.second-version .right-wrapper {
    gap: 80px;
    padding-bottom: 50px;
}

.for-about-page .about-page-diff-font {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.for-about-page .about-page-diff-font p {
    font-size: var(--sans);
    font-size: 16px;
    color: #767676;
    line-height: 150%;
    font-family: var(--sans);
    font-weight: 400;
}

.for-about-page .about-page-diff-font h4 {
    font-family: var(--sans);
    font-size: clamp(22px, 2.67vw + 13.59px, 32px);
    line-height: 150%;
    letter-spacing: 0em;
    font-weight: 600;
    color: #414042;
}

h2.mattress-details-v2 {
    font-size: 11vw;
    position: relative;
    margin-left: -210px;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    line-height: 104%;
    letter-spacing: 0em;
}

.map-wrapper {
    height: 600px;
}

.map-wrapper {
    width: 100%;
    height: 456px;
    overflow: hidden;
    position: relative;
}

.map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.univeral-content-in {
    padding-top: 180px;
}

.univeral-content-in h1 {
    font-size: clamp(28px, 7vw, 42px);
}

.univeral-content-in h2 {
    font-size: clamp(24px, 6vw, 36px);
}

.univeral-content-in h3 {
    font-size: clamp(20px, 5vw, 30px);
}

.univeral-content-in h4 {
    font-size: clamp(18px, 4.5vw, 26px);
}

.univeral-content-in h5 {
    font-size: clamp(16px, 4vw, 22px);
}

.univeral-content-in h6 {
    font-size: clamp(14px, 3.5vw, 18px);
}

.univeral-content-in .content-inner {
    padding-top: 50px;
}

.univeral-content-in .heading {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.univeral-content-in p.date-detail {
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 150%;
    color: #767676;
}

.univeral-content-in .content-inner p {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0em;
    color: #767676;
    margin-bottom: 16px;
}

.univeral-content-in .content-inner :is(h2,
h3,
h4,
h5,
h6) {
    margin-bottom: 5px;
}

.univeral-content-in .content-inner :is(ul,
ol) {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 20px;
    color: #767676;
}

@media screen and (max-width: 480px) {
    .univeral-content-in .content-inner :is(ul,
ol) {
    padding-left: 0;
}
}

.univeral-content-in .content-inner li {
    font-size: 16px;
    color: #767676;
}

.univeral-content-in .content-inner ol li {
    list-style: number;
}

.univeral-content-in .content-inner ul li {
    list-style: disc;
    display: flex;
    flex-direction: column;
}

.univeral-content-in .content-inner a {
    text-decoration: underline;
    transition: .3s ease all;
    cursor: pointer;
    color: #767676;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.univeral-content-in .wc-block-grid__product .wc-block-grid__product-image{
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.univeral-content-in .wc-block-grid__products .wc-block-grid__product-image img{
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}

.univeral-content-in .content-inner a:hover {
    color: #c2c2c2;
}

.testimonial-page {
    padding-top: 200px;
}

.testimonial-page-in {
    display: flex;
    justify-content: space-between;
}

.testimonial-page-in .left {
    width: 45%;
    padding-right: 95px;
    border-right: 1px solid #D2D2D2;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.testimonial-page-in .right {
    width: 55%;
    padding-left: 54px;
}

.testimonial-page-in .left h1 {
    font-size: clamp(28px, 7vw, 52px);
}

.rewiew-form-component-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
}

.review-form-wrap {
    border: 1px solid #D6D6D6;
    padding: 24px;
    padding-bottom: 40px;
    margin-top: 20px;
}

.rewiew-form-component-wrap .form-component {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.rewiew-form-component-wrap .form-component.name input,
.rewiew-form-component-wrap .form-component.email input,
.rewiew-form-component-wrap .form-component.review textarea {
    border: none;
    border-bottom: .5px solid #767676;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 28px;
    font-family: var(--sans);
    color: #767676;
    max-width: 100%;
}

.rewiew-form-component-wrap .top {
    display: flex;
    gap: 20px;
}

.form-submit-input-btn {
    text-transform: uppercase;
    max-width: fit-content;
    padding: 15px 25px;
    font-size: 16px;
    background: var(--bg-blue);
    border: none;
    box-shadow: none;
    outline: none;
    color: #fff;
    letter-spacing: 0.08em;
    line-height: 100%;
    font-weight: 400;
    border: 1px solid transparent;
    transition: .4s ease all;
    cursor: pointer;
}

.form-submit-input-btn:hover {
    background-color: transparent;
    border: 1px solid var(--bg-blue);
    color: var(--bg-blue);
}

.rewiew-form-component-wrap .form-component label {
    font-size: 12px;
    line-height: 38px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #414042;
    font-weight: 400;
}

.review-rating-stars ul {
    display: flex;
    gap: 5px;
    padding-top: 8px;
}

.testimonial-page-in h3 {
    font-size: 24px;
}

.testimonial-page-in .rating-summary {
    max-width: 100%;
}

.testimonial-page-in .average-rating {
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.testimonial-page-in .bar-row {
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.testimonial-page-in .bar-label {
    width: 20px;
    color: #767676;
    font-size: 16px;
}

.testimonial-page-in .progress {
    flex: 1;
    height: 6px;
    background: #D8D8D8;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 10px;
}

.testimonial-page-in .progress-fill {
    height: 100%;
    background: #0F5388;
    width: 0;
    transition: width 1s ease;
}

.testimonial-page-in .bar-percent {
    width: 40px;
    text-align: right;
    font-size: 16px;
    color: #767676;
}

.testimonial-page-in .left .review-rating-stars {
    padding-bottom: 8px;
}

.review-form-wrap h4 {
    font-size: 20px;
}

.rating-summary p.avg-point {
    font-weight: 600;
}

.testimonial-page-in .right .review-rating-stars li {
    transition: .3s ease all;
    cursor: pointer;
}

.testimonial-page-in .right .review-rating-stars li:hover svg path {
    fill: var(--bg-blue);
}

.testimonial-page-card .author-img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.testimonial-page-card .author-img img {
    border-radius: 50%;
}

.testimonial-page-card .author-info p {
    font-size: 14px;
    line-height: 95%;
    color: #767676;
}

.author-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.testimonial-page-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 28px;
    gap: 20px;
    border: 1px solid #E4E4E4;
}

.testimonial-card-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    row-gap: 40px;
}

.testimonial-page-in .form-component.submit {
    padding-top: 40px;
}

.how-to-choose-in .left::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: url(../images/featured-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.how-to-choose-in .left h2 {
    font-size: clamp(28px, 7vw, 42px);
    color: #fff;
    line-height: 110%;
    letter-spacing: 0em;
    font-weight: 400;
    max-width: 26ch;
}

.how-to-choose-in .left p {
    font-size: 16px;
    color: #fff;
    line-height: 150%;
    letter-spacing: 0em;
    font-weight: 400;
    max-width: 42ch;
}

.how-to-choose-in {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 640px;
    position: relative;
}

.how-to-choose-in .left {
    background-color: #0F5388;
    position: relative;
    height: 100%;
    overflow: hidden;
    padding-top: 100px;
}

.how-to-choose-in .right {
    display: flex;
    position: absolute;
    z-index: 2;
    width: 65%;
    right: 0;
    gap: 5%;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 80px;
}

.how-to-choose-in .heading {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.how-to-choose-in .right .htc-rr {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    padding-top: 80px;
    max-width: 40ch;
}

.how-to-choose-in .right .htc-rl {
    width: 50%;
}

.how-to-choose-in .htc-img {
    height: 100%;
    width: 100%;
    aspect-ratio: 6/7;
}

.tailor-made {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 180px 0px 50px 0px;
}

.tailor-center-img {
    height: 312px;
    width: 255px;
    margin: 0 auto;
    overflow: hidden;
}

.tailor-made-in .heading {
    text-align: center;
}

.tailor-made-in .heading h1 {
    font-size: 13.1vw;
    color: #fff;
    text-transform: uppercase;
    line-height: 90%;
    letter-spacing: 0em;
}

.tailor-made-in .content p {
    font-size: 16px;
    color: #fff;
    max-width: 50ch;
    margin-left: auto;
    letter-spacing: 0em;
    line-height: 150%;
}

.tailor-made::before {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 0;
}

.tailor-made>* {
    position: relative;
    z-index: 2;
}

.slick-initialized .slick-slide {
    display: flex !important;
}

.product-inner-page {
    padding-top: 180px;
}

.product-inner-page-in .feature-info .info-icon-wrap {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.product-inner-page-in .left {
    width: 50%;
}

.product-inner-page-in .feature-info .info-icon-wrap .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px;
    text-align: center;
    gap: 10px;
}

.product-inner-page-in .feature-info .item p {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0em;
    line-height: 150%;
    color: #414042;
    max-width: 12ch;
}

.product-inner-page-in .feature-info .item .icon-img {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    padding: 5px;
}

.product-inner-page-in {
    display: flex;
    gap: 38px;
}

.product-inner-page-in .right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 50%;
}

.product-inner-page-in .rating {
    width: 152px;
    padding-bottom: 10px;
}

.product-inner-page-in .price {
    display: flex;
    gap: 15px;
}

.product-inner-page-in .title h1 {
    font-size: clamp(28px, 4vw, 40px);
    color: #414042;
    letter-spacing: 0em;
    line-height: 107%;
}

.product-inner-page-in .description p {
    color: #767676;
}

.product-inner-page-in .price h3 {
    font-size: clamp(24px, 4vw, 36px);
    color: #0F5388;
    letter-spacing: 0em;
    line-height: 102%;
}

.product-inner-page-in .description p {
    color: #767676;
}

.product-inner-page-in .add-to-cart-wrp {
    display: flex;
    gap: 16px;
}

.product-inner-page-in .product-count {
    border: 1px solid #414042;
    padding: 18px;
    width: 20%;
    text-align: center;
    font-size: 14px;
    line-height: 0;
}

.product-inner-page-in .add-to-cart-btn {
    width: 80%;
}

.product-inner-page-in .add-to-cart-btn button {
    background-color: #0F5388;
    border: none;
    outline: none;
    box-shadow: none;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--sans);
    font-size: 14px;
    letter-spacing: 0.16em;
    font-weight: 400;
    line-height: 100%;
    padding: 18px;
    width: 100%;
    border: 1px solid transparent;
    transition: .4s ease-in-out;
}

.product-inner-page-in .buy-now button {
    background-color: transparent;
    border: 1px solid #0F5388;
    outline: none;
    box-shadow: none;
    color: #0F5388;
    text-transform: uppercase;
    font-family: var(--sans);
    font-size: 14px;
    letter-spacing: 0.16em;
    font-weight: 400;
    line-height: 100%;
    padding: 18px;
    width: 100%;
    transition: .4s ease-in;
}

.product-inner-page-in .buy-now button:hover {
    background-color: #0F5388;
    border: 1px solid transparent;
    cursor: pointer;
    color: #fff;
}

.product-inner-page-in .add-to-cart-btn button:hover {
    background-color: transparent;
    border: 1px solid #0F5388;
    cursor: pointer;
    color: #0F5388;
}

.product-inner-page-in .button-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-variant-selection .accordion {
    cursor: pointer;
    width: 100%;
    padding: 20px 0 0;
    transition: color 0.3s;
    display: flex;
    justify-content: space-between
}

.product-variant-selection .accordion p.ac-title {
    font-size: 12px;
    font-weight: 600;
    color: #1A1A1A;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    line-height: 100%;
}

.product-variant-selection .accordion p.ac-variant {
    font-size: 12px;
    font-weight: 600;
    color: #1A1A1A;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    line-height: 100%;
    font-family: var(--optima);
}

.product-variant-selection .accordion-item {
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 8px;
    transition: padding-bottom 0.4s ease;
}

.product-variant-selection .panel {
    background: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease, padding 0.6s ease;
    padding-top: 10px;
}

.product-variant-selection .panel p {
    margin-bottom: 10px;
}

.detail-info-accordion .accordion {
    color: #767676;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: 16px;
    padding: 20px 0 0;
    transition: color 0.3s;
    font-family: var(--sans);
}

.detail-info-accordion .accordion-item {
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 20px;
    transition: padding-bottom 0.4s ease;
}

.detail-info-accordion .accordion-item p {
    font-size: 14px;
}

.detail-info-accordion .accordion-item.opened {
    padding-bottom: 5px;
}

.detail-info-accordion .panel {
    background: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease, padding 0.6s ease;
}

.accord-arrow-parent .accordion {
    position: relative;
    padding-right: 20px;
    /* space for arrow */
}

.accord-arrow-parent .accordion::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 11px;
    height: 7px;
    background-image: url("data:image/svg+xml;utf8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><path d='M5.90005 6.30001L0.800049 1.20001L1.30005 0.700012L5.90005 5.30001L10.5 0.700012L11 1.20001L5.90005 6.30001Z' fill='%23414042'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}


/* Rotate when active */

.accord-arrow-parent .accordion.active::after {
    transform: translateY(-50%) rotate(180deg);
}

.detail-info-accordion .panel :is(p,
li,
a,
input) {
    max-width: 80%;
    padding: 10px 0px 5px 0px;
}

.similar-products-in .products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 50px;
}

.similar-products-in .product-card>a {
    width: 100% !important;
}

.similar-products-in .product-card-in {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}

.similar-products-in .product-card-in .product-image {
    aspect-ratio: 4/5;
    display: flex;
    overflow: hidden;
    width: 100%;
}

.similar-products-in .product-card-in .product-image img {
    overflow: hidden;
    transition: .4s ease-in-out;
}

.similar-products-in .product-card:hover .product-image img {
    transform: scale(1.1);
}

.similar-products-in .product-card-in .product-name {
    text-align: center;
}

.similar-products-in .product-card-in .product-name h5 {
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 120%;
    color: #414042;
    text-transform: uppercase;
}

.similar-products-in .heading p {
    color: #767676;
    padding-top: 5px;
    max-width: 48ch;
}

.thankyou-page-in {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 24px;
}

.thankyou-page-in h1 {
    font-size: 10vw;
    line-height: 80%;
}

.error-page h1 {
    font-size: 15vw;
    line-height: 80%;
}

.thankyou-page-in p {
    max-width: 73ch;
    text-align: center;
    color: #767676;
}

.thankyou-page .custom-button {
    border: 1px solid transparent;
    transition: .4s ease all;
}

.thankyou-page .custom-button:hover {
    border: 1px solid var(--bg-blue);
    color: var(--bg-blue);
}

.what-inside-in {
    display: flex;
    gap: 20px;
}

.what-inside-in .left {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.what-inside-in .left p {
    max-width: 60ch;
}

.what-inside-in .right {
    width: 50%;
}

.what-inside-in .right .right-image {
    overflow: hidden;
    aspect-ratio: 5/4;
}

.header-wrap .head-search {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.16em;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

.header-top-left ul li .head-search::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    scale: 0;
    transition: all .4s ease;
}

.header-top-left ul li:hover .head-search::before {
    scale: 1;
}

.search-result-drop {
    background-color: #0F5388;
    clip-path: inset(0 0 100% 0);
    transition: .8s ease all;
    /* visibility: hidden; */
    height: 0;
}

.search-result-drop.active-search {
    clip-path: inset(0 0 0 0);
    /* visibility: visible; */
    height: auto;
    max-height: 100vh;
    overflow-y: auto;
    /* padding-bottom: 150px; */
}

.search-bar {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 52px 0px 30px 0px;
    border-bottom: 0.5px solid rgba(255, 255, 255, 1);
}

.search-bar span {
    height: 31px;
    width: 31px;
}

.search-bar span.cross {
    height: 22px;
    width: 22px;
}

.search-bar input {
    width: 100%;
    border: none;
    background: none;
    color: #fff;
    outline: none;
    text-transform: uppercase;
    font-family: var(--sans);
    line-height: 173%;
    letter-spacing: 0em;
    font-weight: 400;
    font-size: 16px;
}

.search-bar input::placeholder {
    width: 100%;
    border: none;
    background: none;
    color: #fff;
    outline: none;
    text-transform: uppercase;
}

.search-result-drop-bottom {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
}

.search-result-drop-bottom .product-wrapper a{
    width: 100%;
}

.search-result-drop-bottom.active{
    margin: 0 0 150px;
}

.search-result-drop-bottom .left {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.search-result-drop-bottom .left>div {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.search-result-drop-bottom .right {
    width: 70%;
}

.search-result-drop-bottom .product-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 18px;
}

.search-result-drop-bottom .product-wrapper .product-image {
    aspect-ratio: 1/1;
    overflow: hidden;
}

.search-result-drop-bottom h3 {
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0em;
    color: #fff;
}

.search-result-drop-bottom .left a {
    font-size: 14px;
    line-height: 137%;
    letter-spacing: 0em;
    color: #fff;
    transition: .4s ease all;
}

.search-result-drop-bottom .left a:hover {
    color: #c5c5c5;
}

.search-result-drop-bottom .product-wrapper h3 {
    text-transform: uppercase;
}

.search-result-drop-bottom .product-wrapper p {
    color: #fff;
}

.search-result-drop-bottom .product-wrapper .item {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.search-result-drop-bottom .product-wrapper .item .product-image img {
    transition: .4s ease all;
}

.search-result-drop-bottom .product-wrapper .item:hover .product-image img {
    transform: scale(1.1);
}

.search-result-drop-top {
    padding-bottom: 50px;
}

@media screen and (max-width: 1200px) {
    .search-result-drop-bottom {
        display: none;
    }
}

.header-search a::before {
    display: none;
}

.search-bar input[type="search"]::-webkit-search-cancel-button,
.search-bar input[type="search"]::-webkit-search-decoration {
    appearance: none;
}

header.bg-dark-blue {
    background-color: #0F5388;
}

.search-result-in .search-bar {
    border-bottom: .5px solid #767676;
    padding: 10px 0px;
}

section.search-result {
    padding-top: 216px;
}

.search-result-in .search-bar input,
.search-result-in .search-bar input::placeholder {
    color: #767676;
}

.search-result-in {
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
    text-align: center;
}

.search-result-in .head h1 {
    font-size: clamp(32px, 7vw, 90px);
    line-height: 91%;
    letter-spacing: 0em;
    color: #414042;
}

.search-result-in .head p {
    color: #767676;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 173%;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 30px;
}

.search-result-in p.description {
    max-width: 70ch;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    section.search-result {
        padding-top: 150px;
    }
}



/* WP-FORM Custom Code */
.fs-wrap{
    margin-bottom: 20px;
}
.ftl-bottom form.wpcf7-form{
    position: relative;
}
.wpcf7-not-valid-tip {
    display: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output{
    color: red !important;
    background: white;
    padding: 2px 8px !important;
    width: 100%;
    /* margin: 0 20px 15px; */
    font-size: 12px;
    position: absolute;
    top: 105%;
    bottom: auto !important;
    /* padding: 4px 0; */
    margin: 0;
    margin-top: 5px;
}

.wpcf7 form.sent .wpcf7-response-output{
    top: 100%;
    margin: 10px 0 !important;
}


/* PAGINATION CUSTOM CODE */
.woocommerce nav.woocommerce-pagination{
    padding-bottom: 80px;
}

.woocommerce .woocommerce-pagination ul.page-numbers li, 
.woocommerce-page .woocommerce-pagination ul.page-numbers li{
    width: 40px;
    height: 40px;
    display: flex !important;
    justify-content: center;
}   

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #105b94 !important;
    color: #fff !important;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}


/* LOST PASSWORD ERROR */
.univeral-content-in .content-inner :is(ul, ol){
    padding: 20px;
    justify-content: center;
    gap: 0;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    position: absolute;
    top: 50% !important;
    left: 20px !important;
    transform: translateY(-50%) !important;
}

.univeral-content-in .content-inner ul li{
    padding-left: 25px !important;
}


.woocommerce ul.products{
    margin-bottom: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul{
    display: flex !important;
    justify-content: center;
    max-width: max-content;
    margin: 0 auto !important;
}


.wpf_items_wrapper.wpf_layout_horizontal.wpf_items_grouped{
    width: max-content;
    display: flex;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.wpf_items_wrapper.wpf_layout_horizontal.wpf_items_grouped .select2-container{
    width: 100%;
}

.woocommerce span.onsale{
    z-index: 0 !important;
}

form.wpf_form.wpf_form_wpf_6a7f17a104da1.wpf_submit_on_change.wpf_form_ajax{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
    margin: 0;
    z-index: 1;
}
form.wpf_form.wpf_form_wpf_6a7f17a104da1.wpf_submit_on_change.wpf_form_ajax .wpf_layout_horizontal .wpf_item{
    border-color: var(--bg-blue);
}
form.wpf_form.wpf_form_wpf_6a7f17a104da1.wpf_submit_on_change.wpf_form_ajax .wpf_layout_horizontal .wpf_item_name{
    color: var(--bg-blue);
}
.woocommerce ul.products{
    padding-top: 20px !important;
}


.search-result-drop-bottom.active{
    display: flex !important;
}
.search-result-drop-bottom .left{
    min-width: unset !important;
}
.search-result-drop-bottom .product-wrapper h3{
    font-size: 20px;
    margin: 0 0 10px !important;
}
.search-result-drop-bottom .product-wrapper{
    row-gap: 40px !important;
}


@media screen and (max-width: 768px) {
    .search-result-drop-bottom .right,
    .search-result-drop-bottom .left{
        width: 100%;
    }
    .search-result-drop-bottom .product-wrapper{
        row-gap: 40px !important;
    }

    .wpf_items_wrapper.wpf_layout_horizontal.wpf_items_grouped{
        margin: 20px 0;
    }
    .wpf_items_wrapper.wpf_layout_horizontal.wpf_items_grouped .wpf_item_name{
        font-size: 14px;
    }

    .search-result-drop-bottom .right h3{
        font-size: 16px;
        margin: 0 0 10px !important;
    }

    form.wpf_form.wpf_form_wpf_6a7f17a104da1.wpf_submit_on_change.wpf_form_ajax{
        position: relative;
        top: 0;
    }
    .search-result-drop-bottom.active{
    display: grid !important;
}
}

@media screen and (max-width: 480px) {
    .wpf_items_wrapper.wpf_layout_horizontal.wpf_items_grouped .wpf_item_name{
        padding: 6px 8px;
    }
    .wpf_items_wrapper.wpf_layout_horizontal.wpf_items_grouped.wpf_item_name:after{
        font-size: 12px;
        margin-left: 10px;
    }
}