*,
ul {
    padding: 0
}

.art_in_every_detail_details button.accordion-button.theme-btn img,
.dek_menu ul,
.loading_guidelines h2:nth-child(2),
.mission_vision:last-child,
.tile_surfaces_text p,
footer .call-sec:last-child,
table.first_name tr:last-child > td > p,
ul {
    margin-bottom: 0
}

.dek_menu ul li a.active,
.dek_menu ul li a:hover,
ul.quick-links li a.active {
    border-bottom: 1px solid #374991;
    transition: .3s ease-in-out;
    color: #374991
}

header,
html body {
    background-color: #fff
}

.container {
    max-width: 1240px
}

table.first_name tr:nth-child(2) td p {
    display: flex;
    align-items: center
}

.wpcf7-not-valid-tip {
    position: absolute
}

body .first_name select {
    border: none;
    border-bottom: 1px solid #1e9dd8;
    height: 45px;
    display: flex;
    align-items: center;
    color: #374991
}

.packaging-detail-table table,
table.first_name,
table.first_name td,
table.first_name tr:nth-child(2) td p span.wpcf7-form-control-wrap:last-child {
    width: 100%
}

table.first_name tr:nth-child(2) td p span.wpcf7-form-control-wrap:last-child input {
    padding-left: 10px
}

@media screen and (max-width:767px) {
    .map iframe {
        height: 200px
    }

    table.first_name tr {
        flex-wrap: wrap
    }

    table.first_name tr:nth-child(2) td p {
        display: flex;
        align-items: center
    }
}

.counter-container {
    max-width: 160px;
    margin: 0 auto
}

.whatsapp-button {
    position: fixed;
    left: 20px;
    bottom: 20px;
    animation: 1s infinite bounce
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

table.first_name tr {
    display: flex;
    column-gap: 30px
}

.form_heading,
table.first_name tr > td > p {
    margin-bottom: 20px
}

textarea.wpcf7-form-control {
    height: 44px;
    outline: 0;
    border-bottom: 1px solid #1e9dd8 !important;
    color: #374991;
    border: none;
    width: 100%
}

::placeholder {
    color: #374991
}

.dowload_btn_img_parent_div,
.mobile_menu,
footer#main-footer,
header#main-header {
    display: none
}

#page-container {
    padding: 0 !important
}

.journey_of_excellence .slick-slide .first_parent_div .hide_text {
    transition: .5s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.journey_of_excellence .slick-slide.slick-current .first_parent_div .hide_text {
    transition: .5s ease-in-out;
    opacity: 1;
    visibility: visible
}

.journey_parent_img img {
    width: 100%;
    height: 180px;
    max-width: 100%;
    object-fit: cover;
    transition: .2s
}

@media screen and (min-width: 768px) {
    .journey_of_excellence .slick-slide {
        margin: 0 25px;
        width: 322px !important
    }
}

.journey_of_excellence .slick-track {
    display: flex;
    justify-content: center
}

.journey_of_excellence .slick-slide.slick-current.slick-active.slick-center,
.journey_of_excellence .slick-slide.slick-current.slick-active.slick-center .first_parent_div {
    width: 395px !important
}

.journey_of_excellence .slick-slide .first_parent_div {
    width: 322px !important
}

.journey_of_excellence .journey_parent_img {
    height: 220px;
    width: 100%;
    display: flex;
    align-items: end
}

.journey_of_excellence .slick-slide.slick-current.slick-active.slick-center .journey_parent_img img {
    height: 220px
}

.journey_of_excellence h2 {
    justify-content: center;
    font-size: 40px
}

.journey_of_excellence .slick-slide.slick-current.slick-active.slick-center h2 {
    font-size: 60px
}

.affiliations .col-lg-2.col-md-6,
.global_excellence,
.journey_of_excellence .hide_text {
    text-align: center
}

.slider_journey_text {
    padding-top: 50px;
    position: relative
}

.slider_journey_text::before {
    position: absolute;
    content: "";
    background: #1e9dd8;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    transition: .2s
}

.journey_of_excellence .slick-slide.slick-current.slick-active.slick-center .slider_journey_text::after {
    position: absolute;
    content: "";
    background: #448463;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
    transition: .2s;
    z-index: -1
}

.journey_of_excellence::after {
    background: #1e9dd8;
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: calc(0px - -269px);
    bottom: auto;
    z-index: -1
}

.ceramic_surfaces h5,
.hide_text h5,
.packaging-detail table tr th {
    color: #1e9dd8
}

.names a {
    display: inline-flex
}

* {
    margin: 0;
    box-sizing: border-box
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Regular.eot);
    src: url('../fonts/Poppins-Regulard41d.eot?#iefix') format('embedded-opentype'), url(../fonts/Poppins-Regular.woff2) format('woff2'), url(../fonts/Poppins-Regular.woff) format('woff'), url(../fonts/Poppins-Regular.ttf) format('truetype'), url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Thin.eot);
    src: url('../fonts/Poppins-Thind41d.eot?#iefix') format('embedded-opentype'), url(../fonts/Poppins-Thin.woff2) format('woff2'), url(../fonts/Poppins-Thin.woff) format('woff'), url(../fonts/Poppins-Thin.html) format('truetype'), url('../fonts/Poppins-Thin-2.html#Poppins-Thin') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Agatho;
    src: url(../fonts/AgathoMedium.html);
    src: url('../fonts/AgathoMediumd41d.html?#iefix') format('embedded-opentype'), url(../fonts/AgathoMedium-2.html) format('woff2'), url(../fonts/AgathoMedium-3.html) format('woff'), url(../fonts/AgathoMedium-4.html) format('truetype'), url('../fonts/AgathoMedium-5.html#AgathoMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

html body {
    font-size: 16px;
    font-family: Poppins;
    font-weight: 400;
    color: #374991;
    scroll-behavior: smooth
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: Agatho;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

body h1 {
    font-size: 70px;
    color: #fff;
    text-transform: uppercase
}

body h2 {
    font-size: 40px;
    font-family: Agatho;
    font-weight: 500;
    color: #1e9dd8;
    margin: 0;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 15px
}

body h2 img {
    height: 50px;
    width: 50px;
    object-fit: contain
}

body h3 {
    font-size: 42px
}

body h4 {
    font-size: 30px
}

body h5 {
    font-size: 25px
}

body h6 {
    font-size: 22px
}

.first_name button.theme-btn,
a.theme-btn {
    font-family: Agatho;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    text-decoration: none;
    color: #1e9dd8;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 150px;
    border: none;
    outline: 0;
    background: #fff0
}

.about_banner .row,
.dek_menu ul,
.luxurious_creation .row,
.our_story .row,
header .row {
    align-items: center
}

button.slick-next,
button.slick-prev {
    border: none;
    background-color: #fff0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    filter: invert(1);
    text-indent: -99999px;
    outline: 0
}

.first_name button.theme-btn::before,
a.theme-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 42px;
    width: 150px;
    background-image: url(../images/button-border.png);
    background-repeat: no-repeat
}

section {
    padding: 80px 0
}

li {
    list-style: none
}

a {
    text-decoration: none
}

.bg_off_white {
    background-color: #fffbf6
}

button.slick-prev {
    background-image: url(../images/left-arrow.html)
}

button.slick-next:hover,
button.slick-prev:hover {
    filter: invert(0);
    transition: .5s
}

button.slick-next {
    background-image: url(../images/right-arrow.html);
    transition: .5s
}

/*::-webkit-scrollbar {*/
/*    width: 15px*/
/*}*/

/*::-webkit-scrollbar-track {*/
/*    background: #374991;*/
/*    border-radius: 0;*/
/*    cursor: pointer*/
/*}*/

/*body #page-container {*/
/*    overflow: unset !important*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*    background: #fff;*/
/*    border-radius: 10px;*/
/*    border: 4px solid #374991*/
/*}*/

header {
    padding: 10px 0;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    box-shadow: 1px 3px 20px 0 #00000021
}

.dek_menu ul {
    display: flex;
    justify-content: space-between;
    max-width: 633px;
    margin-left: auto;
    background-image: url(../fonts/index.html)
}

.dek_menu ul li a,
.mobile_menu .menu ul li a {
    text-decoration: none;
    color: #1e9dd8;
    text-transform: uppercase;
    font-family: Poppins;
    transition: .3s ease-in-out;
    font-weight: 500
}

.header_logo {
    height: 80px;
    width: 130px;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

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

footer {
    padding: 20px 0 0
}

.bt_my span,
footer a {
    color: #000;
    font-weight: 500
}

footer .row h4,
footer h6 {
    color: #1e9dd8;
    margin-bottom: 0
}

footer .row.border-bottom-my {
    align-items: center;
    border-bottom: 2px solid #1e9dd8;
    padding-bottom: 40px
}

.bt_my {
    border-top: 2px solid #1e9dd8;
    align-items: center;
    padding: 15px 0 0px
}

footer .row h4 {
    text-align: end
}

footer h6 {
    padding-bottom: 10px
}

.social_links ul {
    display: flex;
    margin: 0;
    gap: 0 20px
}

.footer_main_row {
    max-width: 1089px;
    margin: auto;
    padding: 40px 0
}

footer a {
    font-family: Poppins;
    font-weight: 400
}

footer .call-sec {
    margin-bottom: 25px;
    display: flex;
    align-items: flex-start;
    gap: 15px
}

footer .adress {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

footer .header_logo {
    height: auto;
    width: 130px
}

ul.quick-links li {
    padding-bottom: 5px
}

#flush-headingfour .accordion-body,
.about_banner .about_us_bannertext h2,
.art_in_every_detail_details #flush-headingfour .accordion-flush .accordion-item .accordion-button,
.bottomtext ul.correct_ul li:last-child,
.ceramic_surfaces h2,
.our_heritage h2 img,
.state_of_sec h2,
ul.quick-links li:last-child {
    padding-bottom: 0
}

.home_slider {
    padding: 0;
    height: calc(100vh - 100px)
}

.home_slider .slider_main_div .slider_text {
    position: absolute;
    content: '';
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1320px;
    width: 1320px;
    z-index: 99
}

.home_slider .slider_main_div {
    height: calc(100vh - 100px);
    object-fit: cover;
    position: relative
}

.home_slider .slider_main_div::after {
    background: linear-gradient(180deg, #fff0 1.46%, rgb(0 0 0 / .25) 45.32%);
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

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

.home_slider ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -30px;
    z-index: 999;
    position: relative
}

.home_slider ul li button {
    border: none;
    outline: 0;
    height: 5px;
    width: 40px;
    border-radius: 10px;
    text-indent: -99999px;
    background-color: #fff;
    margin: 0 5px;
    cursor: pointer;
    transition: .5s
}

.art_in_every_detail_details,
.contacts,
.home_slider ul li.slick-active button,
.worldwide_network {
    background-color: #374991
}

.our_legacy_sec,
.the_elegance_sec {
    padding: 0px 0;
    position: relative
}

.the_elegance_sec .heading_text {
    max-width: 906px;
    margin-left: auto
}

.our_story h2,
.the_elegance_sec .heading_text h2 {
    padding-bottom: 10px
}

.the_elegance_sec .heading_text h2:nth-child(3),
.the_elegance_sec .heading_text p {
    padding-left: 239px;
    margin-bottom: 0
}

.the_elegance_sec video {
    margin-top: 30px;
    width: 100%
}

.the_elegance_sec .video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    cursor: pointer
}

.the_elegance_sec .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: #fff;
    background: rgb(0 0 0 / .5);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    opacity: 1;
    transition: opacity .3s;
    border: 2px solid #fff
}

.mobile_menu .menu-btn--on li:nth-child(2),
.progress-wrap:hover::after,
.the_elegance_sec .video-container.playing .play-icon {
    opacity: 0
}

.the_elegance_sec::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../images/deera4.html);
    height: 130px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain
}

.stunnin_collection .container {
    max-width: 100%;
    width: 100%
}

.stunnin_collection h2 {
    max-width: 1320px;
    margin: auto
}

.catloage_div_img_five_now,
.catloage_div_img_four_now,
.catloage_div_img_one_now,
.catloage_div_img_three_now,
.catloage_div_img_two_now {
    height: 500px;
    width: 100%;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 8px;
    position: relative;
    transition: .5s;
    cursor: pointer
}


/* Static background images removed - now using dynamic inline styles */

.catloage_div_img_five_now::before,
.catloage_div_img_four_now::before,
.catloage_div_img_one_now::before,
.catloage_div_img_three_now::before,
.catloage_div_img_two_now::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(177.35deg, #fff0 -.26%, rgb(0 0 0 / .2) 97.79%)
}

.catloage_div_text {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    border: 2px solid #fffFFF80;
    z-index: 9
}

.catloage_div_text img {
    width: 130px;
    height: 50px;
    object-fit: contain
}

.life_style_section {
    overflow: hidden
}

.life_style_slider_img {
    position: relative;
    padding: 0 30px 0 0
}

.life_style_slider_img .life_style_slider_text {
    content: '';
    position: absolute;
    top: 20px;
    left: 35px;
    color: #1e9dd8;
}

.life_style_slider_img img {
    height: 400px;
    border-radius: 10px;
    object-fit: cover;
    position: relative;
    width: 100%
}

.life_style_slider_img img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(310.08deg, #fff0 40.04%, rgb(0 0 0 / .34) 71.8%)
}

.life_style_section .container-fuild {
    /* padding-left: 303px */
}

.life_style_slider button.slick-prev {
    top: 50%;
    left: 50px;
    transform: translateX(-50%);
    position: absolute;
    z-index: 99999
}

.life_style_slider button.slick-next {
    top: 50%;
    right: 50px;
    transform: translateX(-50%);
    position: absolute;
    z-index: 99999
}

.art_in_every_detail_details a.theme-btn,
.frrro_img,
.journey_of_excellence .slick-track,
.journey_of_excellence .slick-track .slider_journey_text,
.luxurious_creation,
.overlay_class {
    position: relative
}

.luxurious_creation_img {
    height: 605px;
    width: 404px
}

.luxurious_creation_img img {
    width: 100%;
    height: 100%;
    border-radius: 202px;
    object-fit: cover
}

.luxurious_creation::after,
.our_legacy_sec::after,
.our_story::after {
    content: '';
    position: absolute;
    right: 20px;
    bottom: -24px;
    background-image: url(../images/wellcare-logo.PNG);
    width: 87px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
}

.art_in_every_detail_details .row,
.truck-img {
    max-width: 1028px;
    margin: auto
}

.about_banner .about_us_bannertext a,
.about_banner .about_us_bannertext h2,
.art_in_every_detail_details a,
.art_in_every_detail_details h2,
.bannr-links span,
.contacts a,
.contacts h5 {
    color: #fff
}

.art_in_every_detail_details a.theme-btn::before {
    background-image: url(../images/button-border-white.html)
}

.art_in_every_detail_details p {
    color: #fff;
    text-transform: uppercase
}

.frrro_img {
    height: 472px;
    width: 100%;
    margin-bottom: 30px
}

.art_in_every_detail_details .frrro_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px
}

.art_in_every_detail_details .accordion_drop_down {
    margin-top: 30px
}

.art_in_every_detail_details .accordion_drop_down h3 button {
    color: #fff;
    padding: 20px 0;
    font-size: 28px;
    font-family: Agatho;
    font-weight: 500;
    gap: 0 50px;
    text-transform: uppercase;
    transition: .5s ease-in-out
}

.art_in_every_detail_details .accordion-button.theme-btn {
    transition: .5s ease-in-out;
    position: relative
}

.art_in_every_detail_details .accordion-button.theme-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    height: 32px;
    width: 58px;
    background-image: url(../images/Art-arrow-border.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%)
}

.art_in_every_detail_details .accordion-button.theme-btn::after {
    background-image: url(../images/down-arrow-under.svg);
    background-position: center center;
    transition: .5s ease-in-out;
    right: 20px;
    position: absolute;
    width: 15px;
    height: 10px;
    object-fit: contain
}

.art_in_every_detail_details .accordion-flush .accordion-item .accordion-button.theme-btn.collapsed:focus,
.art_in_every_detail_details .accordion-flush .accordion-item .accordion-button.theme-btn:focus {
    box-shadow: unset;
    background-color: #fff0
}

.art_in_every_detail_details .accordion-button.theme-btn:not(.collapsed) {
    color: #fff;
    background-color: #fff0;
    box-shadow: unset
}

.art_in_every_detail_details .accordion-button.theme-btn,
.art_in_every_detail_details .accordion-item {
    background-color: #fff0
}

.art_in_every_detail_details .accordion-body {
    padding: 0 0 20px;
    color: #fff
}

.blok:nth-of-type(odd) {
    background-color: #fff
}

.blok:nth-of-type(2n) {
    background-color: #000
}

@-webkit-keyframes border-transform {

    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

.paginacontainer {
    height: 100vh
}

.progress-wrap,
.progress_wrap_one_more {
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px
}

.progress_wrap_one_more {
    position: fixed;
    display: flex
}

.progress-wrap {
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgb(0 0 0 / .1);
    z-index: 10000;
    opacity: 0;
    background: #fff;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: .6s linear;
    transition: .6s linear
}

.progress-wrap::after,
.progress-wrap::before {
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    top: 0;
    height: 46px;
    width: 46px;
    -webkit-transition: .6s linear;
    display: block;
    left: 0;
    position: absolute;
    cursor: pointer
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap::after {
    color: #1e9dd8;
    z-index: 1;
    transition: .6s linear
}

.progress-wrap::before {
    opacity: 0;
    background: #1e9dd8;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    z-index: 2;
    transition: .6s linear
}

.progress-wrap:hover::before {
    opacity: 1
}

.progress-wrap svg:last-child path {
    fill: #374991
}

.progress-wrap svg.progress-circle path {
    stroke: #374991;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: .6s linear;
    transition: .6s linear
}

.mobile_menu .menu-btn {
    background-color: #1e9dd8;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgb(0 0 0 / .16);
    position: fixed;
    right: 18px;
    top: 30px;
    cursor: pointer;
    height: 50px;
    width: 50px
}

.mobile_menu .menu {
    bottom: 0;
    background-color: #fff;
    left: 0;
    margin: 0;
    padding: 23px 32px;
    position: fixed;
    top: 0;
    width: 350px;
    transform: translate3d(-100%, 0, 0);
    transition: transform .2s linear;
    box-shadow: -7px 1px 20px 0 #00000082
}

.mobile_menu .menu ul {
    padding: 30px 0
}

.mobile_menu .menu-btn li {
    background-color: #fff;
    bottom: 0;
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 16px;
    top: 0;
    transition: .3s ease-in-out
}

.about_banner .about_us_bannertext a,
.mobile_menu .menu-btn ul li a {
    text-transform: uppercase
}

.mobile_menu .menu-btn li:first-child {
    transform: translate3d(0, -4px, 0)
}

.mobile_menu .menu-btn li:last-child {
    transform: translate3d(0, 4px, 0)
}

.mobile_menu .menu-btn--on li:first-child {
    transform: rotate(135deg) translate3d(0, 0, 0)
}

.mobile_menu .menu-btn--on li:last-child {
    transform: rotate(-135deg) translate3d(0, 0, 0)
}

.mobile_menu .menu--open {
    transform: translate3d(0, 0, 0)
}

.mobile_menu .menu ul li a {
    display: block;
    padding: 8px 0;
    font-size: 18px
}

#viewport {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#content {
    overflow: visible;
    width: 100%;
    background-image: linear-gradient(rgb(255 255 255 / .07) 2px, transparent 2px), linear-gradient(90deg, rgb(255 255 255 / .07) 2px, transparent 2px), linear-gradient(rgb(255 255 255 / .06) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / .06) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px
}

@media only screen and (max-width:1320px) {
    .home_slider .slider_main_div .slider_text {
        max-width: 100%;
        width: 100%;
        padding: 40px 50px
    }

    .catloage_div_img_five_now,
    .catloage_div_img_four_now,
    .catloage_div_img_one_now,
    .catloage_div_img_three_now,
    .catloage_div_img_two_now {
        height: 450px
    }

    body .about_banner .about_us_bannertext {
        padding-left: 30px
    }
}

@media only screen and (max-width:1150px) {
    .life_style_section .container-fuild {
        padding-left: 203px
    }

    section p br {
        display: none
    }
}

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

    .luxurious_creation .row a.theme-btn,
    .luxurious_creation .row h2,
    .luxurious_creation .row p {
        margin-left: 30px
    }

    .ceramic_surfaces_about_human {
        height: 600px;
        object-fit: cover;
        object-position: top;
        margin-bottom: 20px
    }

    body .tiles_collection_main_div .collection_img {
        height: 300px
    }
}

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

    .container,
    body .catloage_div {
        max-width: 100%
    }

    body h1 {
        font-size: 50px
    }

    body h2 {
        font-size: 40px;
        padding-bottom: 15px
    }

    body section {
        padding: 80px 0
    }

    body .our_legacy_sec,
    body .our_story,
    body .the_elegance_sec {
        padding: 80px 0 120px
    }

    .the_elegance_sec .heading_text h2:nth-child(3),
    .the_elegance_sec .heading_text p {
        padding-left: 138px;
        margin-bottom: 0
    }

    .container {
        padding: 0 30px;
        width: 100%
    }

    html body .col {
        padding: 0 !important
    }

    .stunnin_collection .container {
        padding: 0;
        overflow: hidden
    }

    .stunnin_collection .container h2 {
        padding: 0 30px 15px;
        font-size: 22px;
    }

    .catloage_div_img_five_now,
    .catloage_div_img_four_now,
    .catloage_div_img_one_now,
    .catloage_div_img_three_now,
    .catloage_div_img_two_now {
        height: 400px
    }

    .art_in_every_detail_details .accordion_drop_down h3 button {
        flex-wrap: wrap;
        gap: 15px;
        font-size: 30px
    }

    .life_style_section .container-fuild {
        padding: 0 0 0 30px
    }

    .life_style_slider_img {
        position: relative;
        padding: 0 20px 0 0
    }

    .life_style_slider_img .life_style_slider_text {
        left: 20px
    }

    body .countrys_flag_div {
        grid-template-columns: repeat(5, 1fr)
    }

    body .tiles_collection_main_div .collection_img {
        height: auto
    }

    body .tiles_collection_main_div {
        grid-template-columns: repeat(3, 1fr);
        gap: 80px 30px
    }

    body .tiles_collection_main_div .collection_text a {
        font-size: 18px;
        line-height: normal
    }

    body .ceramic_surfaces_about_human {
        height: auto;
        object-fit: contain;
    }

    .feature-boxex{
        height: 160px !important;
    }

}

@media only screen and (max-width:980px) {
    body header {
        padding: 20px 0 !important;
    }

    body footer .row h4 {
        text-align: center;
        font-size: 25px;
    }

    .dek_menu ul {
        display: none
    }

    .mobile_menu {
        display: block
    }

    body h2 img {
        height: 40px;
        width: 40px
    }

    footer h6 {
        padding: 30px 0 10px
    }

    .progress_wrap_one_more {
        right: 18px
    }

    body .our_story .row {
        align-items: flex-start
    }

    body .counter-container .counter {
        font-size: 40px
    }

    body .global_excellence_box {
        height: auto;
        margin-bottom: 30px
    }

    body .global_excellence_box.spmbzero,
    body .loading_guidelines h2 img,
    footer .call-sec {
        margin-bottom: 0
    }

    body .loading_guidelines h2 {
        padding: 0
    }

    .about_us_bannertext img {
        height: 80px;
        width: 80px
    }

    body .about_banner .about_us_bannertext {
        margin: inherit;
        max-width: 100%
    }

    /*.contacts .row {*/
    /*    display: grid;*/
    /*    grid-template-columns: repeat(3, 1fr)*/
    /*}*/

    body .our_story .row img {
        margin-bottom: 30px;
    }

    body img.fawanssabout_us {
        height: 300px !important;
    }

    /*body .about_banner,*/
    body .life_style_slider_img img {
        height: 500px
    }

    /*body .catalogue_banner,*/
    /*body .similar_products_section .similar-products ul.similar-products-list li a img,*/
    /*body .tab-content img,*/
    /*body .tabs-wrapper .tab-content img {*/
    /*    height: 300px*/
    /*}*/
    body .catelogue_img_col {
        text-align: end;
        margin-top: 30px;
    }

    body .blog_section .blog-parent {
        grid-template-columns: repeat(2, 1fr)
    }

    .text_ending {
        text-align: end;
        margin-top: 20px;
    }

    body .luxurious_creation_img {
        width: 100%
    }

    body .about_banner {
        height: 282px !important;
        position: relative;
        z-index: 9;
    }

    .luxurious_creation::after, .our_legacy_sec::after, .our_story::after{
        display: none !important;
    }

    section.about_banner.bradcunm-img-hero-section::after{
        position: absolute;
        content: "";
        background: #0000004c;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: -1;
    }

    body .state_of_sec_img {
        height: 400px;
        object-fit: cover;
    }

    .border_left_righ_personal {
        border: none !important;
    }

    table.first_name tr:nth-child(2) td p span.wpcf7-form-control-wrap:last-child {
        padding: 0 5px;
    }

    body table.first_name td {
        padding: 0 12px;
    }

    body .contacts .col-md-12 {
        padding: 20px;
    }

    body .bt_my {
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width:767px) {
    body .preloader-gif {
        width: 50%;
    }

    body .names a {
        display: block;
        font-size: 14px;
    }

    body .lets-connect .row {
        margin: auto;
    }

    body .lets-connect img {
        margin-bottom: 0px !important;
    }

    body .form_heading {
        padding: 0px;
    }

    .art_in_every_detail_details .col-12,
    {
    padding: 0px;
}

body .counter_sec .container {
    padding: 0px !important;
}

body .counter_sec .counter-box span.plus-icon {
    font-size: 16px;
}

body footer .row h4 {
    text-align: center;
    font-size: 20px;
}

body .footer_loho_col {
    text-align: center;
    margin-bottom: 20px;
}

body .bt_my {
    flex-wrap: wrap;
}

body .lets-connect .container {
    padding: 0px !important;
}

body .tabs-wrapper .tab-content img {
    height: 250px;
}

body .catloage_div {
    padding: 0px;
}

body the_elegance_sec .col-12 {
    padding: 0px;
}

.bt_my,
.text-md-center,
footer .row h4 {
    text-align: center
}

.header_logo img {
    height: 60px
}

html body .art_in_every_detail_details .col-sm-12 {
    padding: 0 !important
}

body .counter_sec,
body section {
    padding: 50px 0;
}

body .our_legacy_sec,
body .our_story,
body .the_elegance_sec {
    padding: 50px 0 20px
}

body .lets-connect {
    padding: 50px 30px 100px 30px;
}

body table.first_name td {
    padding: 0px;
}

footer {
    padding: 50px 0 0
}

body .blog_section .blog-parent,
body .catloage_div,
body .similar_products_section .similar-products ul.similar-products-list {
    grid-template-columns: repeat(2, 1fr)
}

.the_elegance_sec .heading_text h2:nth-child(3),
.the_elegance_sec .heading_text p {
    padding-left: 0;
    margin-bottom: 0
}

body h1 {
    font-size: 35px
}

.home_slider .slider_main_div .slider_text {
    padding: 0 20px
}

body h2 {
    font-size: 18px !important;
    gap: 0;
    display: block
}

.our_heritage h2 {
    padding-bottom: 15px
}

body h2 img {
    margin: 0 5px;
    height: 30px;
    width: 30px
}

.luxurious_creation_img {
    height: 400px;
    max-width: 90% !important;
    margin: auto auto 30px
}

.art_in_every_detail_details a.theme-btn {
    margin-bottom: 30px
}

.art_in_every_detail_details .accordion_drop_down {
    margin-top: 0
}

#accordionFlushExample,
.life_style_slider_img,
body .border_div_per,
body .counter_sec .container,
body .our_catalogue.our_story h2,
body footer .col-sm-12 {
    padding: 0
}

.luxurious_creation .row a.theme-btn,
.luxurious_creation .row h2,
.luxurious_creation .row p {
    margin-left: 0
}

body .life_style_slider_img img {
    height: 350px;
}

.bt_my .text-md-center,
.company_logos img:last-child,
.state_of_sec h2 img,
footer .call-sec {
    margin-bottom: 0
}

.footer_main_row {
    padding: 10px 0 40px
}

.life_style_slider button.slick-next {
    right: 20px
}

.frrro_img {
    height: 350px
}

.text-md-center {
    margin-bottom: 20px
}

.bt_my {
    gap: 15px;
    justify-content: center
}

.luxurious_creation::after,
.the_elegance_sec::after {
    height: 100px;
    width: 68px
}

body .counter-container .counter {
    font-size: 30px
}

.our_heritage img {
    padding-bottom: 20px
}

footer .header_logo {
    margin: auto
}

body .bottomtext {
    padding-top: 20px;
    padding-left: 0px;
}


.state_of_sec br {
    display: none
}

.state_of_sec img {
    margin-bottom: 20px
}

.ceramic_surfaces_about_human {
    height: 500px
}

.company_logos {
    margin-top: 0;
    flex-wrap: wrap
}

.company_logos img.border_type:nth-child(3) {
    border-left: none
}

body .countrys_flag_div {
    gap: 30px
}

.packaging-detail-table {
    overflow-x: scroll;
    padding: 0
}

body .about_us_bannertext img {
    height: 50px;
    width: 50px;
    margin-top: -30px
}

body .form_heading h5 {
    margin-top: 10px
}

body .contacts .col-md-12 {
    padding: 20px
}

body .tabs-wrapper .tab-content .product-item h3 {
    font-size: 16px
}

body .home_slider,
body .home_slider .slider_main_div {
    height: calc(70vh - 100px)
}

body .hero-section-product-innner {
    height: calc(70vh - 100.81px)
}

body .counter_center_col {
    margin: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0;
    width: 100%;
    max-width: 100%
}

body .counter-container {
    padding: 15px 30px
}

body .company_logos img {
    width: 50%;
    padding: 0
}

.header_logo {
    height: 60px;
    width: 130px
}

body .state_of_sec_img {
    height: 350px;
    object-fit: cover;
}

body .our_legacy_sec .journey_of_excellence h2 {
    text-align: center;
}

body .journey_of_excellence .slick-slide {
    margin: 0;
}

body .container {
    max-width: 100% !important;
    padding: 0px 30px !important;
}
}

@media only screen and (max-width:550px) {
    body .slider_journey_text {
        padding: 50px 50px 0 50px;
    }

    body .catloage_div,
    /*body .contacts .row,*/
    body .similar_products_section .similar-products ul.similar-products-list {
        grid-template-columns: repeat(1, 1fr)
    }

    body .catloage_div {
        gap: 20px 0;
    }

    .mobile_menu .menu {
        width: 100%
    }

    .frrro_img {
        height: 250px
    }

    .our_story h2:nth-child(2) {
        padding-left: 0
    }

    body .our_story h2:nth-child(2) {
        margin-bottom: 20px;
        padding: 0
    }

    body .company_logos img.border_type {
        border-left: none
    }

    body .countrys_flag_div {
        grid-template-columns: repeat(3, 1fr)
    }

    body .tile_surfaces_text p:nth-child(2) {
        padding-left: 0;
        padding-top: 15px
    }

    .affiliations .row,
    body .tabs-wrapper .tab-content,
    body .tiles_collection_main_div {
        grid-template-columns: repeat(2, 1fr)
    }

    body .border_left_righ_personal {
        border: none
    }

    .affiliations .row {
        display: grid;
        gap: 20px
    }

    body .tabs-wrapper .tab-content {
        gap: 20px
    }

    body .blog_section .blog-parent {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px
    }

    body .text_ending img {
        width: 100%;
    }
}

@media only screen and (max-width:425px) {
    .luxurious_creation_img {
        max-width: 100% !important
    }

    .catloage_div_img_five_now,
    .catloage_div_img_four_now,
    .catloage_div_img_one_now,
    .catloage_div_img_three_now,
    .catloage_div_img_two_now {
        height: 350px
    }

    body .countrys_flag_div,
    body .tabs-wrapper ul.tabs {
        grid-template-columns: repeat(2, 1fr)
    }

    body .about_banner .about_us_bannertext {
        padding-left: 0
    }
}

@media only screen and (max-width:350px) {
    .luxurious_creation_img {
        height: 400px
    }

    body .countrys_flag_div,
    body .tabs-wrapper .tab-content,
    body .tabs-wrapper ul.tabs {
        grid-template-columns: repeat(1, 1fr)
    }

    body .tabs-wrapper ul.tabs li {
        max-width: 150px;
        margin: auto
    }
}

.progress-wrap svg:first-child path {
    fill: none
}

.progress-wrap svg:last-child {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.about_banner {
    height: 400px;
    background-color: #374991;
    padding: 36px 0 0;
    overflow-x: hidden;
    display: flex;
    align-items: center
}

.about_banner .about_us_bannertext {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-start;
    /* max-width: 480px; */
    margin-left: auto;
    width: 100%;
    margin-right: 0
}

.about_us_bannertext img {
    margin-top: -50px
}

.company_logos {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px
}

.company_logos img {
    height: 30px;
    width: 230px;
    object-fit: contain;
    padding: 0 45px
}

.company_logos img.border_type {
    border-left: 2px solid #1e9dd8
}

.our_story {
    position: relative;
    padding: 120px 0
}

.our_story h2:nth-child(2) {
    padding-left: 90px;
    margin-bottom: 20px
}

.counter_sec {
    padding: 60px 0;
    background-color: #374991;
    overflow: hidden;
}

body .counter_sec .counter-box span.plus-icon {
    font-size: 20px;
}

.counter-container .counter-box {
    color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.counter-container .counter {
    font-size: 50px;
    text-align: center
}

.counter-container .counter-box .label {
    color: #fff;
    font-size: 16px
}

.border_div_per {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 35px 0
}

.our_heritage h2 {
    justify-content: center;
    padding-bottom: 30px
}

.our_heritage img {
    padding-bottom: 40px
}

.bottomtext ul.correct_ul {
    padding: 0
}

.bottomtext ul.correct_ul li {
    padding-bottom: 15px;
    padding-left: 35px;
    position: relative
}

.bottomtext ul.correct_ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-image: url(../images/correct-img.html);
    background-repeat: no-repeat;
    background-size: cover
}

.bottomtext {
    padding-top: 40px;
    padding-left: 50px;
}

.qualitys_img {
    width: 69%;
    margin: 30px auto auto
}

.our_legacy_sec h2.our_legacy_heding,
.our_legacy_sec p.our_legacy_pra {
    max-width: 100%;
    transition: .5s
}

.our_legacy_sec h2,
.our_legacy_sec p {
    padding-bottom: 0;
    margin-bottom: 0;
    max-width: 390px;
    transition: .5s
}

.journey_of_excellence {
    padding-top: 30px;
    position: relative
}

.mission_vision {
    border-bottom: 1px solid #1e9dd8;
    margin-bottom: 30px
}

.ceramic_surfaces .row {
    align-items: center;
    padding-top: 30px
}

.tile_surfaces_text {
    padding-left: 0;
    max-width: 550px;
    margin: auto
}

.tile_surfaces_text p:nth-child(2) {
    padding-left: 86px;
    padding-top: 30px
}

.global_excellence h2 {
    justify-content: center;
    padding: 0 0 10px
}

.global_excellence p {
    max-width: 1060px;
    margin: auto auto 30px
}

.global_excellence_box .icon-div {
    height: 50px;
    width: 50px;
    margin: auto
}

.global_excellence_box .icon-div img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.global_excellence_box h6 {
    margin: 0;
    padding: 30px 0 15px;
    color: #1e9dd8
}

.global_excellence_box {
    text-align: center;
    padding: 30px;
    box-shadow: 4px 4px 30px 0 #00000008;
    border-radius: 10px;
    height: 100%
}

.worldwide_network h2,
.worldwide_network p {
    justify-content: center;
    padding-bottom: 15px;
    color: #fff
}

.worldwide_network p {
    text-align: center;
    max-width: 1100px;
    margin: auto;
    padding-bottom: 30px
}

.worldwide_network .countrys {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-top: 1px solid #fff;
    margin-top: 30px
}

.worldwide_network .countrys h5 {
    margin-top: 30px;
    margin-bottom: 50px
}

.countrys_flag_div {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 50px
}

.blog_section .blog-parent,
.tabs-wrapper .tab-content,
.tabs-wrapper ul.tabs,
.tiles_collection_main_div {
    grid-template-columns: repeat(3, 1fr)
}

.countrys_flag_div img {
    margin-bottom: 10px
}

.loading_guidelines p {
    margin: auto auto 30px;
    max-width: 1122px;
    text-align: center
}

.affiliations h2,
.packaging-detail h2 {
    justify-content: center
}

.packaging-detail table tr td,
.packaging-detail table tr th {
    text-align: center;
    padding: 15px;
    border: 1px solid #1e9dd8
}

body .lets-connect h2:nth-child(2) {
    margin-bottom: 0;
    padding-bottom: 0
}

.form_heading h5 {
    color: #1e9dd8;
    margin-bottom: 15px;
    margin-top: 50px
}

.first_name input::placeholder {
    color: #374991
}

body .first_name input {
    width: 100%;
    border: none;
    outline: 0;
    border-bottom: 1px solid #1e9dd8;
    color: #374991;
    padding: 10px 0
}

.contacts .col-md-12 {
    text-align: center;
    padding: 30px 40px
}

.contacts .col-md-12 h5 {
    margin-top: 30px;
    margin-bottom: 15px
}

.border_left_righ_personal {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.contacts .row {
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    justify-content: center;
    align-items: center
}

.contacts .map {
    padding-top: 30px
}

.blog_section .blog-parent .blog-child .blog-image img {
    width: 100%;
    object-fit: cover;
    height: 230px;
    border-radius: 10px
}

.blog_section .blog-parent .blog-child {
    height: auto;
    width: 100%
}

.blog_section .blog-parent {
    display: grid;
    gap: 0 30px
}

.blog_section .blog-parent h3 a,
.tabs-wrapper .tab-content .product-item h3 a {
    color: #374991
}

.blog_section .blog-parent h3 {
    color: #374991;
    font-size: 22px
}

.blog_section .blog-parent .blog-parent-text {
    padding-top: 15px
}

.blog_section .blog-parent .blog-parent-text span {
    padding-bottom: 5px;
    display: block
}

.blog_section .blog-parent .blog-parent-text p {
    padding-bottom: 15px;
    margin-bottom: 0
}

.tiles_collection_main_div {
    display: grid;
    gap: 60px 30px;
    padding: 0
}

.tiles_collection_main_div a {
    display: block;
    height: 100%
}

.tiles_collection_main_div .collection_img {
    width: 100%;
    height: 320px;
    border: 4px solid;
    padding: 8px;
    border-bottom: 0;
    position: relative
}

.tiles_collection_main_div .collection_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin-bottom: 0 !important
}

.tiles_collection_main_div .collection_text {
    text-align: center;
    margin-top: 10px
}

.tiles_collection_main_div .collection_text a {
    color: #1e9dd8;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 25px;
    font-family: Agatho
}

.tiles_collection_main_div i {
    transition: .5s ease-in-out;
    height: 50px;
    width: 50px;
    position: absolute;
    content: '';
    top: 45%;
    left: 45%;
    transform: translate(-50%, -50%);
    z-index: 99999
}

.dowload_btn_img_parent_div i {
    color: #fff;
    font-size: 22px;
    background: #00000061;
    line-height: 50px;
    border-radius: 10px;
}

.dowload_btn_img_parent_div:hover i {
    transform: rotate(36deg);
}

.collection_img:hover .dowload_btn_img_parent_div {
    display: block;
    transition: .5s ease-in-out
}

.dowload_btn_img_parent_div::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 9.4px;
    width: 96%;
    height: 95%;
    background-color: #0000004D;
    z-index: 99999;
    transition: .5s ease-in-out
}

.tabs-wrapper ul.tabs li {
    list-style: none;
    color: #222;
    font-size: 18px;
    cursor: pointer;
    width: 120px;
    text-align: center;
    padding-bottom: 5px
}

.tabs-wrapper ul.tabs li.active {
    border-bottom: 1px solid #000
}

.tabs-wrapper ul.tabs {
    display: grid;
    padding: 0 0 15px
}

.tabs-wrapper .tab-content.active {
    display: grid
}

.tabs-wrapper .tab-content {
    max-width: 100%;
    margin: auto;
    gap: 30px;
    display: none
}

.tabs-wrapper .tab-content img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 10px
}

.tabs-wrapper .tab-content .product-item h3 {
    margin: 0;
    padding: 10px 0 0;
    font-size: 20px;
    text-transform: capitalize;
    font-family: Poppins;
    color: #374991
}

.product_main_bg_section {
    padding: 0;
    height: calc(75vh - 100px)
}

.product_main_bg_section .container-fluid {
    padding: 0;
    height: calc(75vh - 100px);
    overflow: hidden
}

.product_main_bg_section .container-fluid img {
    height: calc(75vh - 100px);
    object-fit: cover;
    object-position: center
}

.overlay_class::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #0000000f
}

.catloage_div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 20px;
    padding: 0 30px;
    margin: auto;
    /* max-width: 1000px */
}

body a.leafwayinfotech img {
    width: 130px;
}

.our_story img.fawanssabout_us {
    height: 447px;
    object-fit: cover;
}




/* Preloader styles */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    /* or black or any background you want */
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* Hide preloader after page load */
body.loaded .preloader {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


.catloage_div_text h3 {
    color: #fff;
    font-size: 19px;
    padding: 8px;
    background: #ffffff2c;
    border: 1px solid;
    border-radius: 4px;
    backdrop-filter: blur(8px);
}

.hovr-colction:hover {
    padding: 0;
    transition: .5s;
    border: 0px solid #150505e4;
}

img.footr-logo {
    width: 100px;
}

.slider_text h1 {
    font-size: 45px;
    width: 100%;
}

p {
    color: #000 !important;
}

.values-section {
    background: #f8f9fa;
}

/* Card Style */
.value-card {
    background: #fff;
    padding: 40px 25px;
    border-radius: 15px;
    transition: 0.4s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(60px);
    animation: fadeUp 1s ease forwards;
}

/* Stagger Animation */
.col-lg-3:nth-child(1) .value-card {
    animation-delay: 0.2s;
}

.col-lg-3:nth-child(2) .value-card {
    animation-delay: 0.4s;
}

.col-lg-3:nth-child(3) .value-card {
    animation-delay: 0.6s;
}

.col-lg-3:nth-child(4) .value-card {
    animation-delay: 0.8s;
}

/* Hover Effect */
.value-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

/* Icon Box */
.icon-box {
    margin-bottom: 20px;
    transition: 0.4s ease;
}

.icon-box img {
    width: 60px;
    transition: 0.4s ease;
}

/* Icon Hover Animation */
.value-card:hover .icon-box img {
    transform: rotate(10deg) scale(1.1);
}

/* Title */
.value-card h4 {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px;
}

/* Paragraph */
.value-card p {
    font-size: 14px;
    color: #666;
}

/* Fade Up Animation */
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.feature-boxex {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.feature-box {
    position: relative;
    height: 230px;
    border-radius: 160px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 30px;
}

.feature-boxex {
    position: relative;
    height: 230px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 30px;
}

.feature-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
}

.feature-box h3 {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    font-family: "Georgia", serif;
}

.feature-boxex h3 {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    font-family: "Georgia", serif;
}

@media (max-width: 768px) {
    .feature-box {
        height: 160px;
        border-radius: 120px;
        margin-bottom: 20px;
    }

    .slider_text h1 {
    font-size: 18px;
    width: 100%;
}
}

section.about_banner.bradcunm-img-hero-section {
    background-image: url(../images/wellcare-ceramica-breadcumg-img.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
}

img.ceramicsabout_us {
    border-radius: 10px;
}

img.abt-compny {
    filter: grayscale(0);
    transition: .5s;
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}

img.abt-compny:hover {
    filter: grayscale(1);
    transition: .5s;
}

/* Section Background */
.contact-section {
    padding: 30px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Container */
.contact-container {
    border-radius: 15px;
    width: 100%;
    text-align: center;
}

.contact-container h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.sub-text {
    color: #777;
    margin-bottom: 40px;
}

/* Form Layout */
.contact-form {
    width: 100%;
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    flex: 1;
    position: relative;
}

.full-width {
    width: 100%;
    margin-bottom: 20px;
}

/* Inputs */
.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 14px 18px;
    border-radius: 8px;
    border: 1px solid #1e9dd8;
    font-size: 15px;
    transition: all 0.3s ease;
    outline: none;
}

/* Responsive */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
    }

    .contact-container {
        padding: 30px;
    }
}

.flip-card {
    perspective: 1200px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 380px;
    transform-style: preserve-3d;
    transition: transform 0.8s ease;
    cursor: pointer;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    backface-visibility: hidden;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    text-align: center;
}

.flip-card-front {
    background: #fff;
    padding: 15px;
}

.flip-card-front img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 15px;
}

.flip-card-back {
    background-image: url(../images/sanitryware.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 20px;
}

/* Button */
.btn-custom {
    padding: 10px 28px;
    background: #1e9dd8;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    border-radius: 30px;
    transition: 0.3s;
}

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

.flip-card-back p {
    color: #fff !important;
}

.flipbackground {
    background: #00000069;
    padding: 15px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
}

.stone-export-section {
    background: #f8f9fa;
}

.section-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.stone-img {
    max-width: 100%;
    border-radius: 10px;
}



button.accordion-button.theme-btn.collapsed img {
    width: 150px;
}

.art_in_every_detail_details .accordion-button.theme-btn:not(.collapsed) img {
    width: 150px;
}

h2.abt-titl {
    font-size: 26px;
}

.export-img img {
    width: 100%;
}

h4.top-name {
    margin-top: 15px;
}