@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
    --v3-color-red-dark: #280808;
    --v3-color-red: #b91212;
    --v3-color-red-light: #ff453f;
    --v3-color-blue-dark: #0D0828;
    --v3-color-blue: #0729AD;
    --v3-color-blue-light: #3F4FFF;
    --v3-color-green-dark: #1D6335;
    --v3-color-green: #07AD47;
    --v3-color-green-light: #3FFF65;
    --v3-color-orange-dark: #852E0C;
    --v3-color-orange: #DE700F;
    --v3-color-orange-light: #FFA23F;
    --v3-color-yellow-dark: #868F05;
    --v3-color-yellow: #E3F20E;
    --v3-color-yellow-light: #FFE057;
    --v4-orange: #FFA23F;
    --v4-purple: #9A86DE;
    --v4-red: #FF0B0B;
    --v4-green: #0BFF28;
    --v4-yellow: #FBFF0B;
    --v5-red: #ff0000;
    --v5-orange: #FF8401;
    --v5-purple: #9A86DE;
    --v5-green: #0BFF28;
    --v5-yellow: #FBFF0B;
    --text-color: #333333;
        --light-color: #ffffff;
        --spacing-unit: 1rem;
    
        --green-color: #1b432f;
        --blue-color: #1b2943;
        --red-color: #431b1b;
        --orange-color: #43321b;
        --yellow-color: #43411b;
}

.v1-slider-section {
    color: #797979;
    letter-spacing: 0.5px;
    background-color: #ffffff;
    font-family: 'Raleway', sans-serif;
}
.v1-slider-section .bg-red {
    background-color: red;
}

.v1-slider-section .bg-purple {
    background-color: #723da6 !important;
}

.v1-slider-section .bg-yellow {
    background-color: #fdc200 !important;
}

.v1-slider-section .bg-green {
    background-color: #21ad61 !important;
}
.v2-slider-section {
   
    color: #797979;
    letter-spacing: 0.5px;
    background-color: #ffffff;
    font-family: "Inter", serif;
}

.v2-slider-section .v2-slider-wrapper {
    height: 100vh;
    width: 100vw;
    background: url('../images/sliders/bg-blue.png') center center/cover;
    display: flex;
    align-items: center;
    color: white;
}

.v2-slider-section .v2-slider-wrapper-2 {
    background: url('../images/sliders/bg-purple.png') center center/cover;
}

.v2-slider-section .v2-slider-wrapper-3 {
    background: url('../images/sliders/bg-green.png') center center/cover;
}

.v2-slider-section .v2-slider-wrapper-4 {
    background: url('../images/sliders/bg-orange.png') center center/cover;
}

.v2-slider-section .v2-slider-wrapper-5 {
    background: url('../images/sliders/bg-red.png') center center/cover;
}


.v2-slider-section .v2-image {
    position: relative;
    height: 100vh;
}

.v2-slider-section .v2-image img {
    position: absolute;
    right: -100px;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.v2-slider-section .v2-text-container {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 100vh;
    position: relative;

}

.v2-slider-section .v2-text-block-1 {
    position: absolute;
    left: -30px;
    padding-top: 35px;
}
.v2-slider-section .v2-text-block-1 h3{
    color: #fff;
}
.v2-slider-section .v2-text-block-1 h1 {
    color: #fff;
}
.v2-slider-section .v2-text-block-2 {
    position: absolute;
    bottom: 120px;
    left: 30%;
    padding-top: 35px;

}

.v2-slider-section .v2-button {
    text-decoration: none;
    color: white;
    background: #223340;
    font-size: 30px;
    border-radius: 20px;
    padding: 20px 100px;
}

.v2-slider-section .v2-button-blue {
    color: white;
    background: #223340;
    box-shadow: 0px 4px 9px #223340;
}

.v2-slider-section .v2-button-purple {
    color: white;
    background: #AC3291;
    box-shadow: 0px 4px 9px #AC3291;
}

.v2-slider-section .v2-button-green {
    color: white;
    background: #2EB24F;
    box-shadow: 0px 4px 9px #2EB24F;
}

.v2-slider-section .v2-button-orange {
    color: white;
    background: #DD7424;
    box-shadow: 0px 4px 9px #DD7424;
}

.v2-slider-section .v2-button-red {
    color: white;
    background: #E12A2A;
    box-shadow: 0px 4px 9px #E12A2A;
}

.v2-slider-section .v2-button:hover {
    color: #fff;
}

.v2-slider-section .v2-text-container h1 {
    font-size: 67px;
    font-weight: 900;
    text-transform: uppercase;
}

.v2-slider-section .v2-text-container h3 {
    text-transform: uppercase;
    font-size: 57px;
    font-weight: 400;
}

.v2-slider-section .v2-text-container p {
    font-size: 18px;
    font-weight: 400;
    width: 75%;
}

.v2-slider-section .v2-image-container {
    width: 40%;
}

@media screen and (max-width: 1200px) {
    .v2-slider-section .v2-button {
        font-size: 25px;
        border-radius: 14px;
        padding: 10px 40px;
    }

    .v2-slider-section .v2-image img {
        right: 0px;
    }
}

@media screen and (max-width: 992px) {
    .v2-slider-section .v2-image {
        width: 70vw;
    }

    .v2-slider-section .v2-image img {
        object-fit: contain;
    }

    .v2-slider-section .v2-text-container h1 {
        font-size: 40px;
    }

    .v2-slider-section .v2-text-container h3 {
        font-size: 28px;
    }

    .v2-slider-section .v2-text-container p {
        font-size: 11px;
    }

    .v2-slider-section .v2-text-block-1 {
        left: -30px;
    }

    .v2-slider-section .v2-text-block-2 {
        bottom: 30%;
    }

    .v2-slider-section .v2-image img {
        right: 55px;
    }
}

@media screen and (max-width: 770px) {
    .v2-slider-section .v2-image {
        width: 100vw;
    }

    .v2-slider-section .v2-image img {
        right: 0;
    }

    .v2-slider-section .v2-text-block-1 {
        left: 0px;
    }

    .v2-slider-section .v2-text-container h1 {
        font-size: 30px;
    }
}

@media screen and (max-width: 480px) {

    .v2-slider-section .v2-image-container {
        width: 0%;
    }

    .v2-slider-section .v2-text-container {
        width: 90%;
    }

    .v2-slider-section .v2-button {
        font-size: 15px;
        padding: 16px 32px;
    }
}


.v3-slider-section {
    color: #797979;
    letter-spacing: 0.5px;
    background-color: #ffffff;
    font-family: "Inter", serif;
}

.v3-slider-section .v3-colors-red-bg-dark {
  background: var(--v3-color-red-dark);
}
.v3-slider-section .v3-colors-blue-bg-dark {
  background: var(--v3-color-blue-dark);
}
.v3-slider-section .v3-colors-green-bg-dark {
  background: var(--v3-color-green-dark);
}
.v3-slider-section .v3-colors-orange-bg-dark {
  background: var(--v3-color-orange-dark);
}
.v3-slider-section .v3-colors-yellow-bg-dark {
  background: var(--v3-color-yellow-dark);
}

.v3-slider-section .v3-colors-red-bg-dark::before {
  background: url(../images/sliders/v3-bg-red.png);
}
.v3-slider-section .v3-colors-blue-bg-dark::before {
  background: url(../images/sliders/v3-bg-blue.png);
}
.v3-slider-section .v3-colors-green-bg-dark::before {
  background: url(../images/sliders/v3-bg-green.png);
}
.v3-slider-section .v3-colors-orange-bg-dark::before {
  background: url(../images/sliders/v3-bg-orange.png);
}
.v3-slider-section .v3-colors-yellow-bg-dark::before {
  background: url(../images/sliders/v3-bg-yellow.png);
}
.v3-slider-section .v3-wrapper-div {
  width: 100%;
  height: 100vh;
  position: relative;
}

.v3-slider-section .v3-wrapper-div::before {
  content: "";
  width: 100%;
  height: 100%;
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  position: absolute;
}

.v3-slider-section .v3-heading-text-div {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding-left: 60px;
  font-family: "Poppins", serif;
  color: white;
  height: 100%;
  align-items: start;
  justify-content: center;
  line-height: 1;
  position: relative;
  z-index: 10;
  user-select: none;
  pointer-events: none;
}

.v3-slider-section .v3-heading-text-div h6 {
  font-size: 48px;
  font-weight: 800;
}
.v3-slider-section .v3-heading-text-div h4 {
  font-size: 60px;
  font-weight: 400;
  font-family: "Inria Serif", serif;
  font-style: italic;
}
.v3-slider-section .v3-heading-text-div h4 .v3-heading-text-span-red {
  color: var(--v3-color-red-light);
}
.v3-slider-section .v3-heading-text-div h4 .v3-heading-text-span-blue {
  color: var(--v3-color-blue-light);
}
.v3-slider-section .v3-heading-text-div h4 .v3-heading-text-span-green {
  color: var(--v3-color-green-light);
}
.v3-slider-section .v3-heading-text-div h4 .v3-heading-text-span-orange {
  color: var(--v3-color-orange-light);
}
.v3-slider-section .v3-heading-text-div h4 .v3-heading-text-span-yellow {
  color: var(--v3-color-yellow-light);
}

.v3-slider-section .v3-heading-text-div h1 {
  font-size: 80px;
  font-weight: 900;
}

.v3-slider-section .v3-heading-btn-div {
  padding: 40px 0 0 60px;
}

.v3-slider-section .v3-heading-btn-div a {
  text-decoration: none;
  color: white;
  font-weight: 700;
  font-size: 40px;
  padding: 10px 30px;
  text-transform: uppercase;
}

.v3-slider-section .v3-heading-btn-div .v3-btn-red{
    border: 4px solid var(--v3-color-red);
    box-shadow: 0px 0px 6px var(--v3-color-red);
}

.v3-slider-section .v3-heading-btn-div .v3-btn-blue{
    border: 4px solid var(--v3-color-blue);
    box-shadow: 0px 0px 6px var(--v3-color-blue);
}

.v3-slider-section .v3-heading-btn-div .v3-btn-green{
    border: 4px solid var(--v3-color-green);
    box-shadow: 0px 0px 6px var(--v3-color-green);
}

.v3-slider-section .v3-heading-btn-div .v3-btn-orange{
    border: 4px solid var(--v3-color-orange);
    box-shadow: 0px 0px 6px var(--v3-color-orange);
}

.v3-slider-section .v3-heading-btn-div .v3-btn-yellow{
    border: 4px solid var(--v3-color-yellow);
    box-shadow: 0px 0px 6px var(--v3-color-yellow);
}

.v3-slider-section .v3-image-container {
    width: 50%;
    height: 100%;
    position: absolute;
    bottom: -27px;
    right: 0;

}

.v3-slider-section .v3-image-container img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}



/* responsive */


@media screen and (max-width: 1200px) {
    .v3-slider-section .v3-image-container {
        width: 63%;
    }
    .v3-slider-section .v3-heading-btn-div a {
        font-size: 29px;
    }
    
}
@media screen and (max-width: 992px) {
    .v3-slider-section .v3-image-container {
        width: 84%;
    }
    
}
@media screen and (max-width: 770px) {
    .v3-slider-section .v3-heading-text-div h1 {
        font-size: 59px;
    }
    .v3-slider-section .v3-heading-text-div h4 {
        font-size: 41px;
    }
    .v3-slider-section .v3-image-container {
        width: 100%;
    }
    .v3-slider-section .v3-heading-btn-div a {
        font-size: 22px;
    }
    
}
@media screen and (max-width: 480px) {
    .v3-slider-section .v3-wrapper-div::before {
        background-position: bottom;
    }
    .v3-slider-section .v3-image-container img {
        object-position: bottom;
    }
    .v3-slider-section .v3-heading-text-div h1 {
        font-size: 38px;
    }
    .v3-slider-section .v3-heading-text-div {
        padding-left: 25px;
        justify-content: start;
        padding-top: 30px;
    }
    .v3-slider-section .v3-heading-btn-div {
        padding: 32px 0 0 11px;
    }
    .v3-slider-section .v3-heading-text-div h6 {
        font-size: 32px;
    }
    .v3-slider-section .v3-heading-text-div h4 .v3-heading-text-span-red {
        font-size: 48px;
    }
    .v3-slider-section .v3-heading-text-div h4 {
        font-size: 31px;
    }
}
.v4-slider-section {
    color: #797979;
    letter-spacing: 0.5px;
    background-color: #ffffff;
    font-family: "Inter", serif;
}
.v4-slider-section .v4-bg-container {
    width: 100%;
    height: 100vh;
    background-position: top;
    background-position-y: -150px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.v4-slider-section .v4-bg-container-orange {
    background-image: url(../images/sliders/v4-bg-image-orange.png);
}

.v4-slider-section .v4-bg-container-purple {
    background-image: url(../images/sliders/v4-bg-image-purple.png);
}

.v4-slider-section .v4-bg-container-red {
    background-image: url(../images/sliders/v4-bg-image-red.png);
}

.v4-slider-section .v4-bg-container-green {
    background-image: url(../images/sliders/v4-bg-image-green.png);
}

.v4-slider-section .v4-bg-container-yellow {
    background-image: url(../images/sliders/v4-bg-image-yellow.png);
}

.v4-slider-section .v4-image-container {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0%;
}

.v4-slider-section .v4-image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.v4-slider-section .v4-text-container {
    position: absolute;
    left: 60%;
    color: black;
}

.v4-slider-section .v4-text-container-div {
    display: flex;
    flex-direction: column;
    padding-top: 50px;
    font-family: "Inria Serif", serif;
}

.v4-slider-section .v4-text-container-div h4 {
    font-style: italic;
    text-transform: uppercase;
    font-size: 34px;
}

.v4-slider-section .v4-text-container-div h1 {
    font-size: 100px;
    line-height: 0.9;
    text-transform: uppercase;
}

.v4-slider-section .v4-text-container-div h6 {
    font-size: 40px;
}


.v4-slider-section .v4-text-span {
    color: red;
    font-size: 60px;
}


.v4-slider-section .v4-button-container {
    padding-top: 100px;
    padding-left: 160px;
    position: relative;
}

.v4-slider-section .v4-button-container a {
    text-decoration: none;
    color: black;
    padding: 17px 25px;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 20px;
    border: 1.4px solid black;
    font-family: "Inria Serif", serif;
}

.v4-slider-section .v4-button-orange a {
    background: var(--v4-orange);
}

.v4-slider-section .v4-button-purple a {
    background: var(--v4-purple);
}

.v4-slider-section .v4-button-red a {
    background: var(--v4-red);
}

.v4-slider-section .v4-button-green a {
    background: var(--v4-green);
}

.v4-slider-section .v4-button-yellow a {
    background: var(--v4-yellow);
}




/* Responsive */

@media screen and (max-width: 1200px) {
    .v4-slider-section .v4-button-container {
        padding-top: 80px;
        padding-left: 220px;
    }

    .v4-slider-section .v4-text-container {
        left: 55%;
    }

    .v4-slider-section .v4-image-container {
        height: 100%;
    }
}

@media screen and (max-width: 992px) {
    .v4-slider-section .v4-button-container {
        padding-top: 200px;
        padding-left: 138px;
    }

    .v4-slider-section .v4-text-container {
        left: 41%;
    }

    .v4-slider-section .v4-image-container {
        left: -40%;
    }

    .v4-slider-section .v4-bg-container {
        background-position-x: right;
    }
}

@media screen and (max-width: 770px) {

    .v4-slider-section .v4-text-container-div h1 {
        font-size: 64px;
    }

    .v4-slider-section .v4-image-container {
        left: 0%;
        top: 21%;
    }

    .v4-slider-section .v4-image-container img {
        object-fit: cover;
    }

    .v4-slider-section .v4-text-container {
        left: 10%;
    }

    .v4-slider-section .v4-text-container-div {
        padding-top: 25px;
    }

    .v4-slider-section .v4-button-container {
        padding-top: 250px;
        padding-left: 97px;
    }
}

@media screen and (max-width: 480px) {
    .v4-slider-section .v4-button-container a {
        padding: 15px 25px;
        font-size: 20px;
    }

}

.v5-slider-section {
    color: #797979;
    letter-spacing: 0.5px;
    background-color: #ffffff;
    font-family: "Inter", serif;
}

.v5-slider-section .v5-bg-container-red {
    background: url("../images/sliders/v5-bg-image-red.png");
}

.v5-slider-section .v5-bg-container-orange {
    background: url("../images/sliders/v5-bg-image-orange.png");
}

.v5-slider-section .v5-bg-container-purple {
    background: url("../images/sliders/v5-bg-image-purple.png");
}

.v5-slider-section .v5-bg-container-green {
    background: url("../images/sliders/v5-bg-image-green.png");
}

.v5-slider-section .v5-bg-container-yellow {
    background: url("../images/sliders/v5-bg-image-yellow.png");
}

.v5-slider-section .v5-bg-container {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    position: relative;
}

.v5-slider-section .v5-image-container {
    position: absolute;
    left: -15%;
    top: 0;
    width: 100%;
    height: 100%;
}

.v5-slider-section .v5-image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
}

.v5-slider-section .v5-text-container {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 50%;
    top: 0;
}

.v5-slider-section .v5-text-container-div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 100px 60px;
}

.v5-slider-section .v5-text-container-div h1 {
    font-size: 150px;
    font-family: "Inria Sans", serif;
    width: 30%;
    font-weight: 800;
    line-height: 1;
    color: black;
}

.v5-slider-section .v5-text-container-div h1 span {
    padding-left: 140px;
}

.v5-slider-section .v5-text-container-div h6 {
    color: black;
    font-family: "Inria Sans", serif;
    padding-left: 140px;
    font-size: 57px;
}

.v5-slider-section .v5-text-container-div h6 span {
    font-weight: 800;
}

.v5-slider-section .v5-text-span-red {
    color: var(--v5-red);
}

.v5-slider-section .v5-text-span-orange {
    color: var(--v5-orange);
}

.v5-slider-section .v5-text-span-purple {
    color: var(--v5-purple);
}

.v5-slider-section .v5-text-span-green {
    color: var(--v5-green);
}

.v5-slider-section .v5-text-span-yellow {
    color: var(--v5-yellow);
}

.v5-slider-section .v5-button-container {
    position: relative;
}

.v5-slider-section .v5-button {
    text-decoration: none;
    color: white;
    font-size: 47px;
    padding: 19px 31px;
    border-radius: 29px;
    position: absolute;
    top: 0;
    right: 20%;
    font-weight: 600;
    transition: .2s all ease;
}


.v5-slider-section .v5-button-red {
    background-color: var(--v5-red);
}

.v5-slider-section .v5-button-purple {
    background-color: var(--v5-purple);
}

.v5-slider-section .v5-button-orange {
    background-color: var(--v5-orange);
}

.v5-slider-section .v5-button-green {
    background-color: var(--v5-green);
}

.v5-slider-section .v5-button-yellow {
    background-color: var(--v5-yellow);
}

.v5-slider-section .v5-button:hover {
    color: black;
    border: 2px solid black;
    background: transparent;
}

/* Responsive */

@media screen and (max-width: 1465px) {
    .v5-slider-section .v5-image-container {
        left: -21%;
    }

    .v5-slider-section .v5-image-container img {
        object-fit: cover;
    }

    .v5-slider-section .v5-text-container-div h1 {
        font-size: 115px;
    }

    .v5-slider-section .v5-text-container {
        left: 41%;
    }

    .v5-slider-section .v5-button {
        top: 16px;
        right: 0%;
        font-size: 37px;
        box-shadow: 0px 0px 3px black;
    }

    .v5-slider-section .v5-text-container-div h6 {
        font-size: 44px;
        padding-left: 157px;
    }

    .v5-slider-section .v5-text-container-div {
        padding: 60px 0px;
    }
}

@media screen and (max-width: 992px) {
    .v5-slider-section .v5-image-container {
        left: 0%;
    }

    .v5-slider-section .v5-text-container {
        left: 32%;
    }

    .v5-slider-section .v5-image-container {
        height: 80vh;
        margin-top: 20vh;
    }

    .v5-slider-section .v5-text-container-div h6 {
        font-size: 34px;
        padding-left: 209px;
    }

    .v5-slider-section .v5-text-container-div {
        padding: 12px 0px;
    }

    .v5-slider-section .v5-text-container-div h1 {
        font-size: 91px;
    }

    .v5-slider-section .v5-button {
        top: 100px;
        right: -10%;
        font-size: 30px;
    }

    .v5-slider-section .v5-text-container-div h1 span {
        padding-left: 100px;
    }

    .v5-slider-section .v5-text-container-div h6 {
        font-size: 34px;
        padding-left: 100px;
    }
}

@media screen and (max-width: 770px) {
    .v5-slider-section .v5-bg-container {
        background-position: right;
    }

    .v5-slider-section .v5-text-container {
        left: 3%;
    }

    .v5-slider-section .v5-button {
        top: 300px;
        right: 0%;
    }

    .v5-slider-section .v5-text-container {
        width: 80vw;
    }
}

@media screen and (max-width: 480px) {
    .v5-slider-section .v5-text-container-div h1 {
        font-size: 53px;
    }

    .v5-slider-section .v5-text-container-div h1 span {
        padding-left: 50px;
    }

    .v5-slider-section .v5-text-container-div h6 {
        font-size: 19px;
        padding-left: 50px;
    }

    .v5-slider-section .v5-button {
        top: 200px;
        right: 15%;
        font-size: 20px;
    }
}
.v6-slider-section {
    background-color: black;
    font-family: "Inria Sans", serif;
}

.v6-slider-section .carousel-inner {
    position: relative;
    height: 100vh;
    width: 100%;
}

.v6-slider-section .carousel-inner .carousel-item {
    height: 100vh;
    width: 100%;
}

.v6-slider-section .carousel-inner .carousel-item.carousel-item-1 {
    background: url(../images/sliders/v6-bg-banner-1.jpg) center center/cover;
}

.v6-slider-section .carousel-inner .carousel-item.carousel-item-2 {
    background: url(../images/sliders/v6-bg-banner-2.jpg) center center/cover;
}

.v6-slider-section .carousel-inner .carousel-item.carousel-item-3 {
    background: url(../images/sliders/v6-bg-banner-3.jpg) center center/cover;
}

.v6-slider-section .carousel-inner .carousel-item.carousel-item-4 {
    background: url(../images/sliders/v6-bg-banner-4.jpg) center center/cover;
}

.v6-slider-section .carousel-inner .carousel-item.carousel-item-5 {
    background: url(../images/sliders/v6-bg-banner-5.jpg) center center/cover;
}

.v6-slider-section .v6-slider-banner {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;

    --heading-text-font-size-default: 90px;
    --heading-text-font-weight-default: 900;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 {
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    padding: 0 70px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-badges {
    display: flex;
    gap: 10px;
    align-items: center;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-badges a {
    padding: 6px 20px;
    border-radius: 30px;
    border: 1px solid white;
    text-decoration: none;
    color: white;
    font-size: 10px;
    font-weight: 900;
    transition: all 0.4s ease;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-badges a:hover {
    background-color: white;
    color: black;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 h1 {
    font-size: var(--heading-text-font-size-default);
    width: 70%;
    line-height: 0.9;
    font-weight: var(--heading-text-font-weight-default);
    letter-spacing: -4px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 a {
    padding: 30px 20px;
    border-radius: 30px;
    align-self: end;
    margin-bottom: 30px;
    color: white;
    text-decoration: none;
    background: rgb(245 3 16);
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 a svg {
    width: 30px;
    height: 30px;
    background-color: white;
    fill: black;
    padding: 5px;
    border-radius: 50%;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 {
    width: 30%;
    height: 100%;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-2 {
    display: flex;
    align-items: start;
    gap: 10px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-2 h1 {
    font-size: var(--heading-text-font-size-default);
    font-weight: var(--heading-text-font-weight-default);
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-2 .v6-side-1-dp {
    width: 100px;
    height: 60px;
    border-radius: 30px;
    background-color: black;
    margin-top: 16px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-2 p {
    font-size: 12px;
    width: 40%;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-1 {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-1 p {
    font-size: 15px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-1 .v6-side-2-text-btn {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-1 .v6-side-2-text-btn h1 {
    font-size: 20px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-1 .v6-side-2-text-btn a {
    color: white;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-1 .v6-side-2-text-btn a svg {
    width: 30px;
    background: white;
    fill: black;
    border-radius: 20px;
    padding: 4px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 {
    display: flex;
    flex-direction: column;
    background-color: rgb(254, 254, 254);
    width: 80%;
    padding: 20px;
    border-radius: 20px;
    color: black;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.v6-slider-banner h1{
    color: #fff !important;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 .v6-side-2-text-2-container-div-1 {}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 .v6-side-2-text-2-container-div-1 h1 {
    font-size: 40px;
    font-weight: bold;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 .v6-side-2-text-2-container-div-1 h1 span {
    font-size: 15px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 .v6-side-2-text-2-container-div-2 {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 20px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 .v6-side-2-text-2-container-div-2 svg {
    width: 30px;
    fill: goldenrod;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 .v6-side-2-text-2-container-div-2 p {
    font-size: 20px;
    text-align: end;
    width: 90%;
    font-weight: 900;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-2 {
    height: 200px;
    width: 100%;
    background: url(../images/sliders/v6-mode.jpg) center center / cover;
    border-radius: 20px;
}

.v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-2 svg {
    width: 30px;
    border-radius: 30px;
    background: white;
    margin: 15px;
}

@media all and (max-width: 1300px) {
    .v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 {
        width: 94%;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 .v6-side-2-text-2-container-div-2 p {
        font-size: 12px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 .v6-side-2-text-2-container-div-1 h1 span {
        font-size: 8px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 h1 {
        margin-bottom: 0;
        width: 50%;
    }

    .v6-slider-section .v6-slider-banner {
        --heading-text-font-size-default: 70px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-2 {
        flex-direction: column;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-2 h1 {
        margin-bottom: 0;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-2 .v6-side-1-dp {
        display: none;
    }
}

@media all and (max-width: 1200px) {
    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 h1 {
        width: 80%;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 {
        padding: 0px 0 100px 70px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 {
        flex-direction: column;
        align-items: start;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 a {
        align-self: start;
        margin-bottom: 0px;
        margin-top: 12px;
        padding: 20px 40px;
        flex-direction: row;
    }
}

@media all and (max-width: 990px) {
    .v6-slider-section .v6-slider-banner .v6-banner-side-2 {
        width: 45%;
        justify-content: end;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 {
        justify-content: start;
        padding: 70px 0 0 70px;
    }

    .v6-slider-section .v6-slider-banner {
        --heading-text-font-size-default: 54px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-2 p {
        width: 60%;
    }
}

@media all and (max-width: 750px) {
    .v6-slider-section .v6-slider-banner {
        flex-direction: column;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 {
        flex-direction: row;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 {
        padding: 37px 0 0 23px;
        width: 100%;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 h1 {
        width: 60%;
    }

    .v6-slider-section .v6-slider-banner {
        --heading-text-font-size-default: 41px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 a {
        margin-right: 20px;
        padding: 14px 24px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-2 {
        width: 100%;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 .v6-side-2-text-2-container-div-1 h1 {
        font-size: 25px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 {
        width: 94%;
        display: none;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-2 {
        width: 90%;
        padding-bottom: 20px;
    }

}

@media all and (max-width: 490px) {
    .v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 {
        padding: 10px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-2 .v6-side-2-text-2-container-1 .v6-side-2-text-2-container-div-1 h1 {
        font-size: 24px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-2 .v6-side-2-text-1 p {
        font-size: 11px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 a {
        font-size: 9px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 a svg {
        width: 20px;
        height: 20px;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 {
        flex-direction: column-reverse;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-1 h1 {
        width: 90%;
    }

    .v6-slider-section .v6-slider-banner .v6-banner-side-1 .v6-side-1-text-2 p {
        width: 80%;
    }
}

.v7-slider-section {
    font-family: "Kanit", serif;
}

.v7-slider-section .v7-container {
    --orange-color: #ff6b00;
    --red-color: #ff0000;
    --yellow-color: #eeff00;
    --green-color: #00ff00;
    --blue-color: #0077ff;
    position: relative;
    width: 100%;
    height: 100vh;
    background: #111;
    padding: 40px;
    overflow: hidden;
}

.v7-slider-section .v7-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 70%;
    height: 120%;
    transform: rotate(-35deg);
    z-index: 1;
    border-radius: 0 0 34% 0;
}


.v7-slider-section .v7-container::after {
    content: "";
    position: absolute;
    top: 70%;
    right: -10%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.3;
    z-index: 1;
}

.v7-slider-section .v7-container.orange::before,
.v7-slider-section .v7-container.orange::after {
    background: var(--orange-color);
}

.v7-slider-section .v7-container.red::before,
.v7-slider-section .v7-container.red::after {
    background: var(--red-color);
}

.v7-slider-section .v7-container.yellow::before,
.v7-slider-section .v7-container.yellow::after {
    background: var(--yellow-color);
}

.v7-slider-section .v7-container.green::before,
.v7-slider-section .v7-container.green::after {
    background: var(--green-color);
}

.v7-slider-section .v7-container.blue::before,
.v7-slider-section .v7-container.blue::after {
    background: var(--blue-color);
}

.v7-slider-section .v7-content {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.v7-slider-section .product-image {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.v7-slider-section .product-image img {
    width: 100%;
    height: 100%;
    transform: rotate(-15deg);
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
    object-fit: contain;
}

.v7-slider-section .product-info {
    flex: 1;
    color: white;
    padding-left: 40px;
}

.v7-slider-section .carousel-control-next,
.v7-slider-section .carousel-control-prev {
    z-index: 999;
}

.v7-slider-section .new-label {
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}

.v7-slider-section h1 {
    font-size: 104px;
    line-height: 0.9;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.v7-slider-section h1 .orange-color {
    color: var(--orange-color);
}

.v7-slider-section h1 .red-color {
    color: var(--red-color);
}

.v7-slider-section h1 .green-color {
    color: var(--green-color);
}

.v7-slider-section h1 .yellow-color {
    color: var(--yellow-color);
}

.v7-slider-section h1 .blue-color {
    color: var(--blue-color);
}

.v7-slider-section .description {
    font-size: 18px;
    line-height: 1.6;
    opacity: 0.8;
    margin-bottom: 40px;
}

.v7-slider-section .cta-button {
    display: inline-block;
    color: white;
    padding: 15px 40px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    transition: transform 0.3s ease;
}

.v7-slider-section .cta-button.orange-btn {
    background: var(--orange-color);
}

.v7-slider-section .cta-button.red-btn {
    background: var(--red-color);
}

.v7-slider-section .cta-button.yellow-btn {
    background: var(--yellow-color);
}

.v7-slider-section .cta-button.blue-btn {
    background: var(--blue-color);
}

.v7-slider-section .cta-button.green-btn {
    background: var(--green-color);
}

.v7-slider-section .cta-button:hover {
    transform: translateY(-2px);
}

.v7-slider-section .absolute {
    position: absolute;
}

.v7-slider-section .absolute.top-right {
    top: -10%;
    right: -3%;
    height: 319px;
}

.v7-slider-section .absolute.top-right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.v7-slider-section .absolute.bottom-right {
    bottom: 30px;
    right: 26%;
}

.v7-slider-section .absolute.top-left-lines {
    top: 50px;
    left: 32%;
}

.v7-slider-section .absolute.bottom-right-lines {
    bottom: 0px;
    right: 0px;
}

.v7-slider-section .absolute.bottom-right-lines-orange svg path {
    fill: var(--orange-color);
}

.v7-slider-section .absolute.bottom-right-lines-red svg path {
    fill: var(--red-color);
}

.v7-slider-section .absolute.bottom-right-lines-blue svg path {
    fill: var(--blue-color);
}

.v7-slider-section .absolute.bottom-right-lines-yellow svg path {
    fill: var(--yellow-color);
}

.v7-slider-section .absolute.bottom-right-lines-green svg path {
    fill: var(--green-color);
}

@media all and (max-width: 1200px) {
    .v7-slider-section .product-image img {
        object-fit: contain;
    }
}

@media all and (max-width: 990px) {
    .v7-slider-section .product-image img {
        object-fit: cover;
    }

    .v7-slider-section .v7-content {
        flex-direction: column-reverse;
    }

    .v7-slider-section .product-image {
        position: absolute;
        top: 16%;
        right: 0;
        z-index: -1;
    }

    .v7-slider-section .absolute.top-right {
        height: 200px;
    }
}

@media all and (max-width: 550px) {
    .v7-slider-section .v7-content {
        height: 67%;
    }

    .v7-slider-section .product-image {
        top: 58%;
    }
}

.v10-banner-container {
    max-width: 1600px;
    height:100%;
    overflow:hidden;
    margin: 0 auto;
    padding: var(--spacing-unit);
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top:50px;
    padding-bottom:100px !important;
}

.v10-banner-container .content-section {
    flex: 1;
    padding: var(--spacing-unit);
}

.v10-banner-container .logo {
    width: 120px;
    margin-bottom: 1.5rem;
}

.v10-banner-container .title {
    font-size: 5rem;
    font-weight: 800;
    color: var(--text-color);
    line-height: 0.9;
    margin-bottom: 1.5rem;
    position: relative;
}

.v10-banner-container .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 40%;
    background: var(--text-color);
    height: 4px;
}

.v10-banner-container .description {
    color: #666;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.v10-banner-container .discount-badge {
    color: var(--light-color);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 1.5rem;
}

.v10-banner-container .discount-badge.green {
    background-color: var(--green-color);
}

.v10-banner-container .discount-badge.red {
    background-color: var(--red-color);
}

.v10-banner-container .discount-badge.yellow {
    background-color: var(--yellow-color);
}

.v10-banner-container .discount-badge.orange {
    background-color: var(--orange-color);
}

.v10-banner-container .discount-badge.blue {
    background-color: var(--blue-color);
}

.v10-banner-container .cta-section {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.v10-banner-container .cta-button {
    color: var(--light-color);
    padding: 0.8rem 2rem;
    border-radius: 28px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s;
}

.v10-banner-container .cta-button.green {
    background: var(--green-color);
}

.v10-banner-container .cta-button.yellow {
    background: var(--yellow-color);
}

.v10-banner-container .cta-button.red {
    background: var(--red-color);
}

.v10-banner-container .cta-button.orange {
    background: var(--orange-color);
}

.v10-banner-container .cta-button.blue {
    background: var(--blue-color);
}

.v10-banner-container .contact-info {
    display: flex;
    gap: 1.5rem;
}

.v10-banner-container .contact-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-color);
    text-decoration: none;
}

.v10-banner-container .image-section {
    flex: 1;
    position: relative;
}

.v10-banner-container .image-dots {
    position: absolute;
    left: 0;
    bottom: -22px;
    z-index: 999;
}

.v10-banner-container .image-dots-2 {
    position: absolute;
    left: -40%;
    top: 0px;
    z-index: 999;
}

.v10-banner-container .circle-big,
.v10-banner-container .circle-small {
    position: absolute;
    z-index: 999;
    width: 30px;
    height: 30px;
    border: 2px solid black;
    border-radius: 50%;
}

.v10-banner-container .circle-small {
    left: 30%;
    top: -15%;
}

.v10-banner-container .circle-big {
    left: -2%;
    top: 38%;
    height: 50px;
    width: 50px;
    border-color: var(--light-color);
    mix-blend-mode: difference;
}

.v10-banner-container .discount {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 25%;
    padding: 10px;
    text-align: center;
    color: var(--light-color);
    border-radius: 18px;
    border: 5px solid var(--light-color);
    z-index: 10;
}

.v10-banner-container .discount.green {
    background: var(--green-color);
}

.v10-banner-container .discount.red {
    background: var(--red-color);
}

.v10-banner-container .discount.blue {
    background: var(--blue-color);
}

.v10-banner-container .discount.yellow {
    background: var(--yellow-color);
}

.v10-banner-container .discount.orange {
    background: var(--orange-color);
}

.v10-banner-container .discount h1 {
    font-size: 21px;
    margin-bottom: 0;
    color:#fff;
}

.v10-banner-container .discount h1 span {
    font-size: 47px;
    color:#fff;
}

.v10-banner-container .furniture-image {
    height: 325px;
    border: 10px solid var(--light-color);
    object-fit: cover;
    border-radius: 60px;
    position: relative;
}

.v10-banner-container .decorative-circle {
    position: absolute;
    right: -4rem;
    top: 48%;
    transform: translateY(-50%);
    width: 450px;
    height: 450px;
    border-radius: 50%;
    z-index: -1;
}

.v10-banner-container .decorative-circle.green {
    background-color: var(--green-color);
}

.v10-banner-container .decorative-circle.red {
    background-color: var(--red-color);
}

.v10-banner-container .decorative-circle.blue {
    background-color: var(--blue-color);
}

.v10-banner-container .decorative-circle.orange {
    background-color: var(--orange-color);
}

.v10-banner-container .decorative-circle.yellow {
    background-color: var(--yellow-color);
}

.v10-banner-container .decorative-circle span {
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
    top: 50%;
    right: 5%;
    transform: translate(-50%, -50%) rotate(90deg);
}

@media all and (max-width: 1200px) {
    .v10-banner-container {
        gap: 0rem;
    }
}

@media all and (max-width: 990px) {
    .v10-banner-container .description {
        font-size: 13px;
    }

    .v10-banner-container .title {
        font-size: 4rem;
    }

    .v10-banner-container .cta-section {
        align-items: start;
        flex-direction: column;
    }

    .v10-banner-container .furniture-image {
        height: 255px;
    }

    .v10-banner-container .discount h1 span {
        font-size: 32px;
    }

    .v10-banner-container .decorative-circle {
        width: 350px;
        height: 350px;
    }
}

@media (max-width: 768px) {
    .v10-banner-container .title {
        font-size: 2.3rem;
    }

    .v10-banner-container .discount h1 {
        font-size: 12px;
    }

    .v10-banner-container .cta-section {
        gap: 14px;
        flex-direction: column-reverse;
    }

    .v10-banner-container .contact-info {
        gap: 4px;
        flex-direction: column;
    }

    .v10-banner-container .furniture-image {
        height: 205px;
    }

    .v10-banner-container .discount h1 span {
        font-size: 26px;
    }

    .v10-banner-container .decorative-circle {
        width: 250px;
        height: 250px;
    }
}

@media (max-width: 590px) {
    .v10-banner-container .v10-banner-container {
        flex-direction: column;
        gap: 34px;
    }

    .v10-banner-container .content-section {
        text-align: center;
    }

    .v10-banner-container .title::after {
        left: 30%;
    }

    .v10-banner-container .cta-section {
        align-items: center;
    }
}

.bg-dark-overlay {
    background-color: rgba(0, 0, 0, 0.979);
    align-content: center;
}

.properties-container-box-style-set .property-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.properties-container-box-style-set .property-card::after {
    content: "";
    height: 40%;
    width: 100%;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            rgb(0 0 0 / 71%) 94%);

    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 1rem;
}

.properties-container-box-style-set .property-card:hover {
    transform: scale(1.02);
}

.properties-container-box-style-set .property-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.properties-container-box-style-set .property-info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.properties-container-box-style-set .arrow-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    color: white;
}

.properties-container-box-style-set .view-all-btn {
    background: white;
    color: black;
    border: none;
    border-radius: 25px;
    padding: 10px 30px;
    margin-top: 2rem;
    position: relative;
}

.properties-container-box-style-set .line-one {
    height: 100%;
    width: 5px;
    left: 16%;
    top: 0;
    position: absolute;
}

.properties-container-box-style-set .line-two {
    height: 100%;
    width: 5px;
    right: 50%;
    top: 0;
    position: absolute;
}

.properties-container-box-style-set .line-three {
    height: 100%;
    width: 5px;
    right: 16%;
    top: 0;
    position: absolute;
}

.properties-container-box-style-set .lines img {
    height: 100%;
    width: 100%;
}

@media (max-width: 997px) {

    .properties-container-box-style-set .line-one,
    .properties-container-box-style-set .line-three {
        display: none;
    }
}

.v12-main-container {
    min-height: 100vh;
    padding: 4rem 2rem;
    position: relative;
    overflow: hidden;
    /* background-color: #000; */
    color: #fff;
    background: url('../images/chair-bg.jpg') center center no-repeat;
    background-size: cover;
}

.v12-main-container::after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.945);
    z-index: 1;
}

.furniture-comfort-style-s-section-set .headline {
    font-size: 5rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 1rem;
    position: relative;
    z-index: 2;
}

.furniture-comfort-style-s-section-set .italic-text {
    font-style: italic;
}

.furniture-comfort-style-s-section-set .subheading {
    color: #888;
    font-size: 1rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
}

.furniture-comfort-style-s-section-set .product-description {
    color: #888;
    font-size: 1rem;
    max-width: 600px;
    margin: 2rem 0;
    line-height: 1.6;
    position: relative;
    z-index: 2;
}

.furniture-comfort-style-s-section-set .order-btn {
    background-color: #fff;
    color: #000;
    border: none;
    border-radius: 50px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: transform 0.3s;
    position: relative;
    z-index: 2;
}

.furniture-comfort-style-s-section-set .order-btn:hover {
    transform: translateX(5px);
    color: #000;
}

.furniture-comfort-style-s-section-set .order-btn img {
    width: 30px;
    height: 30px;
    border-radius: 50%;

}

.furniture-comfort-style-s-section-set .left-chair-img-style-set-c {
    width: 50%;
    height: 400px;
    position: relative;
    z-index: 2;
}

.furniture-comfort-style-s-section-set .chair-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.furniture-comfort-style-s-section-set .video-container {
    position: relative;
    overflow: hidden;
    height: 320px;
    position: relative;
    z-index: 2;
}

.furniture-comfort-style-s-section-set .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.furniture-comfort-style-s-section-set .play-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #000;
    margin-left: 5px;
}

.furniture-comfort-style-s-section-set .experience-text {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: right;
    line-height: 1.2;
    margin-top: 80px;
    position: relative;
    z-index: 2;
}



.furniture-comfort-style-s-section-set .line-st-style-set-s {
    height: 10px;
    width: 70px;
    background-color: white;
    display: inline-block;

}




@media (max-width: 992px) {
    .furniture-comfort-style-s-section-set .left-img-content-section-style-s-c {
        flex-direction: column !important;
    }

    .furniture-comfort-style-s-section-set .left-img-content-section-style-s-c .left-chair-img-style-set-c {
        width: 100% !important;
    }
}


@media (max-width: 768px) {
    .furniture-comfort-style-s-section-set .headline {
        font-size: 3rem;
    }

    .furniture-comfort-style-s-section-set .experience-text {
        font-size: 2rem;
        text-align: left;
        margin-top: 2rem;
    }
}

.header-style-s2-set .logo {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
}

.header-style-s2-set .nav-link {
    color: #666;
    transition: color 0.3s;
}

.header-style-s2-set .nav-link:hover {
    color: #000;
}




.product-container-chair-style-recomfort {
    padding: 2rem;
}

.product-container-chair-style-recomfort .chair-main-image {
    width: 100%;
    height: auto;
}

.product-container-chair-style-recomfort .chair-color-strip {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    margin: 3rem 0;
    background: linear-gradient(to right, #A3B18A, #3D405B, #E07A5F);
}

.product-container-chair-style-recomfort .chair-color-strip img {
    border-radius: 8px;
}

.product-container-chair-style-recomfort .headline {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 1.5rem;
}

.product-container-chair-style-recomfort .product-description {
    color: #666;
    line-height: 1.6;
    /* margin-bottom: 2rem; */
}

.product-container-chair-style-recomfort .product-name {
    font-size: 1.8rem;
    margin-bottom: 0;
}

.product-container-chair-style-recomfort .collection-name {
    font-style: italic;
    color: #666;
    font-size: 1.5rem;
}

.product-container-chair-style-recomfort .star-rating {
    color: #ffc107;
    /* margin: 1rem 0; */
    font-size: 23px;
}

.product-container-chair-style-recomfort .price {
    font-size: 2.5rem;
    font-weight: 500;
    /* margin: 1rem 0; */
}

.product-container-chair-style-recomfort .currency {
    font-size: 1rem;
    color: #666;
}

.product-container-chair-style-recomfort .order-text {
    color: #666;
    letter-spacing: 1px;
    /* margin-bottom: 1rem; */
}

.product-container-chair-style-recomfort .chair-thumbnail {
    position: relative;
    width: 200px;
    background: #f8f9fa;
    border-radius: 8px;
    /* padding: 1rem; */
}

.product-container-chair-style-recomfort .chair-thumbnail img {
    border-radius: 8px;
}

.product-container-chair-style-recomfort .add-to-cart {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}



@media (max-width: 992px) {
    .product-container-chair-style-recomfort .add-chair-image-cont-style-set {
        justify-content: center !important;
    }

    .product-container-chair-style-recomfort .top-comfort-chair-heading-style-set-c {
        flex-direction: column;
        align-items: start !important;
    }

    .product-container-chair-style-recomfort .top-comfort-chair-heading-style-set-c p {
        padding: 0 !important;
    }
}

@media (max-width: 768px) {
    .product-container-chair-style-recomfort .headline {
        font-size: 2.5rem;
    }

    .product-container-chair-style-recomfort .product-name {
        font-size: 1.5rem;
    }

    .product-container-chair-style-recomfort .collection-name {
        font-size: 1.2rem;
    }

    .product-container-chair-style-recomfort .price {
        font-size: 2rem;
    }
}

.header-style-s5-set {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
}

.header-style-s5-set .logo {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
}

.header-style-s5-set .nav-link {
    color: #666;
    transition: color 0.3s;
}

.header-style-s5-set .nav-link:hover {
    color: #000;
}

.header-style-s5-set .nav-item .active {
    color: green !important;
    border: 1px solid green;
    border-radius: 25px;
}

.header-style-s5-set .right-add-bag-usr-section-style .user-box-style {
    background-color: white;
    color: black;
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}


@media (max-width: 991px) {
    .navbar-collapse {
        margin-top: 1rem;
        background-color: white;
    }


}



.hero-section-style {
    /* min-height: calc(100vh - 70px); */
    min-height: 100vh;
    align-content: center;
}

.hero-section-style .left-content-side h1 {
    font-size: 6rem;
}

.hero-section-style .left-content-side .outline-text {
    font-size: 70px;
    font-weight: bold;
    fill: none;
    stroke: #DC3545;
    stroke-width: 2px;
}

.hero-section-style .left-content-side .solid-text {
    font-size: 70px;
    font-weight: bold;
    fill: #DC3545;
}



.hero-section-style .left-content-side .total-heading-set-style-section {
    font-size: 38px;
}

.hero-section-style .left-content-side .price-total {
    color: #DC3545;
}


.buy-now-box-style-set-s {
    background-color: black;
    border-radius: 20px;
    padding: 5px;
    color: white;
    max-width: 217px;
}

.buy-now-box-style-set-s .circle {
    background-color: #DC3545;
    border-radius: 50%;
    padding: 7px;
}

.buy-now-box-style-set-s .buy-now {
    font-size: 30px;
    font-weight: bold;
}



.right-content-side .main-image {
    height: 100%;
    z-index: 2;
    position: relative;
}

.right-content-side .main-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}





.hero-section-style .left-content-side .para-style-sec {
    margin-right: 140px;
}


.bg-gradient-style-set-s {
    background: linear-gradient(180deg, rgba(100, 167, 12, 1) 0%, rgba(100, 167, 12, 1) 94%);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 27%;
    z-index: 1;
}


.header-section {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}


@media(max-width: 997px) {
    .bg-gradient-style-set-s {
        display: none;
    }

    .left-content-side {
        padding-top: 100px;
        /* padding-bottom: 100px; */
    }

    .para-style-sec {
        margin-right: 0 !important;
    }

    .right-add-bag-usr-section-style .cart-bag,
    .right-add-bag-usr-section-style .vertical-line-style {
        color: black !important;
    }

    .header-section {
        background-color: white;
    }

    .rating-style-s5 .rating-count {
        color: black !important;
    }

    .rating-style-s5 .second-style {
        color: black !important;
    }

    .hero-main-heading-style-s5 {
        font-size: 70px !important;
    }

    .favourite-icon-style-style-s5 svg {
        color: black !important;
    }
}



.order-btn-style-set-section-s5 .arrow-btn-go-style-s5 {
    transform: rotate(315deg);
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fab005;
    color: black;
    margin-left: -10px;
}

.order-btn-style-set-section-s5 .arrow-btn-go-style-s5:hover {
    background-color: #fab005;
}

.hero-main-heading-style-s5 .first {
    color: #6fad1e;
}


.bur-boxes-style-set-s .box-style {
    background-color: #6fad1e;
    width: 100px;
    height: 70px;
    border-radius: 15px;
    text-align: center;
}

.bur-boxes-style-set-s .box-style img {
    width: 90%;
    height: 100%;
    margin-top: -12px;
}


.rating-style-s5 .rating-count {
    font-size: 40px;
    color: white;
    font-style: italic;
}

.rating-style-s5 .second-style {
    font-size: 10px;
    color: white;
    width: 100px;
    display: inline-block;
}

.rating-style-s5 .circle-user {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid white;
}

.rating-style-s5 .circle-user img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.rating-style-s5 .circle-second {
    margin-left: -10px;
}

.rating-style-s5 .circle-third {
    margin-left: -10px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-style-s2-set .logo {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
}

.header-style-s2-set .nav-link {
    color: #666;
    transition: color 0.3s;
}

.header-style-s2-set .nav-link:hover {
    color: #000;
}

.main-hero-section-style-furnit-set .collection-preview {
    width: 100px;
    height: 100px;
    border-radius: 16px;
    overflow: hidden;
}

.offcanvas-main-sidebar-style-set-d {
    position: fixed;
    left: -300px;
    top: 0;
    min-height: 100vh;
    width: 300px;
    background-color: white;
    z-index: 11;
    /* display: none; */
    transition: 0.3s;
}

.overlay-style-set-d-s {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.342);
    z-index: 10;
    display: none;
    transition: 0.3s;
}

.bottom-icons-sidebar-fixed-style {
    width: 267px;
}

.main-hero-section-style-furnit-set .preview-orange {
    background-color: #e07a5f;
}

.main-hero-section-style-furnit-set .preview-navy {
    background-color: #3d405b;
}

.main-hero-section-style-furnit-set .preview-sage {
    background-color: #a3b18a;
}

.main-hero-section-style-furnit-set .preview-explore {
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.8rem;
    color: #666;
}

.main-hero-section-style-furnit-set .main-heading {
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 1.1;
    margin: 2rem 0;
}

.main-hero-section-style-furnit-set .description {
    color: #666;
    max-width: 500px;
    line-height: 1.6;
}

.main-hero-section-style-furnit-set .explore-btn {
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    padding: 12px;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: transform 0.3s;
}

.main-hero-section-style-furnit-set .explore-btn-w-arrow {
    transform: rotate(325deg);
}

.main-hero-section-style-furnit-set .explore-btn-w-arrow:hover {
    transform: translateX(5px);
    color: #fff;
}

.main-hero-section-style-furnit-set .color-options {
    margin-top: 3rem;
}

.main-hero-section-style-furnit-set .color-text {
    color: #666;
    font-size: 0.9rem;
    letter-spacing: 1px;
}

.main-hero-section-style-furnit-set .color-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ddd;
    cursor: pointer;
    transition: border-color 0.3s;
}

.main-hero-section-style-furnit-set .color-circle.active {
    border-color: #000;
    border-width: 2px;
}

.main-hero-section-style-furnit-set .color-sage {
    background-color: #a3b18a;
}

.main-hero-section-style-furnit-set .color-navy {
    background-color: #3d405b;
}

.main-hero-section-style-furnit-set .color-orange {
    background-color: #e07a5f;
}

.main-hero-section-style-furnit-set .chair-image {
    max-width: 100%;
    height: auto;
    transition: filter 0.3s;
    width: 80%;
}

@media (max-width: 992px) {
    .left-content-furnit-style-set-s {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .header-style-s2-set {
        padding-top: 0 !important;
        /* padding-bottom: 0 !important; */
    }
}

@media (max-width: 768px) {
    .main-hero-section-style-furnit-set .main-heading {
        font-size: 3rem;
    }
}

.main-hero-section-style-furnit-set .right-content-img-set-style-s .circle-one {
    height: 90%;
    width: 100%;
    position: absolute;
    right: -63px;
    background-color: #f8f9fa;
    border-radius: 50%;
    z-index: -1;
}

.main-hero-section-style-furnit-set .d-p-style-clr-slt {
    border: 1px dotted black;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-link-style-set-s {
    font-size: 20px;
}

/* v16 Slider Start Here */

.hero-section {
    height: 100vh;
    overflow: hidden;
}

.hero-section .n-top {
    background-color: #fff;
    border-radius: 45px;
    z-index: 333333;
    position: relative;
}

.hero-section .n-bottom {
    background-color: #fff;
    border-radius: 45px;
}

.hero-section .n-top .line {
    height: 2px;
    width: 100%;
    background-color: #cecbcb71;
    margin: 0 28px;
}

.hero-section .n-top .setting .circle-set .setting {
    border: none;
    background-color: transparent;
}

.hero-section .n-top .setting .circle-set .setting i {
    background-color: #0096ff;
    color: white;
    padding: 10px;
    border-radius: 50%;
    font-size: 12px;
}

.hero-section .n-top .setting .circle-set .menu-btn-style {
    border: none;
    background-color: transparent;
    margin-left: -6px;
    position: relative;
    z-index: 2;
}

.hero-section .n-top .setting .circle-set .menu-btn-style i {
    background-color: #0096ff;
    color: white;
    padding: 10px;
    border-radius: 50%;
    font-size: 12px;
}

.hero-section .n-top .setting .circle-img {

    margin-left: -6px;
}

.hero-section .n-top .setting .circle-img img {

    border: 1px solid #0096ff;
}

.hero-section .n-top .setting .user-profile-circle-set .login {
    background-color: #0096ff;
    border-radius: 25px;
    color: white;
    text-align: center;
    transition: 0.5s;
}

.hero-section .n-top .setting .user-profile-circle-set .signup {
    background-color: white;
    border-radius: 25px;
    color: black;
    text-align: center;
    border: 1px solid #0096ff;
    transition: 0.5s;
}

.hero-section .n-top .setting .user-profile-circle-set .login:hover {
    background-color: #0583dd;
}

.hero-section .n-top .setting .user-profile-circle-set .signup:hover {
    background-color: #0583dd;
    color: white;
}

.hero-section .n-top .categories-sec .one {
    border: 0px solid rgba(135, 207, 235, 0.233);
    background-color: rgba(135, 207, 235, 0.233);
    border-radius: 25px;
    padding: 11px 20px;
    transition: 0.5s;
    font-size: 11px;
    text-decoration: none;
    color: black;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
}

.hero-section .n-top .categories-sec .one:hover {
    background-color: #0096ff;
    color: white;
}

.hero-section .n-top .slider .carousel-set {
    height: 130px;
    border-radius: 45px;
}

.hero-section .n-top .slider .carousel-set img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 45px;
}

.hero-section .n-top .slider .carousel-indicators {
    position: unset;
    margin-bottom: 0;
}

.hero-section .n-top .slider .carousel-indicators button {
    background-color: rgba(135, 207, 235, 0.233);
    border-radius: 15px;
    padding: 4px;
    width: 30px;
}

.hero-section .n-top .slider .carousel-indicators .active {
    background-color: #0096ff;
    padding: 4px;
    width: 16px;
}

.hero-section .n-bottom p {
    color: #7a7777;
}

.hero-section .n-bottom .inner-section-spin {
    /* background-color: rgba(135, 207, 235, 0.233); */
    border-radius: 45px;
    background: url('/public/ecommerce_themes/assets/images/v16/hq720.jpg') no-repeat center;
    position: relative;
    align-content: center;
}

.hero-section .n-bottom .inner-section-spin::after {
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.548);

    position: absolute;
    left: 0;
    top: 0;
    border-radius: 45px;
}

.hero-section .n-bottom .inner-section-spin .ultimate-plus {
    position: relative;
    z-index: 2;
    color: white;
}

.hero-section .n-bottom .inner-section-spin .ultimate-plus .add-btn {
    border: none;
    background-color: transparent;
}

.hero-section .n-bottom .inner-section-spin .ultimate-plus .add-btn i {
    background-color: #0096ff;
    border-radius: 50%;
    padding: 12px;
    color: white;
    border: none;
    box-shadow: rgba(95, 95, 168, 0.2) 0px 7px 29px 0px;
}

.hero-section .n-bottom .inner-section-spin .ultimate-plus .circuler-bar {
    width: 100%;
    height: 100%;

    position: relative;
}

.hero-section .n-bottom .inner-section-spin .ultimate-plus .circuler-bar .loader-container {
    position: relative;
    width: 96px;
    height: 96px;
}

.hero-section .n-bottom .inner-section-spin .ultimate-plus .circuler-bar .progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    color: #1e90ff;
    font-size: 14px;
}

.hero-section .n-bottom .inner-section-spin .ultimate-plus .circuler-bar .circle-background {
    fill: none;
    stroke: rgba(200, 230, 255, 0.4);
}

.hero-section .n-bottom .inner-section-spin .ultimate-plus .circuler-bar .circle-progress {
    fill: none;
    stroke: #1e90ff;
    stroke-linecap: round;
}

.hero-section .n-bottom .inner-section-spin .ultimate-plus .circuler-bar .outer-circle {
    stroke-width: 8;
}

.hero-section .n-bottom .inner-section-spin .ultimate-plus .circuler-bar .inner-circle {
    stroke-width: 8;
}

/* .hero-section .sec-cent{

    background: url('../images/bg.png')  center center no-repeat;
    object-fit: cover;
    border-radius: 45px;
} */
.hero-section .sec-cent .inner-mid-sec {
    height: 100%;
}

.hero-section .sec-cent .mid-img-style-s {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 45px;
}

.hero-section .sec-cent .menu-v16 .inner-menu {
    background-color: white;
    border-radius: 45px;
    width: 100%;
    padding: 15px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 222;
}

.hero-section .sec-cent .menu-v16 .inner-menu nav ul li {
    list-style: none;
}

.hero-section .sec-cent .menu-v16 .inner-menu nav ul li a {
    text-decoration: none;
    padding: 0 10px;
    color: #7a7777;
}

.hero-section .sec-cent .menu-v16 .inner-menu nav ul li a i {
    background-color: #0096ff;
    color: white;
    padding: 10px;
    border-radius: 50%;
}

.hero-section .sec-cent .menu-v16 .behind-cont::before {
    content: "";
    position: absolute;
    /* background-color: red; */
    width: 68px;
    height: 66px;
    right: -83px;
    top: -2px;
    border-radius: 50%;
    box-shadow: -34px -31px 0 #e3f3fa;
}

.hero-section .sec-cent .menu-v16 .behind-cont::after {
    content: "";
    position: absolute;

    width: 86px;
    height: 79px;
    left: 0px;
    top: 79px;
    border-radius: 50%;
    box-shadow: -31px -35px 0 #e3f3fa;
}

.hero-section .sec-cent .mid-header-menu-style {
    border-bottom: 15px solid #e3f3fa;
    border-right: 15px solid #e3f3fa;
    /* width: 50%; */
    border-bottom-right-radius: 45px;
    background-color: #e3f3fa;
}

.hero-section .n-top-style {
    background-color: #fff;

    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
}

.hero-section .n-top-style p {
    color: #7a7777;
    font-size: 19px;
}

.hero-section .n-top-style .inner-section-spin {
    background-color: rgba(135, 207, 235, 0.233);
    border-radius: 45px;
}

.hero-section .n-top-style .inner-ang-para-style-set {
    font-size: 15px;
    line-height: 15px;
}

.new-circular-bar .new-loader-container {
    position: relative;
    width: 130px;
    height: 130px;
}

.new-circular-bar .new-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    color: #1e90ff;
    /* Tomato color */
    font-size: 14px;
}

.new-circular-bar .new-circle-background {
    fill: none;
    stroke: rgba(200, 230, 255, 0.4);
    /* Lighter tomato */
}

.new-circular-bar .new-circle-progress {
    fill: none;
    stroke: #1e90ff;
    /* Tomato color */
    stroke-linecap: round;
}

.new-circular-bar .outer-circle {
    stroke-width: 10;
    /* Slightly thicker for outer circle */
}

.new-circular-bar .inner-circle {
    stroke-width: 10;
    /* Slightly thicker for inner circle */
}

.third-btm-img-style-angl-s {
    height: 380px;
}

.third-btm-img-style-angl-s img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 45px;
}

.play-btn-style-anglc-set-s {
    background-color: white;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 15px;
    padding-top: 15px;
    border-top-left-radius: 45px;
}

.play-btn-style-anglc-set-s::before {
    content: "";
    position: absolute;
    right: -2px;
    top: -34px;
    background-color: transparent;
    height: 38px;
    width: 38px;
    box-shadow: 10px 10px white;
    border-bottom-right-radius: 45px;
}

.play-btn-style-anglc-set-s::after {
    content: "";
    position: absolute;
    left: -34px;
    bottom: 0px;
    background-color: transparent;
    height: 38px;
    width: 38px;
    box-shadow: 10px 10px white;
    border-bottom-right-radius: 45px;
}

.play-btn-style-anglc-set-s .play-btn-set {
    background-color: #1e90ff;
    color: white;
    border: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: rgba(64, 63, 133, 0.24) 0px 3px 8px;
    transition: 0.5s;
}

.play-btn-style-anglc-set-s .play-btn-set:hover {
    background-color: #0096ff;
}

.avatar-progress-container {
    background-color: rgba(240, 248, 255, 0.8);
    border-radius: 16px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    backdrop-filter: blur(5px);
    width: 100%;
}

.avatar-progress-container .avatar-group {
    display: flex;
    align-items: center;
}

.avatar-progress-container .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #1e90ff;
    overflow: hidden;
    position: relative;
}

.avatar-progress-container .avatar:not(:first-child) {
    margin-left: -10px;
}

.avatar-progress-container .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-progress-container .progress-container-sec {
    flex: 1;
    height: 12px;
    background-color: #e0f0ff;
    border-radius: 8px;
    overflow: hidden;
}

.avatar-progress-container .progress-bar-sec {
    height: 100%;
    background: linear-gradient(90deg, #0d99ff 0%, #47b4ff 100%);
    border-radius: 8px;
    transition: width 0.5s ease;
}

.avatar-progress-container .counter-sec {
    font-weight: 600;
    color: #0076c5;
    font-size: 14px;
}

.attach-graph-bar-style-set-s {
    position: absolute;
    left: -168px;
    bottom: 0;
    background-color: white;
    padding: 15px;
    padding-top: 5px;
    border-bottom-left-radius: 45px;
    border-top-left-radius: 20px;
}

.triangle-style-bar-chat-graph-style {
    position: absolute;
    top: -108px;
    right: 12px;
    height: 109px;
    width: 156px;
    background-color: white;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}

.chart-container {
    width: 150px;
    height: 150px;
    background: linear-gradient(180deg, #f0faff 0%, #e6f6ff 100%);
    border-radius: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 17px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.chart-title {
    font-size: 14px;
    font-weight: 500;
    color: #748999;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.chart-content {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 8px;
    height: 80px;
    width: 100%;
    padding: 0 10px;
}

.bar-container {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 10px;
}

.background-bar {
    width: 100%;
    background-color: rgba(200, 230, 255, 0.4);
    border-radius: 8px;
}

.value-bar {
    width: 100%;
    border-radius: 8px;
    background: linear-gradient(180deg, #47b4ff 0%, #0c8ceb 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.overlay-style-set-d-s {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.342);
    z-index: 10;
    display: none;
    transition: 0.3s;
}

.offcanvas-main-sidebar-style-set-d {
    position: fixed;
    left: -300px;
    top: 0;
    min-height: 100vh;
    width: 300px;
    background-color: white;
    z-index: 11;
    /* display: none; */
    transition: 0.3s;
}

#sideBarCloseBtn {
    display: block;
    text-align: center;
}

.mobile-view-menu-style-set {
    display: none;
}

.bottom-icons-sidebar-fixed-style {
    width: 267px;
}

.nav-link-style-set-s {
    font-size: 20px;
    text-align: start;
}

.sidebar-list-height-set-style {
    height: 100vh;
}

.categories-sec .ul-li ul {
    margin: 0;
    padding: 0;
}

.categories-sec .ul-li ul li {
    list-style: none;
    display: inline-block;
}

.categories-sec .ul-li-block ul {
    margin: 0;
    padding: 0;
}

.categories-sec .ul-li-block ul li {
    display: block;
    list-style: none;
}

.hap-service-scroll-text-area {
    z-index: 2;
    align-content: center;
    position: relative;

    /* background-color: #000000; */
}

.hap-service-scroll-text-area .hap-section-title {
    margin-bottom: 20px;
}

.hap-service-scroll-text-area h2 {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 80px;
    font-weight: 700;
    white-space: nowrap;
}

.hap-service-scroll-text-area h2 .strock_txt {
    color: #fff;
    margin: 0px 15px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

.hap-service-scroll-text-area h2 .scroller_item_1 {
    width: 100%;
    height: 40px;
    /* margin: 0px 15px; */
    overflow: hidden;
    border-radius: 60px;
    background: white;
}

.hap-service-scroll-text-area h2 .scroller_item_1.text_scroller_2 {
    width: 100%;
}

.hap-service-scroll-text-area h2 .scroller_item_1.text_scroller_3 {
    width: 630px;
}

.hap-service-scroll-text-area h2 .scroller_item_1 li {
    top: -43px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    /* padding-left: 25px; */
    position: relative;
    margin: 0 5px;
}




.left-carousol-slider-sec .carousel-item {
    height: 150px !important;
    border-radius: 45px !important;
}

.left-carousol-slider-sec .carousel-item img {
    border-radius: 45px !important;
    object-fit: cover !important;
}

.bottom-match-content-style-set h2 {
    /* font-size: 1.6rem; */
    font-size: 4vh;
}

.bottom-match-content-style-set p {
    /* font-size: 0.9rem; */
    font-size: 1.9vh;
}

.right-anglich-para-content-style h2 {
    font-size: 4vh;
}

.right-anglich-para-content-style p {
    /* font-size: 0.9rem; */
    font-size: 2.3vh !important;
}


.hero-section .n-top {
    max-height: 40vh;
}

.hero-section .n-bottom {
    max-height: 60vh;
}

.top-header-menu-style {
    height: 7vh;
}

.hap-service-scroll-text-area {
    height: 14vh;
}

.left-carousol-slider-sec,
.left-carousol-slider-sec .carousel-item {
    height: 11vh !important;
}

.bottom-match-content-style-set {
    height: 22vh;

}

.hero-section .n-bottom .inner-section-spin {
    height: 30vh;
}

/* .tessst{
  height: 50vh;
} */

.hero-section .sec-cent .inner-mid-sec {
    height: 100vh;
    overflow: hidden;
}


.hero-section .n-top-style {
    max-height: 100vh;
}

.right-anglich-para-content-style {
    height: 33vh;
    overflow: hidden;
}

.third-btm-img-style-angl-s {
    height: 53vh;
    overflow: hidden;
}

.avatar-progress-container {
    height: 7vh;
}


.drop-d-style-clr {
    position: absolute !important;
    margin: 0px !important;
    transform: translate3d(-70px, 36px, 0px) !important;
    inset: 0px auto auto 0px;
}

@media(max-width: 1252px) {
    .ultimate-plus {
        flex-direction: column;
    }

    .bottom-match-content-style-set h2 {
        /* font-size: 1.6rem; */
        font-size: 3.7vh;
    }

    .bottom-match-content-style-set p {
        /* font-size: 0.9rem; */
        font-size: 1.6vh;
    }

    .right-anglich-para-content-style h2 {
        font-size: 3.7vh;
    }

    .right-anglich-para-content-style p {
        /* font-size: 0.9rem; */
        font-size: 2.1vh !important;

    }
}


@media(max-width: 992px) {
    .ultimate-plus {
        flex-direction: row;
    }

    .hero-section .n-top-style {
        border-radius: 45px;
    }

    .attach-graph-bar-style-set-s {
        position: relative;
        left: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .triangle-style-bar-chat-graph-style {
        display: none;
    }

    .bottom-match-content-style-set h2 {
        /* font-size: 1.6rem; */
        font-size: 18px !important;
    }

    .bottom-match-content-style-set p {
        /* font-size: 0.9rem; */
        font-size: 15px;
    }

    .right-anglich-para-content-style h2 {
        font-size: 18px !important;
    }

    .right-anglich-para-content-style p {
        /* font-size: 0.9rem; */
        font-size: 15px !important;
        margin-bottom: 0 !important;
    }

    .hero-section {
        height: 100%;
        overflow: auto;
    }

    .top-header-menu-style {
        height: 100%;
    }

    .hap-service-scroll-text-area {
        height: 100%;
    }

    .left-carousol-slider-sec,
    .left-carousol-slider-sec .carousel-item {
        height: 200px !important;
    }

    .bottom-match-content-style-set {
        height: 100%;

    }

    .hero-section .n-bottom .inner-section-spin {
        height: 100%;

    }

    /* .tessst{
        height: 50vh;
      } */

    .hero-section .sec-cent .inner-mid-sec {
        height: 100%;
    }


    .right-anglich-para-content-style {
        height: auto;
        overflow: auto;
    }

    .third-btm-img-style-angl-s {
        height: 300px;
        overflow: auto;
        overflow-x: hidden;
        margin-top: 20px;
    }

    .avatar-progress-container {
        height: 60px;
    }

    .hero-section .n-top {
        max-height: 50%;
    }

    .hero-section .n-bottom {
        max-height: 50%;
        padding-top: 20px !important;
    }

    .hero-section .n-top-style {
        max-height: 100%;
        padding-top: 20px !important;
    }
}

@media(max-width: 767px) {
    .mobile-view-menu-style-set {
        display: block;
    }

    .hero-section .sec-cent .mid-header-menu-style {
        display: none;
    }

    .hero-section {
        height: 100%;
        /* overflow: hidden; */
    }

    .hero-section .sec-cent .inner-mid-sec {
        height: 350px;
    }

    .drop-d-style-clr {
        position: absolute !important;
        margin: 0px !important;
        transform: translate3d(60px, 36px, 0px) !important;
        inset: 0px auto auto 0px;
    }
}
@media(max-width: 1252px){
    .ultimate-plus{
        flex-direction: column;
    }
    .bottom-match-content-style-set h2{
        /* font-size: 1.6rem; */
        font-size: 3.7vh;
      }
      .bottom-match-content-style-set p{
        /* font-size: 0.9rem; */
        font-size: 1.6vh;
      }
      .right-anglich-para-content-style  h2{
        font-size: 3.7vh;
      }
      .right-anglich-para-content-style p{
        /* font-size: 0.9rem; */
        font-size: 2.1vh !important;
    
      }
}


@media(max-width: 992px){
    .ultimate-plus{
        flex-direction: row;
    }
    .hero-section .n-top-style{
        border-radius: 45px;
    }
    .attach-graph-bar-style-set-s{
        position: relative;
        left: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .triangle-style-bar-chat-graph-style{
        display: none;
    }
    .bottom-match-content-style-set h2{
        /* font-size: 1.6rem; */
        font-size: 18px !important;
      }
      .bottom-match-content-style-set p{
        /* font-size: 0.9rem; */
        font-size: 15px;
      }
      .right-anglich-para-content-style  h2{
        font-size: 18px !important;
      }
      .right-anglich-para-content-style p{
        /* font-size: 0.9rem; */
        font-size: 15px !important;
        margin-bottom: 0 !important;
      }

    .hero-section{
        height: 100%;
        overflow: auto;
      }

      .top-header-menu-style{
        height: 100%;
      }
      .hap-service-scroll-text-area{
        height: 100%;
      }
      .left-carousol-slider-sec, .left-carousol-slider-sec .carousel-item{
        height: 200px !important;
      }
      .bottom-match-content-style-set{
        height: 100%;
      
      }
      
      .hero-section .n-bottom .inner-section-spin{
        height: 100%;
       
      }
      /* .tessst{
        height: 50vh;
      } */
      
      .hero-section .sec-cent .inner-mid-sec {
        height: 100%;
      }
      
      
      .right-anglich-para-content-style{
        height: auto;
        overflow: auto;
      }
      .third-btm-img-style-angl-s{
        height: 300px;
        overflow: auto;
        overflow-x: hidden;
        margin-top: 20px;
      }
      .avatar-progress-container{
        height: 60px;
      }
      .hero-section .n-top{
        max-height: 50%;
      }
      .hero-section .n-bottom{
        max-height: 50%;
        padding-top: 20px !important;
      }
      .hero-section .n-top-style{
        max-height: 100%;
        padding-top: 20px !important;
      }
}

@media(max-width: 767px){
    .mobile-view-menu-style-set{
        display: block;
       }

       .hero-section .sec-cent .mid-header-menu-style{
        display: none;
       }
       .hero-section{
        height: 100%;
        /* overflow: hidden; */
      }
      .hero-section .sec-cent .inner-mid-sec {
        height: 350px;
      }
      .drop-d-style-clr{
        position: absolute !important;
          margin: 0px !important;
          transform: translate3d(60px, 36px, 0px) !important;
          inset: 0px auto auto 0px;
      }
}
.v16-cart-button
{
    position: relative;
}
.v16-cart-button .v16-cart-badge{
    z-index: 999;
    background-color: red;
    height: 20px;
    width: 20px;
    text-align: center;
    font-size: 12px;
    padding: 5px;
    color: #fff;
    line-height: 10px;
    border-radius: 50px;
    position: absolute;
    top: -10px;
    left: 0px;
}


.header-style-s9-set {
    background-color: #f3e9c5;
}

.header-style-s9-set .logo {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
}

.header-style-s9-set .nav-link {
    color: #666;
    transition: color 0.3s;
    font-weight: bold;
}

.header-style-s9-set .nav-link:hover {
    color: #000;
}

.offcanvas-main-sidebar-style-set-d {
    position: fixed;
    left: -300px;
    top: 0;
    min-height: 100vh;
    width: 300px;
    background-color: white;
    z-index: 11;
    /* display: none; */
    transition: 0.3s;
}

.overlay-style-set-d-s {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.342);
    z-index: 10;
    display: none;
    transition: 0.3s;
}

.v17-crown-hero-section-style-set {
    background-color: #f3e9c5;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.v17-crown-hero-section-style-set .big-heading-main-hero-section {
    font-size: 20vw;
    text-align: center;
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
}

.bottom-icons-sidebar-fixed-style {
    width: 267px;
}

.nav-link-style-set-s {
    font-size: 20px;
}


.sidebar-list-height-set-style {
    height: 100vh;
}







.v17-crown-hero-section-style-set .hero-section-mid-main-image {
    /* height: 300px; */
    height: 55vh;
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    width: 20vw;
}

.v17-crown-hero-section-style-set .hero-section-para-crown {
    width: 360px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.v17-crown-hero-section-style-set .price-section-hero-btn-style-set .price-btn-set {
    background-color: white;
    padding: 7px 95px;
    border: 0;
}

/* Video player styles */
.v17-crown-hero-section-style-set .video-container {
    position: relative;
    height: 150px;
    width: 300px;
    overflow: hidden;
    margin-top: -100px;
}

.v17-crown-hero-section-style-set .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.v17-crown-hero-section-style-set .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    transition: background-color 0.3s ease;
}

.v17-crown-hero-section-style-set .play-button:hover {
    background-color: rgba(255, 255, 255, 1);
}

.v17-crown-hero-section-style-set .play-icon {
    font-size: 1.5rem;
    color: #333;
}

.v17-crown-hero-section-style-set .video-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    transition: opacity 0.3s ease;
}

.v17-crown-hero-section-style-set .thumbnail-hidden {
    opacity: 0;
}




.v17-crown-hero-section-style-set .carousel-indicators {
    bottom: 70px;

}

.v17-crown-hero-section-style-set .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 70px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: black;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

.v17-crown-hero-section-style-set .line-bar-style-para-set {
    height: 1px;
    width: 40%;
    background-color: black;
}


.bottom-icon-social-style-set {
    margin-top: -50px !important;
}

.v17-crown-hero-section-style-set .big-heading-main-hero-section {
    height: 50vh;
}

.v17-crown-hero-section-style-set .hero-section-para-crown {
    height: 10vh;
}

.price-section-hero-btn-style-set {
    height: 10vh;
}

.main-video-container-style-set {
    height: 20vh;
}


.cart-count-style {
    position: absolute;
    right: 0;
    top: -5px;
    background-color: #000;
    color: white;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 992px) {
    .v17-crown-hero-section-style-set .hero-section-para-crown {
        width: 100%;
    }

    .v17-crown-hero-section-style-set .video-container {
        margin-top: 50px;
    }

    .v17-crown-hero-section-style-set .main-video-container-style-set {
        display: flex;
        justify-content: center;
    }

    .v17-crown-hero-section-style-set .hero-section-mid-main-image {
        height: 180px;
        position: static;
        left: 0;
        top: 0;
        transform: none;
        z-index: 1;
        text-align: center;
        width: 100%;
    }

    .v17-crown-hero-section-style-set .hero-section-mid-main-image img {
        height: 100%;
        object-fit: cover;
    }



    .v17-crown-hero-section-style-set {
        height: 100%;
        overflow: auto;
    }

    .bottom-icon-social-style-set {
        margin-top: 30px !important;
    }

    .v17-crown-hero-section-style-set .carousel-indicators {
        bottom: 0px;

    }







    .v17-crown-hero-section-style-set .big-heading-main-hero-section {
        height: 100%;
    }

    .v17-crown-hero-section-style-set .hero-section-para-crown {
        height: 100%;
    }

    .price-section-hero-btn-style-set {
        height: 100%;
    }

    .main-video-container-style-set {
        height: 100%;
    }
}
.v6-header{
    background-color: #f3e9c5 !important;
}

/* Lumine Slider */ 



/* Mage Slider */

.mage_slider .dark-mage-header-style {
    background-color: white;
    padding: 7px;
    border-radius: 35px;
    position: absolute;
    top: 3%;
    left: 3%;
}

.mage_slider .dark-mage-header-style .navar-btn-style-s {
    background-color: #edd965;
    border: 0;
    border-radius: 25px;
    padding: 6px 17px;
}

.mage_slider .overlay-style-set-d-s {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.342);
    z-index: 10;
    display: none;
    transition: 0.3s;
}

.mage_slider .offcanvas-main-sidebar-style-set-d {
    position: fixed;
    left: -300px;
    top: 0;
    min-height: 100vh;
    width: 300px;
    background-color: white;
    z-index: 11;
    /* display: none; */
    transition: 0.3s;
}

.mage_slider .bottom-icons-sidebar-fixed-style {
    width: 267px;
}

.mage_slider .nav-link-style-set-s {
    font-size: 20px;
}

.mage_slider .sidebar-list-height-set-style {
    height: 100vh;
}

.mage_slider .dark-mage-hero-section-style-set {
    max-height: 100vh;
    overflow: hidden;
}

.mage_slider .dark-mage-hero-section-style-set .left-content-section {
    background: url("../images/mage-bg.jpg") center center no-repeat;
    background-size: cover;
    min-height: 100vh;
}

/* 
.dark-mage-hero-section-style-set .hero-right-side {
  width: 20%;
} */
.mage_slider .dark-mage-hero-section-style-set .content-main-hero {
    margin-top: 70px;
}

.mage_slider .dark-mage-hero-section-style-set .content-main-hero .first-heading {
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: 0.6rem;
}

.mage_slider .dark-mage-hero-section-style-set .content-main-hero .second-main-heading {
    font-size: 4.7rem;
    font-weight: bold;
    color: #edd965;
    line-height: 4rem;
}

.mage_slider .dark-mage-hero-section-style-set .content-main-hero .para-hero-section-left {
    font-size: 1.1rem;
    width: 280px;
}

.mage_slider .dark-mage-hero-section-style-set .content-main-hero .size-select-container-box {
    background-color: #c281f6;
    display: inline-block;
}

.mage_slider .dark-mage-hero-section-style-set .content-main-hero .button-size-select .btn-size-select-style-s {
    background-color: white;
    color: black;
    border: 0;
}

.mage_slider .dark-mage-hero-section-style-set .content-main-hero .button-size-select .active {
    background-color: black !important;
    color: white !important;
    border: 0 !important;
}

.mage_slider .dark-mage-hero-section-style-set .content-main-hero .add-to-cart {
    background-color: #edd965;
    display: inline-block;
}

.mage_slider .dark-mage-hero-section-style-set .img-style-shirt-set-s {
    /* height: 550px; */
    height: 430px;
}

.mage_slider .dark-mage-hero-section-style-set .img-style-shirt-set-s img {
    height: 100%;

    object-fit: cover;
    z-index: 1;
    position: relative;
}

.mage_slider .dark-mage-hero-section-style-set .img-style-shirt-set-s .circle-style-s {
    height: 350px;
    width: 350px;
    background-color: #edd965;
    border-radius: 50%;
    position: absolute;
    top: 15%;
}

/* Video player styles */
.mage_slider .dark-mage-hero-section-style-set .video-container {
    position: relative;
    /* height: 300px; */
    height: 45vh;
    width: 100%;
    overflow: hidden;
}

.mage_slider .dark-mage-hero-section-style-set .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mage_slider .dark-mage-hero-section-style-set .play-button {
    position: absolute;
    bottom: 5%;
    left: 5%;
    /* transform: translate(-50%, -50%); */
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    transition: background-color 0.3s ease;
}

.mage_slider .dark-mage-hero-section-style-set .play-button:hover {
    background-color: rgba(255, 255, 255, 1);
}

.mage_slider .dark-mage-hero-section-style-set .play-icon {
    font-size: 1.5rem;
    color: #333;
}

.mage_slider .dark-mage-hero-section-style-set .video-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    transition: opacity 0.3s ease;
}

.mage_slider .dark-mage-hero-section-style-set .thumbnail-hidden {
    opacity: 0;
}


/* YouTube Modal Styles */
.mage_slider .dark-mage-hero-section-style-set .youtube-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.mage_slider .dark-mage-hero-section-style-set .youtube-modal-content {
    width: 80%;
    max-width: 800px;
    position: relative;
}

.mage_slider .dark-mage-hero-section-style-set .youtube-modal-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    font-size: 30px;
    cursor: pointer;
    background: none;
    border: none;
}

.mage_slider .dark-mage-hero-section-style-set .youtube-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.mage_slider .dark-mage-hero-section-style-set .youtube-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.mage_slider .right-bottom-content-style-set {
    font-size: 2.5vh;
}

.mage_slider .right-bottom-content-style-set .first {
    font-size: 1.2vw;
}

.mage_slider .right-bottom-content-style-set .second {
    font-size: 1.1vw;
}

.mage_slider .bottom-box-full-style-set {
    height: 49vh;
}


.mage_slider .cart-count-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 50%;
    background-color: #edd965;
    color: black;
    width: 18px;
    height: 18px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media (max-width: 992px) {
    .mage_slider .dark-mage-hero-section-style-set .inner-main-box-container-style {
        flex-direction: column;
    }

    .mage_slider .dark-mage-hero-section-style-set .left-content-section {
        width: 100%;
    }

        .mage_slider .dark-mage-hero-section-style-set .hero-right-side {
        width: 100%;
    }

        .mage_slider .dark-mage-hero-section-style-set {
        max-height: 100%;
        overflow: auto;
        overflow-x: hidden;
    }

        .mage_slider .right-bottom-content-style-set {
        font-size: 18px;
    }

        .mage_slider .right-bottom-content-style-set .first {
        font-size: 18px;
    }

        .mage_slider .right-bottom-content-style-set .second {
        font-size: 18px;
    }

        .mage_slider .bottom-box-full-style-set {
        height: 100%;
    }

        .mage_slider .hero-right-side {
        padding-left: 13px !important;
    }

        .mage_slider .dark-mage-hero-section-style-set .img-style-shirt-set-s {
        /* height: 550px; */
        height: 390px;
    }
}

@media (max-width: 767px) {
    .mage_slider .dark-mage-hero-section-style-set .img-style-shirt-set-s {
        text-align: center;
    }

        .mage_slider .dark-mage-hero-section-style-set .img-style-shirt-set-s .circle-style-s {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

        .mage_slider .dark-mage-hero-section-style-set .content-main-hero {
        margin-top: 90px;
    }
}

@media (max-width: 575px) {
    .mage_slider .dark-mage-hero-section-style-set .content-main-hero .second-main-heading {
        font-size: 3.5rem;
    }

        .mage_slider .dark-mage-header-style {
        width: 94%;
        font-size: 12px;
    }
}

/* Fastfood Slider */

.fastfood-slider .navbar {
    padding: 1rem 2rem;
    background-color: white;
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.1); */
}

.fastfood-slider .navbar-brand {
    font-size: 24px;
    font-weight: bold;
}

.fastfood-slider .navbar-brand span {
    color: #ff6b6b;
    font-weight: normal;
}

.fastfood-slider .nav-link {
    color: #333;
    margin: 0 1rem;
}

.fastfood-slider .order-now-btn {
    background-color: #ffd43b;
    color: white;
    padding: 8px 20px;
    border-radius: 25px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.fastfood-slider .order-now-btn:hover {
    background-color: #fab005;
    color: white;
}

.fastfood-slider .icon-btn {
    color: #333;
    margin-left: 1rem;
    font-size: 1.2rem;
    text-decoration: none;
}

@media (max-width: 991px) {
    .fastfood-slider .navbar-collapse {
        margin-top: 1rem;
    }

        .fastfood-slider .order-now-btn {
        margin-top: 1rem;
        display: inline-block;
    }

        .fastfood-slider .icon-btn {
        margin-top: 1rem;
        margin-left: 0;
        display: inline-block;
    }
}



.fastfood-slider .hero-section-style {
    /* min-height: calc(100vh - 70px); */
    min-height: 100vh;
    align-content: center;
}

.fastfood-slider .hero-section-style .left-content-side h1 {
    margin-left: -12px;
}

.fastfood-slider .hero-section-style .left-content-side .outline-text {
    font-size: 70px;
    font-weight: bold;
    fill: none;
    stroke: #DC3545;
    stroke-width: 2px;
}

.fastfood-slider .hero-section-style .left-content-side .solid-text {
    font-size: 70px;
    font-weight: bold;
    fill: #DC3545;
}



.fastfood-slider .hero-section-style .left-content-side .total-heading-set-style-section {
    font-size: 38px;
}

.fastfood-slider .hero-section-style .left-content-side .price-total {
    color: #DC3545;
}


.fastfood-slider .buy-now-box-style-set-s {
    background-color: black;
    border-radius: 20px;
    padding: 5px;
    color: white;
    max-width: 217px;
}

.fastfood-slider .buy-now-box-style-set-s .circle {
    background-color: #DC3545;
    border-radius: 50%;
    padding: 7px;
}

.fastfood-slider .buy-now-box-style-set-s .buy-now {
    font-size: 24px;
    font-weight: bold;
}



.fastfood-slider .right-content-side .main-image {
    height: 300px;
}

.fastfood-slider .right-content-side .main-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.fastfood-slider .right-content-side .time-rating-box-style .clock-time {
    background-color: #f5dee0;
    border-radius: 10px;
    padding: 5px 12px;
    align-content: center;
    max-width: 125px;
    display: flex;
    align-items: center;
}

.fastfood-slider .right-content-side .time-rating-box-style .clock-time svg {
    color: #DC3545;

}


.fastfood-slider .right-content-side .time-rating-box-style .rating {
    background-color: #f4f5c8;
    border-radius: 10px;
    padding: 5px 12px;
    align-content: center;
    max-width: 125px;
    display: flex;
    align-items: center;
}

.fastfood-slider .right-content-side .time-rating-box-style .rating svg {
    color: #fab005;

}

.fastfood-slider .hero-section-style .left-content-side .para-style-sec {
    margin-right: 140px;
}


.fastfood-slider .bg-gradient-style-set-s {
    background: linear-gradient(180deg, rgba(220, 53, 69, 1) 0%, rgb(255 253 253) 100%);
    position: absolute;
    top: 0;
    right: 0;
    height: 50%;
    width: 40%;
    z-index: -1;
}


.fastfood-slider .header-section {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}


@media(max-width: 997px) {
    .fastfood-slider .bg-gradient-style-set-s {
        display: none;
    }

        .fastfood-slider .left-content-side {
        padding-top: 100px;
        /* padding-bottom: 100px; */
    }

        .fastfood-slider .para-style-sec {
        margin-right: 0 !important;
    }
}


/* Mordern Building */

.mordern_building {
    --background-gradient: linear-gradient(to right, #f0f0f0, #e0e0e0);
    --primary-purple: #7b1fa2;
    --text-color: #222;
}

/* Header styling */
.mordern_building .header-container {
    background: transparent;
    position: relative;
    width: 100%;
    /* padding: 15px 0; */
    /* border-bottom: 1px solid rgba(0,0,0,0.1); */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 11;
}

.mordern_building .header-container .left-bar-content-style-s {
    border-bottom-right-radius: 10px;
}

/* Logo styling */
.mordern_building .header-container .logo-text {
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 0.9;
    color: var(--text-color);
    /* text-transform: lowercase; */
    letter-spacing: -1px;
    align-content: center;
}

.mordern_building .header-container .logo-text span {
    display: block;
}

/* Menu button styling */
.mordern_building .header-container .menu-btn {
    background-color: var(--primary-purple);
    border: none;
    color: white;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* z-index: 1100; */
    position: relative;
}

.mordern_building .header-container .menu-btn i {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.mordern_building .header-container .menu-open .menu-btn i.fa-bars {
    transform: rotate(90deg);
}

/* Navigation links */
.mordern_building .header-container .nav-links {
    display: flex;
    gap: 30px;
    margin-bottom: 0;

}

.mordern_building .header-container .nav-links a {
    color: var(--text-color);
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 500;
    transition: color 0.2s ease;
}

.mordern_building .header-container .nav-links a:hover {
    color: var(--primary-purple);
}

/* Search box */
.mordern_building .header-container .search-box {
    position: relative;
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 20px;
}

.mordern_building .header-container .search-input {
    background-color: transparent;
    border: none;
    padding: 5px 10px;
    padding-right: 40px;
    color: #555;
    outline: none;
    width: 180px;
}

.mordern_building .header-container .search-input::placeholder {
    color: #777;
    font-style: italic;
}

.mordern_building .header-container .search-btn {
    background-color: var(--primary-purple);
    border: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: absolute;
    right: 0;
}

/* User icon */
.mordern_building .header-container .user-btn {
    background-color: #222;
    border: none;
    /* width: 35px;
    height: 35px; */
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
}


.mordern_building .overlay-style-set-d-s {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.342);
    z-index: 10;
    display: none;
    transition: 0.3s;
}


.mordern_building .offcanvas-main-sidebar-style-set-d {
    position: fixed;
    left: -300px;
    top: 0;
    min-height: 100vh;
    width: 300px;
    background-color: white;
    z-index: 11;
    /* display: none; */
    transition: 0.3s;
}

.mordern_building .bottom-icons-sidebar-fixed-style {
    width: 267px;
}

.mordern_building .nav-link-style-set-s {
    font-size: 20px;
}


.mordern_building .sidebar-list-height-set-style {
    height: 100vh;
}





/* Mobile menu */
.mordern_building .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(-100%);
    transition: transform 0.4s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

.mordern_building .menu-open .mobile-menu {
    transform: translateY(0);
}

.mordern_building .mobile-nav-links {
    list-style: none;
    padding: 0;
    text-align: center;
}

.mordern_building .mobile-nav-links li {
    margin: 20px 0;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.mordern_building .menu-open .mobile-nav-links li {
    opacity: 1;
    transform: translateY(0);
}

.mordern_building .menu-open .mobile-nav-links li:nth-child(1) {
    transition-delay: 0.1s;
}

.mordern_building .menu-open .mobile-nav-links li:nth-child(2) {
    transition-delay: 0.2s;
}

.mordern_building  .menu-open .mobile-nav-links li:nth-child(3) {
    transition-delay: 0.3s;
}

.mordern_building .mobile-nav-links a {
    color: var(--text-color);
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: lowercase;
    transition: color 0.2s ease;
}

.mordern_building .mobile-nav-links a:hover {
    color: var(--primary-purple);
}

/* Nissan Slider */

.nisan_slider .nissan-header-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.nisan_slider .nissan-main-container-section {
    max-height: 100vh;
    background: url("../images/sliders/nisan/bg.jpg") center center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.nisan_slider .nissan-main-container-section .inner-cont {
    min-height: 100vh;
}

.nisan_slider .nissan-main-container-section .inner-cont .inner-row {
    min-height: 75vh;
}

.nisan_slider .nissan-main-container-section .left-content h1 {
    font-size: 90px;
}

.nisan_slider .nissan-main-container-section .left-content p {
    font-size: 19px;
}

.nisan_slider .nissan-main-container-section .left-content .pre-oder-btn-style-set-s {
    background-color: black;
    border-radius: 12px;
    padding: 13px 50px;
    color: white;
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
}

.nisan_slider .nissan-main-container-section .right-content {
    border: 1px solid white;
    border-radius: 15px;
    background: linear-gradient(135deg,
            rgba(204, 204, 204, 0.281),
            rgba(170, 170, 170, 0.26));
    width: 400px;

    /* Adding backdrop filter for glass blur effect */
    backdrop-filter: blur(15px);
    /* Increase the blur value for more effect */
    -webkit-backdrop-filter: blur(15px);
    /* Safari support */

    /* Optional: You can adjust opacity for a better glass effect */
    opacity: 0.9;
    /* Adjust the transparency to make the effect more prominent */
}

.nisan_slider .nissan-main-container-section .right-content .right-para-content p {
    line-height: 17px;
}

.nisan_slider .left-bumber-front-style-set {
    width: 60px;
    position: relative;
    background-color: white;
    clip-path: polygon(100% 0%, 100% 100%, 50% 61%, 11% 12%, 24% 0%);
    margin-right: -1px;
}

/* .left-bumber-front-style-set::before {
    content: '';
    position: absolute;
    left: -18px;
    bottom: -42px;
    background-color: transparent;
    height: 67px;
    width: 40px;
    box-shadow: 15px 0px blue;
    transform: rotate(-47deg);
} */
.nisan_slider .right-bumber-front-style-set {
    width: 60px;
    position: relative;
    background-color: white;
    clip-path: polygon(0% 0%, 0% 100%, 50% 61%, 89% 12%, 76% 0%);
    margin-left: -1px;
}

.nisan_slider .left-bmp-style-set-s-d {
    /* Adding backdrop filter for glass blur effect */
    backdrop-filter: blur(15px);
    /* Increase the blur value for more effect */
    -webkit-backdrop-filter: blur(15px);
    /* Safari support */

    /* Optional: You can adjust opacity for a better glass effect */
    opacity: 0.9;
    /* Adjust the transparency to make the effect more prominent */
    background: linear-gradient(135deg,
            rgba(204, 204, 204, 0.637),
            rgba(170, 170, 170, 0.26));

    /* background-color: red; */
    clip-path: polygon(0% 0%,
            85% 0%,
            82% 17%,
            87% 50%,
            98% 100%,
            10% 100%,
            2% 50%);
    margin-right: -45px;
}

.nisan_slider .left-bmp-style-set-s-d ul {
    margin-right: 60px;
}

.nisan_slider .left-bmp-style-set-s-d {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

    background: linear-gradient(135deg,
            rgba(204, 204, 204, 0.637),
            rgba(170, 170, 170, 0.26));

    clip-path: polygon(0% 0%,
            85% 0%,
            82% 17%,
            87% 50%,
            98% 100%,
            10% 100%,
            2% 50%);
    margin-right: -45px;
}

.nisan_slider .left-bmp-style-set-s-d ul {
    margin-right: 60px;
}

.nisan_slider .right-bmp-style-set-s-d {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

    background: linear-gradient(135deg,
            rgba(204, 204, 204, 0.637),
            rgba(170, 170, 170, 0.26));

    clip-path: polygon(100% 0%,
            15% 0%,
            18% 17%,
            13% 50%,
            2% 100%,
            90% 100%,
            98% 50%);

    margin-left: -45px;
}

.nisan_slider .right-bmp-style-set-s-d .welcome-container {
    margin-left: 60px;
}


.nisan_slider .slide-content img{
    width:100%;
    object-fit: cover;
    height:120px !important;
}








.welcome-container {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.welcome-text {
    color: white;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.separator {
    color: white;
    margin: 0 4px;
}

.avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    background-color: #ccc;
}


















.nissan-main-container-section .slider-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.nissan-main-container-section .video-slider
{
    display: flex;
}

.nissan-main-container-section .video-slide {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: 3px solid #fff;
    cursor: pointer;
    height: 0;
    padding-bottom: 12.25%;
    width:25%;
    /* 16:9 aspect ratio */
}

.nissan-main-container-section .slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.nissan-main-container-section .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.nissan-main-container-section .video-slide:hover .play-button {
    opacity: 1;
}

.nissan-main-container-section .play-icon {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid white;
    border-bottom: 10px solid transparent;
    margin-left: 5px;
}

.nissan-main-container-section .slick-prev,
.nissan-main-container-section .slick-next {
    z-index: 10;
    width: 40px;
    height: 40px;
}

.nissan-main-container-section .slick-prev {
    left: -5px;
}

.nissan-main-container-section .slick-next {
    right: -5px;
}

.nissan-main-container-section .slick-prev:before,
.slick-next:before {
    font-size: 40px;
    color: white;
    opacity: 0.8;
}

/* Video Modal */
.nissan-main-container-section .video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.nissan-main-container-section .modal-content {
    position: relative;
    width: 80%;
    max-width: 900px;
}

.nissan-main-container-section .close-modal {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    font-size: 30px;
    background: none;
    border: none;
    cursor: pointer;
}

.nissan-main-container-section .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.nissan-main-container-section .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}















.overlay-style-set-d-s {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.342);
    z-index: 10;
    display: none;
    transition: 0.3s;
}


.offcanvas-main-sidebar-style-set-d {
    position: fixed;
    left: -300px;
    top: 0;
    min-height: 100vh;
    width: 300px;
    background-color: white;
    z-index: 11;
    /* display: none; */
    transition: 0.3s;
}

#sideBarCloseBtn {
    display: block;
    text-align: center;
}

.mobile-view-menu-style-set {
    display: none;
}

.bottom-icons-sidebar-fixed-style {
    width: 267px;
}

.nav-link-style-set-s {
    font-size: 20px;
    text-align: start;
}


.sidebar-list-height-set-style {
    height: 100vh;
}


.cart-count-style {
    position: absolute;
    right: -7px;
    top: -5px;
    background-color: #000;
    color: white;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}















.modern-building-site-section-style-hero {
    max-height: 100vh;
    overflow: hidden;
}

.modern-building-site-section-style-hero .carousel-indicators {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
    right: auto;
    flex-direction: column;
}

.modern-building-site-section-style-hero .carousel-indicators button {
    background-color: transparent;
    width: 55px;
    height: 70px;
    color: white;
    text-indent: 0;
    border-radius: 35px;
    font-weight: bold;
    border: 1px solid white;
    opacity: 1;

}

.modern-building-site-section-style-hero .carousel-indicators .active {
    background-color: #7806ce;
    border: 1px solid #7806ce;
}


.modern-building-site-section-style-hero .building-content-mod-style-set {
    position: absolute;
    bottom: 0;
    left: 3%;
    color: white;
    font-weight: bold;
}

.modern-building-site-section-style-hero .building-content-mod-style-set h1 {
    font-size: 10vw;
    font-weight: bold;
}

.modern-building-site-section-style-hero .building-content-mod-style-set h4 {
    font-size: 3.4vw;
    font-weight: bold;
}

.modern-building-site-section-style-hero .building-slider-style {
    min-height: 100vh;
}

.modern-building-site-section-style-hero .building-slider-style .carousel-inner {
    min-height: 100vh;
}

.modern-building-site-section-style-hero .building-slider-style .carousel-inner .carousel-item {
    min-height: 100vh;
}

.modern-building-site-section-style-hero .building-slider-style .carousel-inner .carousel-item img {
    height: 100vh;
    object-fit: cover;
}


.modern-building-site-section-style-hero .carousel-control-next {
    opacity: 1;
    width: 100px;
    right: 0;
}

.modern-building-site-section-style-hero .carousel-control-next .circle-arrow-style {
    background-color: black;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.bg-style-w-set-arrow-forward {
    background-color: white;
    padding: 18px;
    border-radius: 50%;
    position: relative;

}

.bg-style-w-set-arrow-forward::after {
    content: '';
    position: absolute;
    background-color: transparent;
    box-shadow: 99px -67px 0 white;
    height: 172px;
    width: 158px;
    border-radius: 50%;
    right: 17px;
    bottom: -168px;
    z-index: -1;
}

.bg-style-w-set-arrow-forward::before {
    content: '';
    position: absolute;
    background-color: transparent;
    box-shadow: 99px 67px 0 white;
    height: 172px;
    width: 158px;
    border-radius: 50%;
    right: 17px;
    top: -168px;
    z-index: -1;
}

.cart-count-circle {
    background-color: white;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: -5px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;

}






.slider-box-cont-x {
    background-color: #f5dee0;
    border-radius: 40px;
    padding: 7px;
    max-width: 84px;
}



.slider-box-cont-x .image-circle {
    border-radius: 50%;
    border: 2px solid white;
    height: 70px;
    width: 70px;
    background-color: white;
}

.slider-box-cont-x .image-circle img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.slider-box-cont-x .price-style {
    color: #DC3545;
}

.clr-style-slid-set {
    background-color: #ffd43b !important;
}







.slider-categories-box-style-se .slider-container {
    position: relative;
    max-width: 360px;
    /* Allow full responsiveness */
    margin: 0 auto;
    overflow: hidden;
}

.slider-categories-box-style-se .slider-wrapper {
    display: flex;
    transition: transform 0.3s ease;
    /* Smooth transition for sliding */
}

.slider-categories-box-style-se .slider-box {
    flex: 0 0 calc(18.33% - 20px);
    /* Adjust for mobile responsiveness */
    margin: 0 10px;
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box;
}

.slider-categories-box-style-se .slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s ease;
}

.slider-categories-box-style-se .slider-nav:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.slider-categories-box-style-se .slider-prev {
    left: 0px;
    background-color: #DC3545;
    height: 20px;
    border-radius: 5px;
    width: 17px;
}

.slider-categories-box-style-se .slider-next {
    right: 0px;
    background-color: #DC3545;
    height: 20px;
    border-radius: 5px;
    width: 17px;
}

.slider-categories-box-style-se .slider-nav.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.overlay-style-set-d-s {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.342);
    z-index: 10;
    display: none;
    transition: 0.3s;
}


.offcanvas-main-sidebar-style-set-d {
    position: fixed;
    left: -300px;
    top: 0;
    min-height: 100vh;
    width: 300px;
    background-color: white;
    z-index: 11;
    /* display: none; */
    transition: 0.3s;
}


.mobile-view-menu-style-set {
    display: none;
}

.bottom-icons-sidebar-fixed-style {
    width: 267px;
}

.nav-link-style-set-s {
    font-size: 20px;
    text-align: start;
}


.sidebar-list-height-set-style {
    height: 100vh;
}


.logitech_slider {
    background-color: #202020;
    padding-bottom: 20px !important;
}

.logitech_slider .bg-globa-clr-set {
    background-color: var(--primary-color);
}

.logitech_slider #sliderContainer {
    height: 100vh;
    max-height: 100vh;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.logitech_slider #rightBar {
    margin-top: 10px;
    margin-bottom: 10px;

    min-height: 96vh;
    border-radius: 30px;
}

.logitech_slider #leftBar {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #090909;
    min-height: 96vh;
    border-radius: 30px;

}

.logitech_slider #middleBar {
    min-height: 95vh;
    background-color: #0E0E0E;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 30px;
    position: relative;
    z-index: 9999 !important;
    border-left: unset;

}

.logitech_slider #bottomBox {
    height: 38vh;
    /* overflow: hidden; */
    background-color: black;
    width: 40%;
    position: absolute;
    bottom: 0px;
    left: -10px;
    border-radius: 60px;
    border: 20px solid #202020;
}
.logitech_slider #rightMiddleBar {
    min-height: 96vh;
    width: 100%;
    border-radius: 40px;
    z-index: 3;
    /* background-color: #090909; */

}

.logitech_slider #middle .bg-style-svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.logitech_slider #middle {
    display: flex;
    /* margin-top: 10px; */
    min-height: 94vh;
    position: relative;

}





.logitech_slider #bottomBox .add-to-cart-hero-box-style {
    background-color: white;
    border-radius: 35px;
    color: black;
    padding: 3px;
    padding-left: 10px;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}

.logitech_slider #bottomBox .arrow-p-button-link-style-s {
    position: absolute;
    top: -50px;
    right: 60px;
}

.logitech_slider #bottomBox .bottom-right-curve-style {
    position: absolute;
    bottom: -47px;
    right: -102px;
}

.logitech_slider #bottomBox .top-left-curve-style {
    position: absolute;
    top: -83px;
    left: -46px;
}

.logitech_slider #headerSection {
    z-index: 4;
    /* margin-top: 10px; */
}

.logitech_slider #headerSection .right-header-desktop-menu {
    /* background-color: #090909; */

    /* border-top-right-radius: 40px; */
    margin-right: 25px;
}

.logitech_slider #headerSection .left-header-desktop-menu a {
    font-size: 14px;
    margin-right: 5px !important;
}





.logitech_slider #rightBar .first-box {
    background-color: #090909;
    border-radius: 20px;
    height: 40vh;
}

.logitech_slider #rightBar .first-box h5 {
    font-size: 2.3vh;
}

.logitech_slider #rightBar .first-box p {
    font-size: 1.5vh;
}



.logitech_slider #rightBar .carousel-item {
    /* height: 120px; */
    height: 15vh;
    border-radius: 20px;
}

.logitech_slider #rightBar .carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.logitech_slider #rightBar .carousel-indicators {
    position: static;
}

.logitech_slider #rightBar .carousel-indicators button {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.logitech_slider #rightBar .para-right-sound {
    font-size: 13px;
    line-height: 1rem;
    color: #c4c4c4;
}





.logitech_slider #rightBar .second-box {
    align-content: center;
    height: 54vh !important;
    background-color: #090909;
    border-radius: 20px;
}

.logitech_slider #rightBar .second-box h5 {
    font-size: 2.3vh;
    color: white;
}

.logitech_slider #rightBar .second-box p {
    font-size: 1.5vh;
}

.logitech_slider #rightBar .second-box .mid-scenaro-img-style-s-d {
    height: 200px;
}

.logitech_slider #rightBar .second-box .add-right-stero-btn-style-s {
    padding: 7px 12px;
    border-radius: 50%;
    align-content: center;
}











.logitech_slider #leftBar ul li a {

    border-radius: 50%;
    padding: 15px;
    margin-bottom: 10px;
    display: inline-block;
    transition: 0.5s;
}

.logitech_slider #leftBar ul li a:hover {
    background-color: white;

    color: black !important;
}







.logitech_slider #middle .logo-mid {

    width: 300px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.logitech_slider #middle .logo-mid a {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.logitech_slider  #middle .logo-mid .rounded-right-s {
    position: absolute;
    right: -30px;
    top: -2px;
}

.logitech_slider  #middle .logo-mid .rounded-left-s {
    position: absolute;
    left: -30px;
    top: -2px;
}


.logitech_slider #headerSection {
    width: 100%;
}

.logitech_slider .overlayStyleSectionSS {
    background-color: rgba(0, 0, 0, 0.377);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    /* opacity: 0; */
    display: none;
    transition: 0.3s;
}



.logitech_slider #leftBar ul li a {

    border-radius: 50%;
    padding: 15px;
    margin-bottom: 10px;
    display: inline-block;
    transition: 0.5s;
}

.logitech_slider #leftBar ul li a:hover {
    background-color: white;

    color: black !important;
}







.logitech_slider #middle .logo-mid {

    width: 300px;
    z-index: 9999 !important;
}

.logitech_slider #middle .logo-mid a {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}




.logitech_slider #headerSection {
    width: 100%;
}

.logitech_slider .overlayStyleSectionSS {
    background-color: rgba(0, 0, 0, 0.377);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    /* opacity: 0; */
    display: none;
    transition: 0.3s;
}
.lumine-slider
{
    background-color: white;
}
.lumine-slider .bg-global-clr {
    background-color: transparent;
}

/* Header styling */
.lumine-slider .header-container {
    background: transparent;
    position: relative;
    width: 100%;
}

.lumine-slider .header-container .left-bar-content-style-s {
    border-radius: 20px;
    height:50px;
    overflow: hidden;
}

/* Logo styling */
.lumine-slider .header-container .logo-text {
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 0.9;
    color: white;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.lumine-slider .header-container .logo-text span {
    display: block;
    font-size: 18px !important;
}


/* Menu button styling */
.lumine-slider .header-container .menu-btn {
    background-color: #e490dc;
    border: none;
    color: black;
    text-align: center;
    border-radius: 15px;
    position: relative;
    margin-left: 2px !important;
    padding: 14px 19px;
}
.lumine-slider .header-container .menu-btn i {
    font-size: 1rem;
    transition: transform 0.3s ease;
}

.lumine-slider .header-container .menu-open .menu-btn i.fa-bars {
    transform: rotate(90deg);
}

/* Navigation links */
.lumine-slider .header-container .nav-links {
    display: flex;
    gap: 30px;
    margin-bottom: 0;
}

.lumine-slider .header-container .nav-links a {
    color: #222;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 500;
    transition: color 0.2s ease;
}

.lumine-slider .header-container .nav-links a:hover {
    color: #7b1fa2;
}

/* Search box */
.lumine-slider .header-container .search-box {
    position: relative;
    display: flex;
    align-items: center;
    background-color: black;
    border-radius: 20px;
    height: 50px;
}

.lumine-slider .header-container .search-input {
    background-color: transparent;
    border: none;
    padding: 5px 10px;
    padding-right: 40px;
    color: white;
    outline: none;
    width: 180px;
}



.lumine-slider .header-container .search-input::placeholder {
    color: #fff !important;
    font-style: italic;
}

.lumine-slider .header-container .search-btn {
    background-color: #e490dc;
    border: none;
    color: black;
    text-align: center;
    border-radius: 15px;
    position: relative;
    padding: 14px 19px;
    color: white;
    position: absolute;
    right: 3px;
    top:1.5px;
}

/* User icon */
.lumine-slider .header-container .user-btn {
    background-color: #222;
    border: none;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 16px;
}
.lumine-slider .lumine_welcome_text
{
    height:50px;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 15px;
    padding-top: 20px;
    font-size:18px;
    line-height: 13px;

}

.lumine-slider .lumine_welcome_text .small_text
{
    font-size:12px !important;
    font-weight: 700;
}


/* Mobile menu */
.lumine-slider .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(-100%);
    transition: transform 0.4s cubic-bezier(0.77, 0.2, 0.05, 1);
}

.lumine-slider .menu-open .mobile-menu {
    transform: translateY(0);
}

.lumine-slider .mobile-nav-links {
    list-style: none;
    padding: 0;
    text-align: center;
}

.lumine-slider .mobile-nav-links li {
    margin: 20px 0;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.lumine-slider .menu-open .mobile-nav-links li {
    opacity: 1;
    transform: translateY(0);
}

.lumine-slider .menu-open .mobile-nav-links li:nth-child(1) {
    transition-delay: 0.1s;
}

.lumine-slider .menu-open .mobile-nav-links li:nth-child(2) {
    transition-delay: 0.2s;
}

.lumine-slider .menu-open .mobile-nav-links li:nth-child(3) {
    transition-delay: 0.3s;
}

.lumine-slider .mobile-nav-links a {
    color: #222;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: lowercase;
    transition: color 0.2s ease;
}

.lumine-slider .mobile-nav-links a:hover {
    color: #7b1fa2;
}

.lumine-slider .overlay-style-set-d-s {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.342);
    z-index: 109;
    display: none;
    transition: 0.3s;
}

.lumine-slider .offcanvas-main-sidebar-style-set-d {
    position: fixed;
    left: -300px;
    top: 0;
    min-height: 100vh;
    width: 300px;
    background-color: white;
    z-index: 110;
    transition: 0.3s;
}

.lumine-slider #sideBarCloseBtn {
    display: block;
    text-align: center;
}

.lumine-slider .mobile-view-menu-style-set {
    display: none;
}

.lumine-slider .bottom-icons-sidebar-fixed-style {
    width: 267px;
}

.lumine-slider .nav-link-style-set-s {
    font-size: 20px;
    text-align: start;
}

.lumine-slider .sidebar-list-height-set-style {
    height: 100vh;
}

.lumine-slider .lumine-scene-main-container-style-set {
    max-height: 91vh;
    overflow: hidden;
}

.lumine-slider .lumine-scene-main-container-style-set .bottom-tex-style-s-sd {
    position: relative;
    z-index: 25;
    font-size: 14px;
}

.lumine-slider .lumine-scene-main-container-style-set .botton-content-hero-section-style {
    position: absolute;
    bottom: 0;
    left: 0;
}

.lumine-slider .lumine-scene-main-container-style-set .botton-content-hero-section-style .first {

    border-top-right-radius: 25px;
    display: inline-block;
    padding-top: 20px;
    padding-right: 30px;
    position: relative;
    z-index: 23;
    font-size: 2.8vw;
    font-weight: 400;
    background-color: #fff;
}
.lumine-slider .lumine-scene-main-container-style-set .curve-box-1 {
    width: 41px;
    height: 41px;
    -webkit-mask: radial-gradient(circle 45px at 89% 12%, transparent 80%, #000 82%);
    mask: radial-gradient(circle 45px at 89% 12%, transparent 81%, #000 82%);
}

.lumine-slider .lumine-scene-main-container-style-set .curve-box-1 .cut-circ {
    width: 100%;
    height: 100%;

}

.lumine-slider .lumine-scene-main-container-style-set .curve-box-2 {
    width: 41px;
    height: 41px;
    -webkit-mask: radial-gradient(circle 45px at 89% 12%, transparent 80%, #000 82%);
    mask: radial-gradient(circle 45px at 89% 12%, transparent 81%, #000 82%);
    display: inline-block;
    margin: 0 0 -17px -5px;
}

.lumine-slider .lumine-scene-main-container-style-set .curve-box-2 .cut-circ {
    width: 100%;
    height: 100%;
}
.lumine-slider .lumine-scene-main-container-style-set .curve-box-3 {
    width: 35px;
    height: 35px;
    -webkit-mask: radial-gradient(circle 45px at 89% 12%, transparent 80%, #000 82%);
    mask: radial-gradient(circle 45px at 100% -5%, transparent 81%, #000 82%);
    display: inline-block;
    margin: 1px 0 0px 0px;
}

.lumine-slider .lumine-scene-main-container-style-set .curve-box-3 .cut-circ {
    width: 100%;
    height: 100%;
}
.lumine-slider .lumine-scene-main-container-style-set .botton-content-hero-section-style .second {

    border-top-right-radius: 25px;
    padding-right: 35px;
    z-index: 23;
    position: relative;
    font-size: 2.8vw;
    font-weight: 400;
    border-top: 10px solid #fff;
}

.lumine-slider .lumine-scene-main-container-style-set .inner-heading-diff-style {
    color: #e490dc;
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px #e490dc;
    
    /* Adjust values as needed */
}
.lumine-slider .lumine-scene-main-container-style-set .scr-dwon-style-set-s {
    position: absolute;
    bottom: 10px;
    left: 45%;
    color: white;
    font-weight: 500;
}

.lumine-slider .lumine-scene-main-container-style-set .right-img-section-style-hero {
    width: 100px;
    height: 15vh;
    border-top:3px solid #e490dc;
    border-bottom: 3px solid #e490dc;
    border-radius: 20px;
}

.lumine-slider .lumine-scene-main-container-style-set .right-handcraft-style-section {

    margin-left: -111px;
    z-index: 12;
    position: relative;
    border-top-left-radius: 25px;
    background-color: #fff4fa;
    border: 20px solid #fff;
    height: 33vh;
}


.lumine-slider .lumine-scene-main-container-style-set .right-handcraft-style-section .heart-right-sec-style-s {
    background-color: #e490dc;
    border-radius: 50%;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2px;
}

.lumine-slider .lumine-scene-main-container-style-set .right-handcraft-style-section .inner-l-style {
    color: #e490dc;
}


.lumine-slider .lumine-scene-main-container-style-set .mid-line-box-s {
    margin-top: -5px;
}

.lumine-slider .main-mid-img-section-style-s {
    height: 81vh;
}

.lumine-slider .lumine-scene-main-container-style-set .right-handcraft-style-section .inner-style {
    height: 30vh;
}

.lumine-slider .bottom-left-heading-style-set-s {
    font-size: 2vh;
}

.lumine-slider .bottom-left-heading-style-set-s-para {
    font-size: 1.9vh;
    line-height: 1.2rem;
}


.lumine-slider .cart-count-circle {
    background-color: #7b1fa2;
    width: 18px;
    height: 18px;
    color: white;
    position: absolute;
    top: -4px;
    right: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding: 2px;
    border-radius: 50%;
}


.lumine-slider .user-profile-circle-set .login {
    background-color: #222;
    border-radius: 25px;
    color: white;
    text-align: center;
    transition: 0.5s;
}

.lumine-slider .user-profile-circle-set .signup {
    background-color: white;
    border-radius: 25px;
    color: #222;
    text-align: center;
    border: 1px solid #222;
    transition: 0.5s;
}

.lumine-slider .user-profile-circle-set .login:hover {
    background-color: black;
}

.lumine-slider .user-profile-circle-set .signup:hover {
    background-color: #222;
    color: white;
}


.lumine-slider .drop-d-style-clr {
    position: absolute !important;
    margin: 0px !important;
    transform: translate3d(56px, 40px, 0px) !important;
    inset: 0px auto auto 0px;
}



.lumine-slider #headerSection .offcanvas-main-sidebar-style-set-d {
    position: fixed;
    left: -300px;
    top: 0;
    min-height: 100vh;
    width: 300px;
    background-color: white;
    z-index: 11;
    /* display: none; */
    transition: 0.3s;
}


.lumine-slider .mobile-view-menu-style-set {
    display: none;
}

.lumine-slider .bottom-icons-sidebar-fixed-style {
    width: 267px;
}

.lumine-slider .nav-link-style-set-s {
    font-size: 20px;
    text-align: start;
}


.lumine-slider .sidebar-list-height-set-style {
    height: 100vh;
}
.lumine-slider .bottomButtons
{
    border:1px solid #0D0828;
    color:#0D0828;
    padding: 5px 30px;
}