.left-side,
nav ul li a {
    font-weight: 500;
    font-family: Gotham;
}
.nav-belt,
img {
    line-height: 0;
}
.search_data .search_inr,
.search_inr.clicked {
    display: block;
    visibility: visible;
    opacity: 1;
}
#accordion,
.btm_banner_inr,
.color_ptl_modal_img,
.container,
.faw_row,
.home_main .home_banner_txt,
.index-banner .slides,
.index-banner .slides .slick-slide,
.inner_banner_main,
.left-aside ul li,
.main_popup_img,
.mob-display,
.popup .content,
.range_btm_itm,
.slides > .slick-slide,
.text-contain,
.view_img,
.view_itm,
div.main_inner{
    position: relative;
}
.contact-details {
    vertical-align: middle;
    font-family: Gotham;
}
.bot-foot ul li,
.cart-image,
.left-side span,
.middle-link,
nav {
    display: inline-block;
}
.bot-foot ul li a,
.main-line,
.mo-header-cont a,
.right-aside ul li,
.text-contain h1,
nav ul li a {
    text-transform: uppercase;
}
#accordion,
ul {
    list-style: none;
}
#accordion a,
*,
.faq-link .beefup__body p a:hover,
.pop-up-text-data h3 a,
.popup .close {
    text-decoration: none;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('fonts/PlayfairDisplay-Medium.woff2') format('woff2'),
      url('fonts/PlayfairDisplay-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
      url('fonts/PlayfairDisplay-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('fonts/PlayfairDisplay-SemiBold.woff2') format('woff2'),
      url('fonts/PlayfairDisplay-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src:
      url(fonts/Gotham-Light.woff2) format("woff2"),
      url(fonts/Gotham-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src:
      url(fonts/Gotham-Medium.woff2) format("woff2"),
      url(fonts/Gotham-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src:
      url(fonts/Gotham-Book.woff2) format("woff2"),
      url(fonts/Gotham-Book.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Philosopher";
  src:
      url(fonts/Philosopher-Bold.woff2) format("woff2"),
      url(fonts/Philosopher-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Philosopher";
  src:
      url(fonts/Philosopher.woff2) format("woff2"),
      url(fonts/Philosopher.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Philosopher";
  src:
      url(fonts/Philosopher-BoldItalic.woff2) format("woff2"),
      url(fonts/Philosopher-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Philosopher";
  src:
      url(fonts/Philosopher-Italic.woff2) format("woff2"),
      url(fonts/Philosopher-Italic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}
img {
    border: none;
}
body {
  font-family: Gotham;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width:12px;
  -webkit-appearance: none;
}

::-webkit-scrollbar-thumb {
  background-color:#000000;
  border-radius: 10px;
  border:2px solid #ffffff;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

html,body{
  overflow-x: hidden;
}

body.active{
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}
a {
  color: #2f0802;
}
h1,
h2,
h3,
h4 {
  color: #000;
}
*:focus {
  outline: none;
}
button:focus {
  outline: none;
}
button {
  border: 0;
}
ul li {
  list-style: none;
  color: inherit;
}
img {
  max-width: 100%;
}
a:hover {
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

:root {
  --white:#ffffff;
  --skyblue:#63cae1;
  --black:#000000;
  --grey:#6D6E70;
  --sectionbg:#F8F8F8;
}


.blog-text-main,
.cart-details,
.cart-details ul,
.check-out-left-details,
.check-out-left-details ul,
.check-out-main,
.cms_title h1,
.contact-information,
.contact-main-row,
.detail-box ul,
.diresco-uv-row,
.error-inner-sub,
.faq-list ul,
.form,
.form form,
.form-row,
.info-button ul,
.info-button ul li,
.latest-post,
.latest-post ul,
.latest-post ul li a,
.left-aside ul,
.lft-txt-cls ul li img,
.main-row-text-contain,
.menu-logo,
.pop-up-qty,
.pop-up-text-data a,
.prev-next,
.primary,
.right-aside ul,
.row textarea,
.search-res-cls ul,
.text-button,
.text-contain,
.text-contain h1,
.text-contain h2,
.text-contain.applications h4,
.thanks-page,
.thanks-page p,
.top-foot,
.value-series-row,
.why-choose-qstone,
form .row,
form .row label,
main {
    width: 100%;
    float: left;
}
.container {
  width:100%;
  max-width:1440px;
  margin: auto;
}

.btm_banner_inr img,
.caremaintence img,
.cms_spacing .text-contain p img,
.ftr_clm form,
.gallery_item img,
.gallery_itm img,
.hamburgermenu img,
.inner_banner_main img,
.mfc_img img,
.nav-belt,
.next img,
.prev img,
.prev-next ul,
.video_img img,
.view_img img,
.vrty_item img,
.who_are_img img,
nav,
nav ul,
nav ul li:hover ul li {
    width: 100%;
}
.contact-details a {
    color: #fff;
    font-family: Gotham;
}
.nav-belt {
    float: left;
    padding: 0;
    margin-bottom: 0;
    background: #e5e5e6;
}
.hamburgermenu {
    width: 40px;
    height: 40px;
    z-index: 999;
    position: absolute;
    top: 5%;
    display: none;
    right: 20px;
}
nav {
    background: rgb(147 149 152 / 0.24);
    float: none;
    z-index: 1;
}
nav ul {
    float: left;
    display: flex;
}
nav ul li {
    width: auto;
    float: left;
    z-index: 999;
}
.nav-belt nav ul li:last-child {
    position: absolute;
    right: 30px;
    top: 26%;
}
nav ul li a {
    float: left;
    text-align: center;
    font-size: 15px;
    padding: 18px 54px;
    color: #231f20;
}
nav ul li.select a,
nav ul li:hover a {
    font-family: Gotham;
    font-weight: 500;
    background: #e0582f;
    color: #fff;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
nav ul li ul {
    display: none;
    opacity: 0;
}
nav ul li:hover ul {
    display: block;
    position: absolute;
    width: auto;
    top: 36px;
    background: #000;
    font-size: 10px;
}
nav ul li:hover ul li {
    float: left;
    text-align: center;
    margin-bottom: 1px;
}
nav ul li:hover ul li a {
    width: 100%;
    float: left;
    padding: 14px 0;
    text-align: center;
    font-weight: 400 !important;
    font-size: 1.2em;
    background: #67686b;
    color: #fff;
    font-family: Gotham;
    line-height: 16px;
}
nav ul li:hover ul li.select a,
nav ul li:hover ul li:hover a {
    background: rgb(35 31 32 / 0.83);
    font-weight: 400;
}
nav ul li:hover ul li:last-child {
    margin-bottom: 0;
    position: relative;
    right: initial;
}
.opacitycls {
    opacity: 1;
    transition: 0.4s ease-in;
    -webkit-transition: 0.4s ease-in;
    -moz-transition: 0.4s ease-in;
    -ms-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
}
#carousel_slider .slides li,
.glry_overlay_txt,
.search_data .search_inr,
.search_inr,
.thumbImg,
.vrty_item a {
    transition: 0.8s;
}
nav ul li:last-child input[type="text"] {
    width: 0;
    height: 18px;
    box-sizing: border-box;
    border: none;
    font-size: 13px;
    font-family: Gotham;
    padding: 10px 5px 6px !important;
    transition: 0.8s;
    margin-right: 5px;
}
nav ul li:last-child input.clicked {
    width: 218px;
    height: 18px;
    padding: 6px 5px !important;
}
.search_data nav ul li:last-child input[type="text"] {
    width: 218px;
    height: 18px;
    padding: 10px 5px 6px !important;
}
.menu_searchbar img {
    width: 20px;
    cursor: pointer;
}
#search_form {
  display: flex;
  justify-content: flex-end;
}
.search_inr {
    opacity: 0;
    visibility: hidden;
    display: none;
}
.mtfc_itm,
.nav-belt nav ul li.search_main {
    display: flex;
    align-items: center;
}
div.main_inner {
    width: 100%;
    float: left;
    padding: 30px 0 0;
    min-height: 600px;
}
.form-box form,
div.home_main {
    width: 100%;
    float: left;
    padding: 0;
}
.check-out-left,
.check-out-right,
.left-aside,
.left-info,
.left-row-text-contain {
    width: 50%;
    float: left;
}
.right-aside {
    width: 50%;
}
.left-aside ul li {
    text-align: center;
    width: 100%;
}
.blog-text-left-box:last-child,
.check-out-left-details ul li:last-child,
.inner-left-aside ul li:last-child,
.inner-right-aside ul li:last-child,
.left-aside ul li:last-child,
.left-row-main-icon-box ul li:nth-child(5),
.left-row-main-icon-box ul li:nth-child(6),
.select-range-main-row .value-series:last-child .value-series-row ul,
.text-contain p:last-child {
    margin-bottom: 0;
}

.select-link {
    display: none !important;
    height: auto;
    float: left;
    padding: 0;
}
.abs-btn-links,
.abs-btn-links .next .hover,
.abs-btn-links .next:hover img,
.abs-btn-links .prev .hover,
.abs-btn-links .prev:hover img,
.absdv,
.color_ptl_modal_img .availablity_txt,
.index-banner .flex-control-nav,
.index-banner ul.flex-direction-nav,
.left-aside ul li .abs-link,
.mySlides,
.mySlides2,
.plus:hover span,
.right-aside ul li .select-link,
.value-series-row ul li a .border-img .border_img_two,
.value-series-row ul li a:hover .border-img .border_img_one,
header.fixed .header_bg_shape {
    display: none;
}
.left-aside ul li:hover .abs-link {
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    width: calc(100% - 0px);
    float: left;
}
.abs-link {
    height: auto;
    float: left;
    padding: 0;
}

.inner-content-container {
    width: calc(100% - 340px);
    margin: 0 auto;
}
.inner-content-container.banner_img {
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden;
}
.main-sld-img,
.slider {
    width: 100%;
    float: left;
    position: relative;
    z-index: 0;
}
.main-sld-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
#carousel ul li:hover img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #d5b80082;
}
.right-aside ul li {
    float: left;
    text-align: center;
    position: relative;
    width: 100%;
}
.right-aside ul li:last-child {
    margin-bottom: 0;
    background-position: center;
    background-size: cover;
}
.right-aside ul li a span {
    font-size: 1.6em;
    width: 100%;
    float: left;
}
.right-aside ul li:hover a {
    background: #6d6e71;
    color: #d5b800;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.right-aside ul li:hover .select-link {
    display: block;
    position: absolute;
    bottom: 2px;
    left: 1px;
    width: calc(100% - 2px);
}
.right-aside ul li:hover .select-link a {
    height: auto;
    background: 0 0;
    border: none;
}
.right-aside ul li:hover .select-link a span.black {
    width: auto;
    background: #414042;
    color: #d5b800;
    font-size: 9px;
    padding: 2px 10px;
    font-family: Jost;
}
.right-aside ul li:hover .select-link a span.white {
    width: auto;
    background: #fff;
    color: #000;
    font-size: 9px;
    padding: 2px 10px;
    font-family: Jost;
}
footer {
    width: 100%;
    float: left;
    background: #e0582f;
}
.main-line {
    width: 100%;
    float: left;
    color: #d5b800;
    font-size: 1.8em;
    line-height: 40px;
    letter-spacing: 1px;
    font-family: Jost;
    font-weight: 400;
}
.divided-part {
    width: 100%;
    float: left;
    background: url(../images/ver-line.jpg) top center repeat-y;
    margin: 20px 0 30px;
}
.divided-left,
.divided-right {
    width: calc(50% - 16px);
    float: left;
    text-align: justify;
    color: #fff;
    font-size: 1.2em;
    line-height: 18px;
}
.divided-right,
.faq-list ul li:nth-child(2n),
.left-row-main-icon-box ul li:nth-child(2n) {
    float: right;
}
.bot-foot,
.information {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.bot-foot ul {
    width: 100%;
    float: left;
    border-top: 1px solid rgb(255 255 255 / 0.47);
    text-align: center;
    padding: 15px 0;
}
.bot-foot ul li {
    width: auto;
    float: none;
    padding: 0 10px;
}
.bot-foot ul li a {
    color: #6d6e71;
    font-size: 12px;
}
.prev-next ul li a {
    color: #000;
    font-family: Gotham;
    box-sizing: border-box;
}
.bot-foot ul li a:hover {
    color: #d5b800;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.menu-logo img {
    width: 220px;
}


.menu-icon.fixed,
.value-series:first-of-type .range_inr_title,
.who_are_txt .who_txt_inr p {
    margin-top: 0;
}
.info-button a,
.info-button-right a {
  background-color:#E3E3E2;
  box-sizing: border-box;
}


.colorrange_inr_main{
  float: left;
  width: 100%;
}

.cms_title h1,
.text-contain h1 {
  font-family: 'Playfair Display';
  font-weight:500;
}
form {
    width: 260px;
    float: right;
}

.abs-btn-links {
    width: 100%;
    float: left;
    position: absolute;
    top: 35px;
}
.abs-btn-links .next,
.abs-btn-links .prev {
    border: 1px solid #fff;
    border-radius: 100%;
    width: 26px;
    height: 26px;
}
.abs-btn-links .next:hover img.hover,
.abs-btn-links .prev:hover img.hover {
    display: block;
    width: 26px;
    height: 26px;
}
.absdv {
    width: 100%;
    float: left;
    height: 100vh;
    position: fixed;
    background: rgb(255 255 255 / 0.5);
    top: 0;
    opacity: 1;
    z-index: 100000;
}
.information,
.main-row-text-contain {
    background: url(../images/ver-line.jpg) top center repeat-y;
}
.loader {
    border: 6px solid #231f20;
    border-top: 6px solid #d1d1d1;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    -webkit-animation: 2s linear infinite spin;
    animation: 2s linear infinite spin;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999999999;
    margin-left: -20px;
    margin-top: -20px;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.inactive {
    pointer-events: none;
    opacity: 0.5;
}
.active {
    pointer-events: auto;
    opacity: 1;
}
.ftr_clm form .form_grp input.active-border,
.row input[type="email"].active-border,
.row input[type="text"].active-border,
.row textarea.active-border {
    border: 1px solid #4a90e2 !important;
}
.ftr_clm form .form_grp input.finish-border {
    border: 1px solid #4a4a4a !important;
}
.ftr_clm form .form_grp input.error-border,
.row input[type="email"].error-border,
.row input[type="text"].error-border,
.row textarea.error-border {
    border: 1px solid red !important;
}
.vali {
    float: right;
    color: #d0021b;
    font-family: Gotham;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    position: absolute;
    padding: 32px 5px;
    right: 0;
}
#subscriber_form .vali {
    padding: 10px 5px;
}
.banner_btm_itm,
.prev-next {
    margin-top: 20px;
}
.prev-next ul li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
    text-transform: none;
    margin: 0;
}
.prev-next ul li:hover a {
    background: #231f20;
    color: #fff;
}
.prev-next ul li a {
  font-size:18px;
  padding: 5px 10px;
}
.prev-next .select {
    background-color: #231f20;
    color: #fff;
}
.active_application .yellow_overlay_txt h3,
.diresco-green-background ul.slab-size-first li:nth-child(2n),
.full-text,
.popup .close:hover,
.premium-full-text,
.text-contain,
.vrty_item a:hover .yellow_overlay_txt h3 {
    color: #fff;
}
.text-contain.applications h3 {
    width: 100%;
    float: left;
    font-size: 1.5em;
    line-height: 22px;
    font-family: Jost;
    color: #d5b800;
    margin-bottom: 15px;
}
.text-contain.applications h4 {
    font-size: 1.4em;
    line-height: 22px;
    font-family: Jost;
    color: #d5b800;
    margin-bottom: 10px;
    font-weight: 400;
}
.text-contain h1 {
  font-size:40px;
  line-height:50px;
  text-align: center;
  margin-bottom: 25px;
  color:var(--black);
  letter-spacing:2px;
  word-break: break-word;
}
.cms_title h1 {
    font-size: 26px;
    line-height: 22px;
    color: #000;
    margin-bottom: 30px;
}
.cms_title h2,
.text-contain h2 {
  margin-bottom: 10px;
  font-weight:500;
}
.text-contain h2 {
    font-size: 22px;
    line-height: initial;
    font-family: Jost;
    color: #d5b800;
}
.cms_title h2,
.diresco .text-contain.green h2,
.left-row-text-title,
.lft-txt-cls ul li a,
.text-contain p {
    font-family: Gotham;
    width: 100%;
    float: left;
}
.text-contain h2 strong {
  line-height: 28px;
  font-weight:500;
}
.cms_title h2 {
  font-size:22px;
  line-height: 22px;
  color: var(--black);
  font-weight: 500;
}
.text-contain p a,
.text-contain.green h1,
.who_are_txt p a,
.who_txt_inr p a {
    color: #de5930;
}
.text-contain p {
    color: #000;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 30px;
    letter-spacing: 1px;
}
.text-contain p img {
    width: auto;
    float: right;
}
.diresco .text-contain.green h2 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 5px;
    text-align: left;
    line-height: 32px;
    color: #de5930;
}
.right-side-img {
    vertical-align: top;
}
.why-choose-qstone h2 {
    width: 100%;
    float: left;
    font-size: 2.5em;
    font-family: Jost;
    font-weight: 400;
    text-align: center;
    color: #d5b800;
    margin-bottom: 45px;
}
.title-top-abs-logo {
    position: absolute;
    right: 0;
}
.left-row-text-title {
  font-family: 'Playfair Display';
  text-align: center;
  font-size:2em;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 55px;
  line-height: 36px;
  color: var(--black);
}
.icon-text-data,
.right-row-text-title {
    text-transform: uppercase;
    font-family: Jost;
    font-weight: 400;
}
.left-row-text-title span,
.right-row-text-title span {
    font-size: 0.8em;
    width: 100%;
    float: left;
}
.right-row-text-contain {
    width: 50%;
    float: left;
    display: none;
}
.left-row-main-icon-box,
.right-row-text-title {
    width: 100%;
    text-align: center;
}
.right-row-text-title {
    float: left;
    font-size: 3em;
    margin-bottom: 55px;
    line-height: 36px;
    color: #9bc13c;
}
.left-row-main-icon-box ul,
.right-row-icon-text ul {
    width: 370px;
    float: none;
    display: inline-block;
}
.diresco-uv-row ul,
.value-series-row ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
}
.left-row-main-icon-box ul li {
    color: #000;
    width: 175px;
    float: left;
    min-height: 80px;
    margin-bottom: 35px;
    min-width: 50%;
}
.icon-image,
.img-data {
    width: 65px;
    float: left;
}
.icon-image img,
.img-data img {
    width: 55px;
    float: left;
}
.txt-data {
    width: 100px;
    float: left;
    font-family: Gotham;
    font-size: 20px;
}
.right-row-icon-text {
    width: 100%;
    float: left;
    padding-left: 55px;
    box-sizing: border-box;
    text-align: center;
}
.right-row-icon-text ul li {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}
.icon-text-data {
    width: 230px;
    float: left;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    padding-left: 20px;
    padding-top: 8px;
    text-align: left;
}
.headeing-small,
.small-title,
.small-title-hed {
    font-family: Jost;
    color: #d5b800;
    width: 100%;
    float: left;
    line-height: 22px;
}
.small-title-hed {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 15px;
}
.small-title {
    font-size: 1.5em;
    margin-bottom: 20px;
}
.headeing-small {
    font-size: 1.4em;
    margin-bottom: 10px;
}
.info-button,
.info-button-right {
    text-align: center;
    margin: 0 auto;
}
.info-button h2 {
    font-size: 3em;
    font-weight: 600;
    letter-spacing: 4px;
    margin-bottom: 40px;
    text-align: center;
    color: #000;
   font-family: 'Playfair Display';
}
.info-button,
header.sticky-header .logo img {
    width: 300px;
}
.info-button a {
  width: 100%;
  float: left;
  min-height: 75px;
  font-size: 17px;
  line-height: 22px;
  font-family: Gotham;
  font-weight:400;
  color:var(--black);
  margin-bottom: 35px;
  padding: 15px 35px;
}
.info-button a:hover {
    background-color:var(--black);
    color:var(--white);
    font-family: Gotham;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.right-info {
    width: 50%;
    float: right;
}
.classiq-full-text-row,
.continue-button,
.detail-box,
.error-page,
.full-text-row p,
.info-title-green,
.premium-full-text-row {
    width: 100%;
    float: left;
    text-align: center;
}
.info-title-green h2 {
    font-size: 3em;
    font-family: Jost;
    font-weight: 400;
    color: #9bc13c;
    margin-bottom: 40px;
}
.info-button-right {
    width: 285px;
}
.info-button-right a {
  width: 100%;
  float: right;
  font-size: 1.4em;
  line-height: 22px;
  font-family: Jost;
  font-weight: 400;
  color: #000;
  margin-bottom: 35px;
  padding: 15px 60px;
}
.blog-text-left-box h1,
.faq-link .beefup__head button {
  font-weight:500;
  text-align: left;
  text-transform: uppercase;
}
.info-button-right a:hover {
    background-color: #d5b800;
    font-family: Jost;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.right-info .info-button h2 {
    color: #9bc13c;
}
.faq-list {
    width: 100%;
    float: left;
    padding: 0;
    box-sizing: border-box;
    margin-bottom:50px;
}
.faq-list ul li {
    width: 100%;
    float: none;
    display: inline-block;
    margin-bottom: 15px;
}
.faq-link .beefup__head button {
  float: left;
  width: calc(100% - 35px);
  font-family: Gotham;
  cursor: pointer;
  font-size: 18px;
  line-height: 28px;
  color: #000;
  background: url(../images/arrow-dwn.svg) left center no-repeat;
  padding-left: 30px;
  box-sizing: border-box;
  border: none;
  transition: 0.7s;
}
.faq-link .beefup__body {
    float: left;
    width: 100%;
     font-family: Gotham;
    color: #fff;
}
.faq-link .beefup__body p {
  width: 100%;
  float: left;
  font-size: 18px;
  font-family: Gotham;
  line-height: 2;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 30px;
  box-sizing: border-box;
}
.faq-link .beefup__body p a {
    color: #de5930;
    text-decoration: underline;
}
.select-range-main-row {
    width: 100%;
    float: left;
    border-bottom: 15px solid #c3c3c3;
    margin-bottom: 0;
    padding-bottom: 10px;
    position: relative;
}
.faq-link.is-open .beefup__head button {
    background: url(../images/arrow-up.svg) left center no-repeat;
    padding-left: 30px;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: left;
    border: none;
}
.slab-size {
    width: auto;
    float: right;
    position: relative;
    margin-top: -50px;
}
ul.slab-size-first li {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 1.4em;
    font-family: Jost;
    font-weight: 400;
    margin-bottom: 5px;
}
.slab-size-second,
ul.slab-size-first li:nth-child(2n) {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 1.4em;
    font-family: Jost;
    font-weight: 400;
    color: gray;
}
.diresco-uv,
.full-text-row,
.value-series {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.value-series-title {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0;
    background-color: gray;
    font-size: 14px;
    line-height: 22px;
    font-family: Jost;
    color: #d5b800;
    margin-bottom: 15px;
}
.value-series-row ul {
    width: 100%;
    float: left;
    row-gap: 35px;
}
.value-series-row ul li {
    width: auto;
    float: left;
    margin-bottom: 0;
    margin-right: 0;
    text-align: center;
    font-size: 1em;
    font-family: Jost;
    color: #fff;
}
.value-series-row ul li a {
    font-family: "Avenir LT Std";
    color: #000;
    float: left;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
    display: flex;
    align-items: baseline;
}
.diresco-uv-row ul li a,
.slab-size-center {
    font-family: Jost;
    font-weight: 400;
    float: left;
}
.diresco-uv-row ul li a .color-palate-yellow,
.value-series-row ul li a .color-palate-yellow {
    font-size: 14px;
}
.value-series-row ul li img {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 0;
}
.diresco-uv-row ul li .border-img:after,
.value-series-row ul li .border-img:after {
    border: 5px solid #fff0;
    box-sizing: border-box;
    cursor: pointer;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.value-series-row ul li:hover .border-img:after {
    border: 5px solid;
    box-sizing: border-box;
    cursor: pointer;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.diresco-uv-row ul li.active-color-palate .border-img:before,
.diresco-uv-row ul li:hover .border-img:after,
.value-series-row ul li.active-color-palate .border-img:before {
    border: 5px solid rgb(155 193 60 / 0.75);
    box-sizing: border-box;
    cursor: pointer;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.classiq-range-main-row,
.marmo-range-main-row,
.premium-range-main-row {
    width: 100%;
    float: left;
    border-bottom: 15px solid #c3c3c3;
    margin-bottom: 0;
    padding-bottom: 50px;
}
.slab-size-center {
    width: 100%;
    text-align: center;
    font-size: 1.4em;
    margin-bottom: 25px;
}
.classiq-full-text,
.detail-box ul li a,
.middle-link a,
.slab-size-lft,
.slab-size-lft span:first-child {
    color: #000;
}
.slab-size-lft span:last-child {
    padding-left: 10px;
    color: gray;
}
.diresco-uv-range-main-row {
    width: 100%;
    float: left;
    border-bottom: 0 solid #c3c3c3;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 15px;
}
.classiq-full-text,
.full-text,
.premium-full-text {
    width: auto;
    font-size: 1.4em;
    line-height: 18px;
    font-family: Jost;
    font-weight: 400;
    margin-right: 15px;
}
.diresco-uv-range-main-row.diresco-uv-range-sub-sub-row {
    border-bottom: none;
}
.diresco-uv-range-main-row h2 {
    color: #fff;
    margin-bottom: 0;
}
.diresco-uv-row ul {
    width: 100%;
    float: left;
    grid-row-gap: 35px;
}
.diresco-uv-row ul li {
    width: 100%;
    float: left;
    margin-bottom: 0;
    margin-right: 9px;
    text-align: center;
}
.diresco-uv-row ul li a {
    color: #000;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
    display: flex;
    align-items: baseline;
}
.diresco-uv-row ul li img {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 5px;
}
.diresco-uv-row ul li:nth-child(3n),
.row_second .who_txt_inr img {
    margin-right: 0;
}
.diresco-uv-row ul li:nth-child(4n) {
    margin-right: 9px;
}
.classiq-full-text span,
.full-text-row p span {
    color: #d5b800;
}
.full-text {
    float: left;
}
.classiq-full-text,
.premium-full-text {
    float: none;
    display: inline-block;
}
.full-text:last-child {
    margin: 0;
}
.blog-text-left {
    width: 60%;
    float: left;
    box-sizing: border-box;
    padding-right: 15px;
    margin-bottom: 40px;
}
.blog-text-left p,
.check-out-text-data h3,
.ftr_clm .form_grp {
    margin-bottom: 10px;
}
.blog-text-left-box,
.renovation-image {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.blog-text-left-box h1,
.blog-text-title {
  margin-bottom: 5px;
  width: 100%;
  float: left;
}
.blog-text-left-box h1 {
  font-size: 22px;
  color:var(--black);
  font-family: Gotham;
  line-height: 29px;
  letter-spacing: 0;
}
.blog-text-right h2,
.posted,
.text-button a {
    font-family: Gotham;
    float: left;
}
.blog-text-left-box .text-button a {
    margin: 20px 0;
}
.blog-text-title {
  font-size:19px;
  color: #fff;
}
.posted {
  width: 100%;
  font-size:14px;
  color: gray;
}
.renovation-image img {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.text-button a {
  width: auto;
  margin: 10px 0;
  font-size:16px;
  color: #000;
}
.text-button a:hover {
    color: #de5930;
    transition: 0.4s;
}
.blog-text-right {
    width: 40%;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/ver-line.jpg) top left repeat-y;
}
.blog-text-right h2 {
  width: 100%;
  font-size:19px;
  color: #000;
  margin-bottom: 5px;
  font-weight: 500;
  text-align: left;
}
.blog-date p,
.blog-name h4,
.contact-left-text-title {
    font-weight: 400;
    font-family: Gotham;
}
.about-text,
.blog-text-right p {
  font-size:14px;
  color: gray;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.blog-text-right p {
  line-height: 24px;
  font-family: Gotham;
}
.latest-post ul li {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
.detail-box ul li,
.detail-box ul li a {
    width: auto;
    float: none;
    font-weight: 300;
    font-family: Gotham;
}
.blog-date {
    width: 22%;
    float: left;
    background-color: gray;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
.blog-date p {
  width: 100%;
  float: left;
  font-size:23px;
  text-align: center;
  color: #fff;
}
.blog-date span {
  width: 100%;
  float: left;
  font-size: 16px;
}
.blog-name {
  width: 75%;
  float: right;
}
.blog-name h4 {
  width: 100%;
  float: left;
  font-size: 18px;
  line-height: 22px;
  color:var(--black);
}
.contact-left-text {
  width: 49%;
  float: left;
  margin-right: 1%;
}
.contact-left-text-title {
  width: 100%;
  float: left;
  font-size:18px;
  color: #000;
  margin-bottom: 14px;
  text-align: center;
  letter-spacing: 1px;
}
.colorrange_inr_range_iinn .colorpalet_desc,
.error-page,
.thanks-page {
    margin-bottom: 50px;
}
.detail-box ul li {
    font-size: 16px;
    color: #000;
    line-height: 22px;
    display: inline-block;
    margin: 0 5px 5px;
}
.row input[type="email"],
.row input[type="submit"],
.row input[type="text"],
.row textarea,
form .row label {
  font-size: 16px;
  font-weight: 400;
  font-family: Gotham;
}
.google-map {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.contact-right-text {
    width: 49%;
    float: left;
    margin-left: 1%;
}
#accordion,
.contact-information form {
    padding: 0;
}
form .row {
    margin-bottom: 12px;
}
form .row label {
    color: #000;
    margin-bottom: 5px;
}
.row input[type="email"],
.row input[type="text"] {
    width: 100%;
    float: left;
    border: 1px solid #000;
    padding: 10px;
    box-sizing: border-box;
}
.continue-button a,
.row input[type="submit"] {
    width: auto;
    float: none;
    background-color: #000;
}
.row input[type="submit"],
.row textarea {
    border: 1px solid #111;
}
.row textarea {
    height: 80px;
    box-sizing: border-box;
    resize: both;
    padding: 10px;
    resize: none;
}
.row input[type="submit"] {
    -webkit-appearance: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 30px;
    height: 40px;
    cursor: pointer;
    box-shadow: rgb(0 0 0 / 0.25) 0 3px 11px 0;
    color: #fff;
}
.row input[type="submit"]:hover {
    color: #fff;
    box-shadow: none;
    background-color: #de5930;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    border: 1px solid #de5930;
}
.thanks-page p {
    font-size: 2em;
    color: #000;
    line-height: 1.6;
    margin-bottom: 30px;
    padding: 0 140px;
    box-sizing: border-box;
    text-align: center;
}
.continue-button a,
.error-page a {
    padding:15px 25px;
    border-radius: 5px;
}
.continue-button a {
    font-size: 1.6em;
    color: #fff;
    font-family: Gotham;
}
.error-inner-sub h1 {
    width: 100%;
    float: left;
    font-size: 2.5em;
   font-family: 'Playfair Display';
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
    color: #de5930;
}
.error-page a,
.error-page p {
    font-family: Gotham;
    font-size:20px;
    box-sizing: border-box;
}
.error-page p:first-child {
    width: 100%;
    float: left;
    font-size: 190px;
    line-height: 1.2;
    color: #000;
    text-align: center;
    margin-bottom: 0;
    font-family: Gotham;
    font-weight: 500;
}
.error-page p {
    width: 100%;
    float: left;
    color: #000;
    line-height: 1.6;
    margin-bottom: 30px;
}
.error-page a {
  float: none;
  width: auto;
  text-align: center;
  line-height: 1.5;
  font-family: Gotham;
  background:#E3E3E2;
  color: #000;
  font-weight: 400;
  transition:all 0.5s;
}

.error-page a:hover{
  background:var(--black);
  color:var(--white);
}
.blog-text-left-box h2 {
  width: 100%;
  float: left;
  text-transform: uppercase;
  font-size:19px;
  margin-bottom: 5px;
  font-family: Gotham;
  text-align: left;
  line-height: 28px;
  color:var(--black);
}
.blog-text-left-box h3,
.blog-text-left-box h4 {
    font-size:30px;
     font-family: Gotham;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.blog-text-left-box h3 {
    font-weight: 600;
    text-align: center;
    color: #de5930;
}
.blog-text-left-box h4 {
    font-weight: 400;
    text-align: center;
    color: #d5b800;
}
.blog-text-left-box ul {
    width: 100%;
    float: left;
    list-style-type: disc;
    padding-left: 15px;
}
.blog-text-left-box ul li {
    width: 100%;
    float: left;
    font-size: 1.8em;
    color: #000;
    padding: 5px 0;
    line-height: 30px;
    font-family: Gotham;
    font-weight: 300;
}
.blog-text-left-box ol {
    width: 100%;
    float: left;
    padding-left: 15px;
}
.blog-text-left-box ol li {
    width: 100%;
    float: left;
    font-size: 1.4em;
    color: #fff;
    padding: 5px 0;
}
.blog-text-left-box img,
.blog-text-left-box p img {
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin: 15px 0;
}
.modal,
.modaltwo {
    display: none;
    position: fixed;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    background: #000;
    box-sizing: border-box;
    z-index: 999999999 !important;
    height: 100%;
    right: 0;
    margin: 0 auto;
    overflow-x: hidden;
}
.modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 85%;
    top: 50%;
    transform: translateY(-50%);
}
.close,
.next,
.numbertext,
.pop-up-page,
.prev {
    position: absolute;
}
.modal .main_popup_img img {
    max-width: 100%;
    margin: 0 auto;
    height: 80vh;
    width: auto;
}
.modal .bottom-bar-popup {
    margin: 0 auto;
    float: initial;
}
.close {
    color: #fff;
    top: 12px;
    right: 20px;
    font-size: 35px;
    font-weight: 400;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.banner_btm_inr,
.bottom-bar-popup,
.ftr_bottom,
.home_banner_txt,
.primary,
.range_itm_text {
    justify-content: space-between;
}
.close:focus,
.close:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.modal img,
.modaltwo img {
    max-width: 100%;
    width: 100%;
    display: block;
}
.cursor,
.ftr_right .ftr_clm ul li,
.ftr_right .ftr_clm ul li a,
nav ul li:nth-child(2),
nav ul li:nth-child(2) a,
nav ul li:nth-child(4),
nav ul li:nth-child(4) a,
nav ul li:nth-child(5),
nav ul li:nth-child(5) a,
nav ul li:nth-child(6),
nav ul li:nth-child(6) a {
    cursor: pointer;
}
.next,
.prev {
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    bottom: 50%;
    width: 26px;
    padding: 0;
    transition: 0.6s;
    user-select: none;
    -webkit-user-select: none;
}
.next {
    right: 8px;
}
.prev {
    left: 8px;
}
.next:hover,
.prev:hover {
    opacity: 0.8;
}
.overlay:target,
.thumbImg:hover .glry_overlay_txt {
    opacity: 1;
    visibility: visible;
}
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    top: 0;
}
.caption-container {
    text-align: center;
    background-color: #000;
    padding: 2px 16px;
    color: #fff;
}
.bottom-bar-popup {
    width: 100%;
    float: left;
    padding: 12px 30px;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.3em;
    color: #000;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 15px;
    align-items: center;
}
.lft-txt-title {
    font-family: "Avenir LT Std";
    width: auto;
    float: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    text-align: left;
}
.diresco-uv-row ul li a:first-child,
.middle-link,
.value-series-row ul li .range_itm_text a,
.value-series-row ul li a:first-child {
    width: auto;
}
.order-sample-btn {
    width: auto;
    float: right;
    margin-top: -3px;
    margin-bottom: -3px;
}
.inner-sub,
.property-list ul li {
    margin-bottom: 30px;
    box-sizing: border-box;
}
.order-sample-btn a {
    width: 140px;
    float: right;
    background: #e0582f;
    border: 1px solid #fff;
    padding: 16px 0 12px;
    color: #fff;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    line-height: 0;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-family: Gotham;
}
.order-sample-btn a:hover {
    background: #6d6e71;
    border: 1px solid #e0582f;
    color: #e0582f;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.inner-sub {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 70px;
}
.search-res-cls {
    width: 100%;
    float: left;
    text-align: left;
}
.property-list {
    margin-top: 35px;
}
.search-res-cls ul li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}
.property-list ul li {
    padding-right: 30px;
}
.search-res-cls ul li span {
    float: left;
    width: 100%;
    font-family: Jost;
    font-size: 1.7em;
    line-height: 1.7;
    color: #000;
    margin-bottom: 10px;
}
.search-res-cls ul li p {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    margin-bottom: 10px;
}
.search-res-cls ul li a {
    float: left;
    width: auto;
    font-family: Gotham;
    font-size: 22px;
    line-height: 1.7;
    color: #de5930;
}
.cart-image img {
    width: 30px;
    height: auto;
    float: left;
    padding-right: 10px;
}
.cart-image a span {
    width: auto;
    float: right;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    font-family: Gotham;
}
.pop-up-page p,
.pop-up-qty,
.pop-up-text-data a,
.pop-up-text-data h3 a {
    font-family: Gotham;
    font-weight: 400;
}
.pop-up-page {
    width: 500px;
    display: none;
    float: right;
    z-index: 999;
    right: 0;
    background-color: #fff;
    padding: 15px 35px 35px;
    border: 1px solid #707070;
    box-shadow: -2px 0 5px #231f20;
    box-sizing: border-box;
    border-radius: 10px;
    top: 67px;
}
.pop-image-close {
    width: auto;
    float: right;
    position: relative;
    right: -20px;
}
.pop-image-close img {
    width: auto;
    float: right;
    margin-bottom: 10px;
}
.pop-up-page p {
    width: 100%;
    float: left;
    letter-spacing: 2px;
    font-size: 1.2em;
    color: #231f20;
    margin-bottom: 30px;
    line-height: 32px;
    text-align: left;
}
.pop-up-qty,
.pop-up-text-data a,
.primary button {
    color: #000;
    font-size: 14px;
}
.cart-details ul li {
    width: 415px;
    float: left;
    margin-bottom: 30px;
}
.pop-up-qty,
.pop-up-text-data h3 a {
    margin-bottom: 10px;
}
.cart-image-box {
    width: 185px;
    float: left;
}
.cart-image-box a img {
    width: 170px;
    float: left;
}
.check-out-img-data,
.pop-up-text-data {
    width: 230px;
    float: left;
}
.pop-up-text-data{text-align:right;}
.pop-up-text-data h3 a {
    width: 100%;
    float: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 18px;
    color:var(--black);
    font-weight:500;
}
.pop-up-qty {
    line-height: 20px;
}
.pop-up-text-data a {
    text-transform: uppercase;
    line-height: 17px;
    text-decoration: underline;
}
.primary {
    display: flex;
    margin-top: 20px;
}
.primary button {
    float: left;
    width: 45%;
    border: 1px solid #000;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 2px 4px 0 #646464;
    background: 0 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: Gotham;
    font-weight: 400;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
}
#top-cart-btn-checkout,
.submit_btn input:hover {
    background: #000;
    color: #fff;
}
.form-row-full input[type="text"],
.row-data input[type="email"],
.row-data input[type="text"] {
  float: left;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 15px;
  font-family: Gotham;
  font-weight:400;
  color: #231f20;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
}
.check-out-left h2,
.check-out-right h2 {
    width: 100%;
    float: left;
    font-size: 24px;
    line-height: 29px;
    font-family: Gotham;
    font-weight: 400;
    color:var(--black);
    margin-bottom: 30px;
}
.check-out-left-details ul li {
    width: 560px;
    float: left;
    margin-bottom: 50px;
    font-size: 15px;
    line-height: 18px;
    font-family: Jost;
    font-weight: 400;
    color: #d5b800;
}
.check-out-img-data a img {
    width: 210px;
    float: left;
}
.check-out-text-data {
    width: 327px;
    float: left;
}
.check-out-icon-text-data {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.check-out-icon-text-data a img {
    width: auto;
    float: left;
    margin-right: 5px;
}
.check-out-icon-text-data a,
.qty {
    width: auto;
    float: left;
    font-size: 16px;
    line-height: 20px;
    font-family: Gotham;
    font-weight: 400;
    color: grey;
}
.form-box {
    width: 490px;
    float: left;
}
.row-data {
    width: 50%;
    float: left;
    position: relative;
}
.row-data input[type="text"] {
    width: 230px;
    text-transform: capitalize;
    border-radius: 5px;
    border: 1px solid #000;
}
.row-data input[type="email"] {
    width: 230px;
    border-radius: 5px;
    border: 1px solid #000;
}
.form-row-data-full,
.form-row-full {
    width: 100%;
    float: left;
    position: relative;
}
.popup .close,
.validation {
    position: absolute;
    right: 15px;
}
.form-row-full input[type="text"] {
    width: 476px;
    border-radius: 5px;
    border: 1px solid #000;
}
.form-row input[type="submit"] {
  width: 230px;
  -webkit-appearance: none;
  float: right;
  text-transform: uppercase;
  letter-spacing:0px;
  cursor: pointer;
  border: none;
  font-size: 16px;
  font-weight:400;
  font-family: Gotham;
  color:var(--black);
  background-color:#E3E3E2;
  padding: 15px 0;
    margin-right: 15px;
}
select.contact_customer,
select.contact_state {
    float: left;
    text-transform: capitalize;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 15px;
    font-family: Gotham;
    color: #231f20;
    padding: 10px 0 10px 10px;
    border-radius: 5px;
    background: #fff;
    font-weight:400;
    height: 38px;
    box-sizing: border-box;
}
#accordion > li > span,
.availablity_txt,
.availablity_txt2,
.check-out-text-data h3 a,
.faq h2,
.img_first h3,
.mtfc_itm p,
.view_more h2,
h1.color-platte {
    text-transform: uppercase;
}
select.contact_state {
    width: 230px;
    border: 1px solid #000;
}
.validation {
    width: auto;
    float: left;
    color: red;
    top: -15px;
    font-size: 14px;
   font-family: Gotham;
    font-weight:400;
}
.overlay,
header.fixed {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
}
select.contact_customer {
    width: 476px;
    border: 1px solid #000;
}
.plus {
    float: right;
    margin-top: -12px;
}
.plus:hover:before {
    content: "Order Sample";
}
.diresco-uv-row ul li:hover span {
    display: inline-block;
    padding-right: 0;
}
.address p {
    font-size: 0.7em;
}
.diresco-green-background {
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.diresco-green-background .slab-size {
    margin-top: -30px;
}
.diresco-green-background ul.slab-size-first li {
    margin-bottom: 0;
    margin-left: -10px;
}
.color-palate-yellow {
    float: right;
    width: auto;
    color: #000;
    margin-left: 4px;
}
.overlay {
    bottom: 0;
    background: rgb(0 0 0 / 0.7);
    transition: opacity 0.5s;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
}
.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 40%;
    position: relative;
}
.popup h2 {
    margin-top: 0;
    color: #333 !important;
    font-family: inherit;
    font-size: initial !important;
    font-weight: 600;
    letter-spacing: 1px;
}
.popup .close {
    top: 25px;
    transition: 0.2s;
    font-size: 30px;
    font-weight: 400;
    color: #333;
    background: 0 0;
    width: auto;
    min-height: auto;
    float: none;
    box-sizing: unset;
    margin-bottom: 0;
    height: 38px;
    padding: 0 10px;
    line-height: 43px;
    display: block;
    border: none;
}
.popup .content {
    max-height: 30%;
    overflow: auto;
    left: 0;
    width: 100%;
    color: #000;
    font-size: initial;
    padding-top: 4%;
    display: inline-block;
}
.popup .content img {
    max-width: 100%;
}
@media screen and (max-width: 900px) {
    .popup {
        width: 80%;
    }
}
@media screen and (max-width: 700px) {
    .popup {
        width: 70%;
    }
}
@media screen and (max-width: 500px) {
    .popup h2 {
        margin-top: 21px;
    }
    .availablity_txt {
        width: 100%;
        bottom: 3px;
        box-sizing: border-box;
    }
}
header.fixed {
    transition: position 10s;
    animation: 1s forwards smoothScroll;
    box-shadow: -2px 6px 20px -5px rgb(79 79 79 / 0.3);
    padding: 15px 0 0;
    -webkit-transition: position 10s;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    z-index: 99999999;
}
.header.fixed {
    transition: 0.6s;
}
header.sticky-header .top-header {
    padding: 20px 0 15px;
}
header.sticky-header .contact-details,
header.sticky-header .left-side {
    padding: 15px 0;
}
.mob-display .cart-image a span {
    color: #ffde00;
}
.mob-display {
    text-align: right;
    margin-bottom: 10px;
    margin-top: -3% !important;
    display:none;
}
.availablity_txt,
.availablity_txt2 {
    position: absolute;
    padding: 5px 10px;
    opacity: 0.5;
}
header {
    width: 100%;
    float: left;
    text-align: center;
    background: 0 0 / cover #e0582f;
    padding: 78px 0 0;
    z-index: 999;
    transition: position 10s;
    -webkit-transition: position 10s;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0);
    }
}
@media only screen and (max-width: 900px) {
    header.sticky-header .logo img {
        width: 220px;
    }
    header.sticky-header .top-header {
        padding: 30px 0;
    }
    content {
        margin-top: 30px;
    }
    header {
        position: inherit;
    }
    header.sticky-header {
        box-shadow: none;
        z-index: 9999;
    }

    .pop-up-page p {
        font-size: 18px;
    }
}
.cart-icon {
    margin-top: 10px !important;
}
.check-out-text-data h3 a {
    letter-spacing:0.5px;
    font-size: 18px;
    line-height: 18px;
    font-family: Gotham;
    font-weight:500;
    color:var(--black);
    display: inline-block;
    width: auto;
    float: none;
    margin-bottom: 5px;
}
.check-out-text-data h3 span {
    font-size: 15px;
    color: #fff;
}
.page_main_title {
    margin-top: 30px;
    text-align: center;
    float: left;
    width: 100%;
}
h1.color-platte {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-family: Gotham;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 1px;
    color: #000;
    padding: 5px;
    font-weight: 500;
}
.flexslider .slides > li h1.color-platte {
    bottom: 145px;
}
@media (max-width: 1200px) {
    .flexslider .slides > li h1.color-platte {
        bottom: 55px;
    }
}
@media (max-width: 1182px) {
    .flexslider .slides > li h1.color-platte {
        bottom: 50px;
    }
}
@media (max-width: 1166px) {
    .flexslider .slides > li h1.color-platte {
        bottom: 6%;
    }
}
@media (max-width: 1144px) {
    .flexslider .slides > li h1.color-platte {
        bottom: 4%;
    }
}
@media (max-width: 1127px) {
    .flexslider .slides > li h1.color-platte {
        bottom: 20px;
    }
}
.availablity_txt {
    color: #d5b800;
    font-size: 1.3em;
    bottom: 15px;
    right: 19px;
    background: gray;
}
.availablity_txt2 {
    color: #fff;
    font-size: 1em;
    bottom: 5px;
    right: 0;
    background: #000;
    width: 100%;
    box-sizing: border-box;
}
.banner_img,
.caremaintence {
    position: relative;
    float: left;
}
.home_banner_txt {
    display: flex;
    width: 100%;
}

.variety_inr,
.view_more_row {
    grid-template-columns: repeat(4, 1fr);
}
.mtfc_itm p {
    font-size: 16px;
    padding-left: 10px;
    font-family: Gotham;
}
.who_txt_inr h2,
.who_txt_title p {
    font-size: 40px;
    font-family: Gotham;
    font-weight: 300;
}
.video {
    margin: 0 0 70px;
    float: left;
    width: 100%;
}
.video_img iframe,
.video_img video {
    width: 100%;
    height: 550px !important;
    object-fit: cover;
}
.who_txt_inr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.who_txt_title p {
    line-height: 60px;
    padding-top: 5px;
}
.who_txt_inr p strong {
    font-family: Gotham;
    font-weight: 300;
    color: #de5930;
}
.who_are_row {
    display: flex;
    justify-content: space-between;
}
.who_are_txt {
    width: 43%;
}
.who_are_txt .who_txt_inr + p {
    margin-top: 30px;
    font-size: 24px;
    line-height: 42px;
    font-family: Gotham;
    font-weight: 300;
}
.gallery_itm .yellow_overlay_txt h3,
.white_overlay_txt h2,
.yellow_overlay_txt h3 {
    text-transform: uppercase;
    font-weight: 500;
    font-family: Gotham;
}
.who_are_img {
    width: 50%;
    position: relative;
    height: 100%;
}
.who_are_img .img_first .white_overlay_txt {
    background: rgb(0 184 241 / 40%);
}
.who_txt_inr img {
    margin-right: 15px;
    max-width: 200px;
    display: block;
}
.yellow_overlay_txt {
    position: absolute;
    width: 100%;
    bottom: 50%;
    transform: translateY(50%);
    background: rgb(58 58 58 / 50%);
    padding: 25px 0;
}
.yellow_overlay_txt h3 {
    text-align: center;
    color: #fff;
    font-size: 34px;
    letter-spacing: 1px;
    padding: 0 5px;
}
.who_txt_inr h3 img {
    vertical-align: sub;
    width: 180px;
}
.row_second {
    margin-top: 80px;
}
.ftr_btm_right ul,
.row_second .who_are_img {
    display: flex;
}
.who_are_img .yellow_overlay_txt {
    bottom: 0;
    transform: translateY(0);
    background: rgb(223 89 48 / 20%);
}
.img_first {
    position: relative;
    width: 50%;
}
.img_first h3 {
    color: #fff;
    font-size: 28px;
    line-height: 34px;
}
.img_first span {
    font-size: 16px;
    text-align: center;
    color: #fff;
    display: block;
    font-family: Gotham;
    margin-top: 5px;
}
.white_overlay_txt {
    position: absolute;
    width: 100%;
    background: #656568;
    padding: 40px 15px 25px;
    display: block;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 999;
}
.white_overlay_txt h2 {
    text-align: center;
    color: #fff;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 1px;
}
.img_first img {
    height: 550px;
}
.gallery,
.view_more {
    float: left;
    width: 100%;
    margin-top: 80px;
}

.yellow_overlay_txt span {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    display: block;
    font-family: Gotham;
    margin-top: 10px;
    padding: 0 20px;
    font-weight: 400;
}
#accordion > li > span,
.view_more h2 {
    font-weight: 600;
   font-family: 'Playfair Display';
}

.gallery_inr table tr td:last-child .gallery_itm {
    margin-right: 0 !important;
}
.view_itm .yellow_overlay_txt {
    min-height: 164px;
}
.overlay_img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.overlay_img img {
    width: 100%;
    max-width: 152px;
}
.faq {
    float: left;
    width: 100%;
    margin: 80px 0 0;
}
.faw_row,
.faw_row ul ~ a,
.ftr_right .ftr_clm ul {
    margin-top: 30px;
}
.faq h2 {
    font-size: 45px;
   font-family: 'Playfair Display';
    text-align: left;
    font-weight: 400;
    letter-spacing: 2px;
}
#accordion > li > span:before,
.inner_bnr_txt,
span.color-platte {
    text-align: center;
    position: absolute;
}
.faw_row:before {
    content: url(../images/orange-v.png);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: -1;
}
#accordion > li {
    display: block;
    margin-bottom: 25px;
}
#accordion a,
#accordion > li > div ul {
    margin-bottom: 20px;
}
#accordion li:first-child div,
.modaltwo.model-open {
    display: block;
}
#accordion > li > span {
    display: block;
    position: relative;
    margin: 0 0 10px;
    background-size: 20px;
    color: #353535;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-flex;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
#accordion > li > div {
    list-style: none;
    display: none;
    overflow: auto;
}
#accordion > ul li {
    font-weight: 400;
    cursor: auto;
    padding: 0 0 0 7px;
}
#accordion a {
    color: #000;
    font-family: Jost;
    font-size: 22px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: 1px;
}
#accordion > li > div p {
    color: #000;
   font-family: 'Playfair Display';
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
#accordion > li > div p a {
    text-decoration: underline;
    color: #d5b800;
}
#accordion > li > div ul li {
    color: #000;
    font-family: Jost;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    display: flex;
}
#accordion > li > span:before {
    content: url(../images/arrow-dwn.svg);
    font-family: Ionicons;
    font-size: 20px;
    margin-left: 0;
    right: -36px;
    display: block;
    width: auto;
    color: #353535;
    font-weight: 400;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
#accordion > li > span.active:before {
    transform: rotate(180deg);
}
.faw_row ul ~ a {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    font-family: Gotham;
    border: 1px solid #000;
    padding: 12px 18px;
    transition: 0.6s;
    display: inline-block;
}
.faw_row ul ~ :hover,
.popup_btn a:hover {
    background: #000;
    color: #fff;
    border: 1px solid #fff0;
}
.ftr_inr {
    padding: 50px 0 20px;
    display: flex;
    border-bottom: 1px solid #fff;
}
.ftr_left {
    width: 30%;
    margin-right: 10px;
}
.ftr_right {
    width: 74%;
    display: flex;
    justify-content: flex-end;
    column-gap: 35px;
}
.ftr_right .ftr_clm {
    width: 26%;
}
.ftr_clm h3 {
    font-size: 22px;
   font-family: 'Playfair Display';
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-weight: 600;
}
.ftr_clm form .form_grp input,
.ftr_right .ftr_clm a,
.submit_btn input {
    font-size: 16px;
   font-family: 'Playfair Display';
}
.ftr_clm form .form_grp input[type="email"],
.ftr_clm form .form_grp input[type="text"],
.submit_btn input {
  color: #000;
  font-weight:400;
}
.ftr_clm form .form_grp input {
    width: 100%;
    height: 40px;
    line-height: 42px;
    padding: 5px;
    font-weight: 300;
    border: 1px solid transparent !important;
}
.submit_btn input {
    background: #fff;
    text-transform: capitalize;
    letter-spacing: 1px;
    padding: 11px 30px;
    cursor: pointer;
    transition: 0.7s;
    border: 0;
}
.ftr_right .ftr_clm a {
    line-height: 26px;
    color: #fff;
    font-weight: 600;
    transition: 0.8s;
    letter-spacing: 1px;
}
.ftr_right .ftr_clm a:hover {
    font-weight: 400;
    color: #fff;
}
.ftr_right .ftr_clm p {
    font-size: 14px;
    line-height: 24px;
   font-family: 'Playfair Display';
    color: #fff;
    font-weight: 600;
    margin-top: 35px;
    letter-spacing: 1px;
}
.ftr_right .ftr_clm li {
    margin-bottom: 15px;
    padding: 0;
    display: block;
}
.ftr_bottom {
    display: flex;
    align-items: center;
    padding: 15px 0;
}
.ftr_btm_right ul li {
    padding-left: 10px;
}
.flexslider .slides > li span.color-platte {
    bottom: 60px;
}
span.color-platte {
    color: #d5b800;
    bottom: 20px;
    right: 0;
    left: 0;
    display: inline-block;
    opacity: 0.5;
    width: auto;
}
span.color-platte a {
    font-size: 18px;
    font-family: inherit;
    color: #ff0;
    background: gray;
    padding: 5px;
}
.owl-carousel .owl-item a span {
    color: #000 !important;
}
.select-stone,
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
.aplc_txt h2,
.vrty_item.active_application {
    margin-bottom: 15px;
}
.slick-dots {
    display: none !important;
}
.qstone_visualiser.owl-carousel .owl-item img {
    height: auto !important;
}
.inner_bnr_txt {
    top: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 111;
}
.colorrange_bnr_txt {
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    margin: 50px auto;
}
.inner_bnr_txt h1 {
    color: #000;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: 4px;
    font-family: Gotham;
    text-transform: uppercase;
}
.colorpalet_title h2 span,
.inner_bnr_txt h1 span {
    color: #00b9f2;
}
.application_main {
    margin: 60px 0 0;
    float: left;
    width: 100%;
}
.aplc_txt {
    max-width: 1100px;
    margin: 0 auto;
}
.aplc_txt h2 {
    font-size: 36px;
    line-height: 48px;
    text-align: center;
   font-family: 'Playfair Display';
    color: #6c6d70;
    letter-spacing: 1px;
    font-weight: 600;
}
.aplc_txt p,
.application_variety h2,
.glry_btm_txt h2 {
    font-weight: 400;
    letter-spacing: 1px;
    font-family: Gotham;
    text-align: center;
}
.aplc_txt p {
    font-size: 22px;
    line-height: 35px;
    color: #000;
}
.application_variety {
    float: left;
    width: 100%;
    margin: 60px 0 50px;
}
.application_variety h2 {
    font-size: 32px;
    line-height: 48px;
    color: #6c6d70;
    max-width: 900px;
    margin: 0 auto 60px;
}
.variety_inr {
    display: grid;
    column-gap: 40px;
}
.lft-txt-cls ul,
.range_btm_inr {
    grid-template-columns: repeat(3, 1fr);
}
.vrty_item {
    position: relative;
    transition: 0.6s;
}
.vrty_item a {
    width: 100%;
    display: block;
}
.vrty_item a:hover,
.vrty_item.active_application a {
    transform: scale(1.2);
    transition: 0.8s;
}
.vrty_item .yellow_overlay_txt {
    min-height: 127px;
}
.vrty_item .yellow_overlay_txt h3 {
    font-size: 28px;
    line-height: 38px;
    text-transform: capitalize;
    transition: 0.4s;
}
.gallery_pagination .vrty_item img {
    min-height: 180px;
    object-fit: cover;
}
.gallery_pagination .vrty_item .yellow_overlay_txt h3,
.lft-txt-cls p,
.lft-txt-cls p a {
    font-size: 22px;
    line-height: 32px;
}
.gallery_pagination .vrty_item a,
.pop-up-content-wrap {
    height: 100%;
}
.vrty_item .yellow_overlay_txt span {
    text-align: center;
    margin: 10px auto 0;
    display: block;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-family: Gotham;
    font-weight: 300;
}
.glry_btm_txt {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}
.bg-overlay,
.custom-model-main {
    top: 0;
    bottom: 0;
    transition: 0.8s;
    right: 0;
}
.glry_btm_txt h2 {
    color: #000;
    font-size: 30px;
    line-height: 44px;
    text-transform: uppercase;
    max-width: 700px;
    margin: 0 auto;
}
.btm_banner,
.gallery_lnd_main,
.range_bottom {
    float: left;
    width: 100%;
    margin: 50px 0 0;
}
.gallery_item {
    position: relative;
    margin-bottom: 20px;
}
#carousel_slider .slides,
.gallery_item .yellow_overlay_txt,
.thumb-image .slick-track {
    padding: 50px 0;
}
.gallery_item .yellow_overlay_txt h3 {
    font-size: 32px;
    line-height: 34px;
}
.gallery_inner_text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery_inner_text h1 {
  color:var(--black);
  font-size: 60px;
  letter-spacing: 2px;
  font-family: 'Playfair Display';
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px;
}
.gallery_inner_text p {
    color: #000;
    letter-spacing: 1px;
    font-family: Gotham;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
}
.gallery_slider {
    margin: 50px 0 0;
    float: left;
    width: 100%;
}
#carousel_slider .slides li:hover {
    transform: scale(1.2);
    z-index: 9999;
}
.gallery_slider .slider-banner-image img {
    width: 100%;
    height: 915px;
    object-fit: cover;
}
.gallery_slider .thumbImg img {
    width: 100%;
    height: 170px;
}
.gallery_slider .gallery_slider_top .slick-prev {
    left: 15px;
    width: 45px;
    z-index: 999;
}
.gallery_slider .gallery_slider_top .slick-next {
    right: 15px;
    width: 45px;
}
.gallery_slider .gallery_slider_top button img {
    opacity: 0.5;
}
.gallery_slider .gallery_slider_top .slick-next:before,
.gallery_slider .gallery_slider_top .slick-prev:before,
.thumb-image .slick-next:before,
.thumb-image .slick-prev:before {
    content: none !important;
}
.thumb-image .slick-prev {
    width: 30px;
    left: -40px;
}
.thumb-image .slick-next {
    width: 30px;
    right: -40px;
}
.thumb-image {
    margin: 0 -5px;
}
.thumbImg {
    margin: 0 5px;
    position: relative;
    cursor: pointer;
}
.thumbImg:hover {
    transform: scale(1.2);
    z-index: 999;
}
.glry_overlay_txt {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    margin: 0 auto;
    text-align: center;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}
.glry_overlay_txt h4 {
    letter-spacing:1px;
    font-family: Gotham;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    padding: 0 5px;
}
.colorrange_txt p,
.inner_bnr_txt p {
    color: #000;
    font-weight:400;
    letter-spacing: 1px;
}
.inner_bnr_txt p {
    font-family: Gotham;
    font-size: 18px;
    margin-top: 10px;
}
.colorrange_txt {
    max-width: 1200px;
    margin: 50px auto;
}
.colorrange_txt p {
    font-family: Gotham;
    font-size: 21px;
    text-align: center;
    line-height: 36px;
}
.range_inr_title .value-series-title,
.range_inr_title h2 {
    letter-spacing: 3px;
    width: auto;
    background: #fff;
    margin: 0 auto;
    color: #000;
    float: initial;
}
.range_inr_title h2 {
    font-family: Jost;
    font-weight: 400;
    font-size: 28px;
    padding: 0 25px;
}
.btm_banner_inr p,
.caremaintence_top_title,
.colorpalet_title h2,
.range_btm_itm h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
}
.range_inr_title {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 45px;
    display: grid;
}
.range_inr_title .value-series-title:before,
.range_inr_title h2:before {
    content: "";
    position: absolute;
    top: 49%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ccc;
    z-index: -9999;
    transform: translateY(-49%);
}
.range_itm_text {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.range_itm_text a.order_sample {
    color: #707176;
    font-size: 15px;
}
.range_btm_itm img {
    width: 100%;
    min-height: 230px;
    object-fit: cover;
}
.range_btm_inr {
    display: grid;
    grid-row-gap: 30px;
    column-gap: 15px;
}
.custom-model-inner,
.popup_btn a {
    display: inline-block;
    transition: 0.8s;
}
.range_btm_itm .white_overlay_txt {
    padding: 15px 0;
    position: initial;
    transform: translateY(0);
    border-right: 30px solid #9ac23b;
    text-align: center;
}
.range_btm_itm h3 {
    font-family: "Avenir LT Std";
    font-weight: 300;
    font-size: 36px;
    line-height: 42px;
}
.range_btm_itm h3 span {
    display: block;
    font-size: 30px;
    text-transform: capitalize;
    color: #fff;
}
.btm_banner_inr p {
    font-family: Gotham;
    font-weight: 500;
    font-size: 20px;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.colorpalet_title {
    float: left;
    width: 100%;
    margin: 50px 0;
    position: relative;
}
.colorpalet_title h2 {
    text-align: center;
    font-size: 50px;
    font-family: Gotham;
    font-weight: 300;
    margin-bottom: 0;
    color: #000;
}
.inner_banner_main .colorpalet_title h2 {
    font-size: 60px;
}
.colorpalet_title p {
    font-family: Gotham;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 35px;
    text-align: center;
}
.range_inr_title .value-series-title {
    font-family: Gotham;
    font-weight: 400;
    font-size: 30px;
    padding: 0 25px;
    line-height: 30px;
}
.value-series-row ul {
    margin-bottom: 40px;
}
.colorrange_inr_main .text-contain {
    padding: 0 40px;
}
.inner_banner_main .colorpalet_title {
    margin: 0;
    z-index: 99999;
}
.popup_btn a {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    font-family: Gotham;
    border: 1px solid #000;
    padding: 12px 18px;
    cursor: pointer;
}
.popup_btn {
    position: absolute;
    top: 0;
    right: 0;
}
.custom-model-main {
    text-align: center;
    overflow: hidden;
    position: fixed;
    left: 0;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
}
.model-open {
    z-index: 99999;
    opacity: 1;
    overflow: hidden;
}
.custom-model-inner {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    vertical-align: middle;
    width: 1024px;
    margin: 30px auto;
    max-width: 97%;
}
.custom-model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 0.5);
    box-shadow: 0 3px 9px rgb(0 0 0 / 0.5);
    background-clip: padding-box;
    outline: 0;
    text-align: left;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: calc(100vh - 70px);
    height: 800px;
    overflow-y: auto;
}
.model-open .custom-model-inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    z-index: 999;
    transition: 0.8s;
}
.model-open .bg-overlay {
    background: rgb(0 0 0 / 0.6);
    z-index: 99;
}
.bg-overlay {
    background: #fff0;
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 0;
}
.close-btn {
    position: absolute;
    right: 0;
    top: -30px;
    cursor: pointer;
    z-index: 99;
    font-size: 30px;
    color: #fff;
}
.pop-up-content-wrap iframe {
    width: 100% !important;
    height: 100% !important;
}
div.fixed {
    margin-top: 176px;
}
@media screen and (min-width: 800px) {
    .custom-model-main:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 0;
        height: 100%;
    }
}
@media screen and (max-width: 799px) {
    .custom-model-inner {
        margin-top: 45px;
        transform: translate(0, 0) !important;
    }
}
.caremaintence_top_title {
    background: #0000008c;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 20px 5px;
    font-size: 20px;
    color: #d5b800;
    font-family: Jost;
    font-weight: 400;
}
.blog-text-left-box ul li a {
    color: #de5930;
    font-family: Gotham;
}
.blog_pagination {
    display: flex;
    justify-content: space-between;
    float: left;
    width: 100%;
}
.pgn_nxt,
.pgn_prev {
    display: flex;
    align-items: flex-start;
    width: 100%;
}
.blog_pagination a {
    font-size: 20px;
    color: #de5930;
    display: flex;
    align-items: center;
    position: relative;
    transition: 0.7s;
    font-family: Gotham;
}
.pgn_nxt img,
.pgn_prev img {
    width: 16px;
}
.pgn_prev img {
    margin-right: 10px;
}
.bottom-bar-popup > div > .order-sample-btn:first-child,
.pgn_nxt img {
    margin-left: 10px;
}
.pgn_prev {
    justify-content: flex-start;
    text-align: left;
}
.pgn_nxt {
    justify-content: end;
    text-align: right;
}
.text-img {
    width: 100%;
    float: left;
    margin: 38px 0;
}
.lft-txt-cls {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.rgt-img-cls {
    width: 30%;
    float: right;
}
.lft-txt-cls h2 {
    font-family: Gotham;
    width: 100%;
    float: left;
    font-size: 32px;
    color: #6d6e71;
    line-height: 44px;
    font-weight: 400;
    padding-bottom: 25px;
}
#summery .pop-form-row .left-summery h2,
.email-pop .pop-form-row .left-summery h2,
.lft-txt-cls h1 {
    font-weight: 600;
}
.lft-txt-cls p {
    font-family: Gotham;
    width: 100%;
    padding-bottom: 30px;
}
.home_banner_txt .img-cont .left-icons ul li a span,
.lft-txt-cls h1 {
   font-family: 'Playfair Display';
}
.lft-txt-cls ul {
    width: 100%;
    display: grid;
    column-gap: 30px;
    margin: 30px 0;
}
.lft-txt-cls ul li {
    font-family: Gotham;
    width: 100%;
    float: left;
    margin-bottom: 26px;
}
.lft-txt-cls ul li a p {
    font-family: Gotham;
    width: 100%;
    float: left;
    background: #000;
    padding: 10px;
    box-sizing: border-box;
    font-size: 17px;
    color: #fff;
    line-height: 32px;
    text-align: center;
}
.lft-txt-cls p a {
    font-weight: 400;
    color: #de5930;
}
.cms_title ul {
    padding-left: 20px;
}
.cms_title ul li {
  font-size:20px;
  color: #000;
  padding: 5px 0;
  line-height: 30px;
  font-family: Gotham;
  list-style: disc;
}
.lft-txt-cls h1 {
    color: #000;
    font-size: 50px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
}
.banner_btm_itm_cnt h3,
.banner_btm_itm_cnt p {
    font-family: Jost;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
.banner_btm_inr {
    display: flex;
    padding: 0 15px;
}
.banner_btm_inr .banner_btm_itm:last-child {
    margin-right: 15px;
    margin-top: -40px;
}
.banner_btm_itm img {
    max-width: 250px;
}
.banner_btm_itm_cnt {
    background: #e86f28;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    max-width: 485px;
    padding: 20px 27px;
    border: 5px solid #fff;
    margin-top: -55px;
}
.banner_btm_itm_cnt h3 {
    font-size: 35px;
    line-height: 38px;
}
.banner_btm_itm_cnt p {
    font-size: 18px;
    line-height: 28px;
}
.home_banner_txt .select-stone .qstone_visualiser .owl-item li a span {
    font-family: Gotham;
    margin-top: 15px;
}
#summery .pop-form-row .left-summery .location-row .location-nm p,
#summery .pop-form-row .left-summery h2,
#summery .pop-form-row .left-summery p.pStoneName,
.email-pop .pop-form-row .left-summery .location-nm p,
.email-pop .pop-form-row .left-summery h2,
.email-pop .pop-form-row .left-summery p.pStoneName,
.home_banner_txt .img-cont .middle-switch .switch-img a span {
    font-family: Gotham;
}
.back_colorpalette {
    position: absolute;
    bottom: 50px;
    right: 30px;
}
.header_bg_shape,
.who_are_img_bg_shape {
    left: 0;
    right: 0;
    position: absolute;
}
.back_colorpalette a {
    background: #de5930;
    border: 1px solid #fff;
    padding: 20px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    transition: 0.3s ease-in;
    font-family: Gotham;
}
.back_colorpalette a:hover {
    background: #6d6e71;
    border: 1px solid #fff;
    color: #fff;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}
.email-pop h1.team-pop-head {
    font-family: Gotham;
    font-weight: 500;
}
.email-pop .pop-form-row .pop-form input {
    font-family: Gotham;
    font-weight: 400;
}
.email-pop .pop-form-row .pop-form input::placeholder {
    font-family: Gotham;
}
.email-pop .pop-form-row .pop-full-row input {
    font-weight: 400;
    color: #fff;
    background: #de5930;
    padding: 8px 0;
}
.color_palette_visulaiser {
    width: 100% !important;
    margin-top: 50px;
    margin-bottom:50px;
}
.header_bg_shape {
    top: 0;
    z-index: -11;
}
.inner-left-aside,
.inner-right-aside {
    width: 150px;
}
.inner-left-aside ul li {
    text-align: center;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
}
.inner-left-aside ul li a,
.inner-right-aside ul li a {
    background: #6c6d70;
    width: auto;
    display: table-cell;
    text-transform: uppercase;
    padding: 0 6px;
    height: 85px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    font-weight: 300;
    font-family: Gotham;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    transition: 0.6s;
}
.inner-right-aside ul li {
    float: left;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 5px;
}
.inner-right-aside ul li:first-child a {
    border-right: 10px solid #00aeef;
}
.inner-right-aside ul li:nth-child(2) a {
    border-right: 10px solid #9ac23b;
}
.inner-right-aside ul li:nth-child(3) a {
    border-right: 10px solid #c69913;
}
.inner-right-aside ul li:nth-child(4) a {
    border-right: 10px solid #e0582f;
}
.home_main .home_banner_txt .inner-left-aside {
    left: 15px;
    z-index: 99;
    position: absolute;
    top: 15px;
}
.home_main .home_banner_txt .inner-right-aside {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index:9;
}
.gallery_inr {
    clear: both;
    display: flex;
    column-gap: 30px;
}

.hm_gallery_inr_rgt {
    width: 37%;
}
.view_slab_btn button {
    background: #e0582f;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    line-height: 0;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    font-family: Gotham;
    padding: 19px 30px;
    cursor: pointer;
    margin: 0 auto;
}
.view_slab_btn button:hover {
    background: #6d6e71;
    border: 1px solid #e0582f;
    color: #e0582f;
}
.modal-content-two,
.modaltwo .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 85%;
    top: 50%;
    transform: translateY(-50%);
}
.modaltwo .close_two {
    color: #fff;
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 35px;
    font-weight: 400;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    cursor: pointer;
}
.bottom-bar-popup .middle-link.order-sample-btn {
    margin: 0 auto;
}
.value-series-row ul li a .border-img .border_img_one,
.value-series-row ul li a .border-img .border_img_two {
    transition: display 0.6s;
}
.value-series-row ul li a:hover .border-img .border_img_two {
    display: block;
    position: absolute;
    top: 49.3%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}
.value-series-row ul li a:first-child {
    width: 100%;
    float: left;
    height: calc(100% - 35px);
}
.value-series-row ul li .range_itm_text a {
    width: auto;
}
.border-img {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
}

.colorpalet_desc p {
    color:var(--grey);
    font-size: 20px;
    font-family: Gotham;
    font-weight:400;
    letter-spacing: 1px;
    line-height:30px;
    text-align: center;
    margin-bottom: 0;
}
.colorpalet_info h4,
.colorpalet_info p {
    font-size: 20px;
    font-family: Gotham;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}
.color_ptl_modal_img .lft-txt-title {
    position: absolute;
    right: 0;
    margin: 0 auto;
    bottom: 15px;
    left: 20px;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    font-family: Gotham;
}
.modal .bottom-bar-popup {
    display: block;
    padding: 12px 0;
}
.colorpalet_info p {
    color: #e0582f;
    margin-bottom: 10px;
}
.colorpalet_info h4 {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.modal_rgt_btn {
    position: absolute;
    bottom: 0;
}
.modal_rgt_btn .order-sample-btn {
    float: initial;
    margin-bottom: 27px;
}
.modal_rgt_btn .order-sample-btn a {
    float: initial;
}
.view_slab_btn {
    float: left;
}
.banner_txt_title {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.banner_txt_title span {
    font-family: "Philosopher";
    color: #fff;
    font-size: 34px;
    font-style: italic;
    font-weight: 400;
}
.beyond_stone {
    text-align: right;
    margin-top: 30px;
}
.beyond_stone span {
    font-family: "Philosopher";
    color: #de5930;
    font-size: 34px;
    font-style: italic;
    font-weight: 400;
}


/* new design css 2025 */

body{
  font-family: Gotham;
}

::-webkit-scrollbar {
  width:12px;
  -webkit-appearance: none;
}

::-webkit-scrollbar-thumb {
  background-color:#000000;
  border-radius: 10px;
  border:2px solid #ffffff;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

html,body{
  overflow-x: hidden;
}

body.active{
  overflow: hidden;
}

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

}
a {
  color: inherit;
  text-decoration: none;
}
a {
  color: #2f0802;
}
h1,
h2,
h3,
h4 {
  color: #000;
}
*:focus {
  outline: none;
}
button:focus {
  outline: none;
}
button {
  border: 0;
}
ul li {
  list-style: none;
  color: inherit;
}
img {
  max-width: 100%;
}
a:hover {
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

:root {
  --white:#ffffff;
  --skyblue:#63cae1;
  --black:#000000;
  --grey:#6D6E70;
  --sectionbg:#F8F8F8;
}

.container {
  width:100%;
  max-width:1440px;
  margin: auto;
}

/* Navigation Css Start */
header{
  float:left;
  width:100%;
  position: relative;
  z-index: 99;
  padding:32px 0;
  transition:position 10s;
  background:linear-gradient(8deg, rgba(208, 208, 211, 1) 13%, rgba(169, 165, 162, 1) 49%, rgba(143, 142, 139, 1) 100%);
}

header.fixed{
  position: fixed;
  top:0;
  left:0;
  z-index:999999;
  padding:32px 0;
  transition:position 10s;
  animation: 1s forwards smoothScroll;
}

.nav-list li.sub-nav a.arrow{
  position:relative;
}

.nav-list li.sub-nav a.arrow span {
  float: right;
  width:17px;
  background: url(../images/menu-down.svg) center center no-repeat;
  min-height: 20px;
  transform: rotate(-90deg);
  transition: 0.3s ease-in;
  top:4px;
  position:relative;
}

.nav-list li.sub-nav a.arrow.up-arrow span {
  transform: rotate(00deg);
}

.nav-list li ul{
  box-sizing: border-box;
  border-bottom: .5px solid rgb(128 128 128 / .5);
  margin-top: 0;
  display:none;
}

.sideMenu .nav-list li ul li{
  padding:10px 0;
}

@keyframes smoothScroll {
  0% {
      transform: translateY(-40px)
  }

  100% {
      transform: translateY(0)
  }
}

header.fixed .logo a img{
  will-change: transform;
/*  max-width:64px;*/
}

.navigation{
  width: 100%;
}

.header_inner{
  display:flex;
  align-items: center;
  justify-content:space-between;
  column-gap: 40px;
}

.header_lft{
  display:flex;
  align-items:center;
  column-gap:25px;
}

.header_rgt_icon{
  position:relative;
}

.hdr_search{
  width:215px;
}

.hdr_srch_grp{
  position:relative;
}

.hdr_srch_grp input{
  width:100%;
  background:transparent;
  border:1px solid #bebdbd;
  height:36px;
  padding:10px;
  font-family: Gotham;
  font-size:16px;
  font-weight:400;
  color:var(--white);
}

.hdr_srch_grp button{
  position:absolute;
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  z-index: 99;
  cursor: pointer;
}

.header_txt span{
  font-family: 'Philosopher';
  color:rgb(255 255 255 / 70%);
  font-size:24px;
  font-style: italic;
  font-weight:400;
}

.logo{
  display:flex;
  column-gap:20px;
  align-items:center;
}

.logo a img{
  transition:all 0.5s;
  display:block;
}

.navbar .nav-list{
  display:flex;
  align-items:center;
  justify-content: flex-end;
  column-gap:20px;
}

.header_rgt{
  display:flex;
  align-items:center;
  column-gap:30px;
}

/* Mobile navigation */

.mobile_btm{
    padding:30px 20px 0;
}

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

.mo_menu {
  position: fixed;
  left:-100%;
  background:rgb(255 255 255 / 70%);
  width:320px;
  height: auto;
  transition:all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  z-index:9999;  
  visibility: visible;
  top: 108px;
  height:calc(100vh - 108px);
}

.mo_menu.active {
  left:0;
  transition:all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  padding:30px 30px;
  background:rgb(255 255 255 / 70%);
  position: fixed;
  overflow-y:auto;
  opacity:1;
  display:block;
  z-index:99999;
}

.mo_menu .sidemenu_close{
  display:none;
}

.mo_menu.active .sidemenu_close{
  display:block;
}

.mo_menu.active .sidemenu_close span{
  background-color:transparent;
}

.mo_menu.active .sidemenu_close span:before, .mo_menu.active .sidemenu_close span:after{
  background-color:#000000;
}

.mo_menu.active .sidemenu_close span:before{
  transform: rotate(45deg);
  top: 10px;
}

.mo_menu.active .sidemenu_close span:after{
  transform: rotate(-45deg);
  top:10px;
}

.sideMenu ul li.dropdown_main span.mobile_dropdown {
  float: right;
  position: absolute;
  top:17px;
  right:5px;
  color: #000000;
  cursor: pointer;
}

.sideMenu ul li.dropdown_main span.mobile_dropdown i{
  font-size:20px;
  line-height:26px;
  font-weight:600;
  color: #000000;
}

.sideMenu ul li.dropdown_main span.mobile_dropdown.active{
  color: #00A091;
}

.sideMenu ul li.dropdown_main .sub-menu li.dropdown_main span.mobile_dropdown {
  right:20px;
}

.sideMenu ul li .navbar-dropdown {
  display: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  background-color:#fff;
  box-shadow:none;
  margin-top: 10px;
}

.sideMenu .nav-list .navbar-dropdown li{
  text-transform:initial;
}

.sideMenu .nav-list .navbar-dropdown li a{
  background-color:transparent;
  display:flex;
  border-bottom:0;
  font-family: 'Josefin Sans';
  font-weight: 500;
  color: #36333D;
  font-size:18px;
  line-height:24px;
  letter-spacing: 0.6px;
  text-transform:initial;
}

.sideMenu .navbar-dropdown .dropdown_icon{
  width:38px;
  height:38px;
}

.sideMenu  .dropwon_nav h6, .sideMenu  .dropwon_nav p{
  color:#fff;
}

.sideMenu ul li .sub-menu {
/*  display: none;*/
  margin: 0;
  padding: 0;
  position: initial;
  width: 100%;
  background-color: #fff;
  box-shadow: none;
  margin-top: 10px;
  transform: initial;
  transition: initial;
  min-width: initial;
  opacity: initial;
}

.sideMenu  .dropwon_nav h6{
  font-size:18px;
  margin-bottom:5px;
}

.sideMenu  .dropwon_nav p{
  font-size:14px;
}

.sideMenu .mob_dropdown:after{
  content: '\f054';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right:20px;
  top:24px;
  color:#fff;
  cursor: pointer;
}

.mob_dropdown.active:after{
  transform: rotate(90deg);
}

.sideMenu .nav-list li {
  display: block;
  position: relative;
  padding:22px 0px;
}

.sideMenu ul li .sub-menu li{
  padding: 16px 30px 13px;
  border-top: 1px solid #ded9d9;
}

.sideMenu ul li .sub-menu li:first-child {
    border: 0;
}

.sideMenu ul li .navbar-dropdown li:first-child{
  border:0;
}

.sideMenu ul li .navbar-dropdown li{
  padding:15px 30px;
  border-top: 1px solid #707070;
}

.sideMenu .nav-list li a {
  display: block;
  text-decoration: none;
  font-family: Gotham;
  font-weight:500;
  font-size:14px;
  line-height:28px;
  letter-spacing:0.6px;
  color:var(--black);
  text-align:center;
  transition:all 0.3s;
}

.sideMenu .nav-list li a:hover{
  font-weight:600;
}

.sideMenu .nav-list li a.active{
  font-weight:600;
}

.sideMenu .nav-list .sub-menu li a {
  background-color: transparent;
  display: flex;
  border-bottom: 0;
  font-family: 'Josefin Sans';
  font-weight: 500;
  color: var(--blue);
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.6px;
  text-transform: initial;
}

/*.sideMenu .nav-list li a.active{
  color: #00A091;
}*/

.sideMenu ul li a span{
  cursor:pointer;
}

.menuIcon {
  display: inline-block;
  padding: 3px 12px;
  cursor: pointer;
}

.menu-icon{
  width: 35px;
}

.menu-icon .c-hamburger{
  width: 35px;
  display: block;
  height: 18px;
  background: transparent;
  cursor:pointer;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 50%;
  right:0;
  width:35px;
  float: right;
  font-size: 0
}

.c-hamburger.c-hamburger--htx.is-active span {
  width: 35px
}

.c-hamburger span::after, .c-hamburger span::before {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color:rgb(255 255 255 / 60%);
  content:'';
}

.c-hamburger--htx.is-active, .c-hamburger--htx.is-active span,
.c-hamburger.c-hamburger--htx.open-menu.is-active span {
  background: 0 0
}

.c-hamburger span:before {
  top: -8px
}

.c-hamburger span:after {
  bottom: -8px
}

.c-hamburger--htx span:after, .c-hamburger--htx span:before {
  -webkit-transition-duration: 0.3s,0.3s;
  -moz-transition-duration: 0.3s,0.3s;
  -ms-transition-duration: 0.3s,0.3s;
  transition-duration: 0.3s,0.3s;
  -webkit-transition-delay: 0.3s,0s;
  -moz-transition-delay: 0.3s,0s;
  -ms-transition-delay: 0.3s,0s;
  transition-delay: 0.3s,0s
}

.c-hamburger--htx span:before {
  -webkit-transition-property: top,-webkit-transform;
  transition-property: top,transform
}

.c-hamburger--htx span:after {
  -webkit-transition-property: bottom,-webkit-transform;
  transition-property: bottom,transform
}

.c-hamburger--htx.is-active span:before {
  top: -2px;
  left:0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.c-hamburger--htx.is-active span:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.c-hamburger--htx.is-active span:after,.c-hamburger--htx.is-active span:before {
  -webkit-transition-delay: 0s,0.3s;
  -moz-transition-delay: 0s,0.3s;
  -ms-transition-delay: 0s,0.3s;
  transition-delay: 0s,0.3s;
  background:rgb(255 255 255 / 60%);
}

.c-hamburger.c-hamburger--htx.open-menu {
  top: 30px
}

.c-hamburger.c-hamburger--htx.open-menu span,.c-hamburger.c-hamburger--htx.open-menu span:after, 
.c-hamburger.c-hamburger--htx.open-menu span:before {
  background: #333738
}

.c-hamburger.c-hamburger--htx.is-active {
  z-index: 111111
}

.mo_menu.active .menuIcon.sidemenu_close{
  position: absolute;
  top: 30px;
  right: 15px;
  height: 28px;
  cursor: pointer;
}

.mo_menu.active .menuIcon.sidemenu_close{
  background-color:transparent;
}

.mo_menu.active .menuIcon.sidemenu_close i{
  font-size:32px;
  color:#Fff;
}

/* Banner Css Start */
.banner_main{
  float:left;
  width:100%;
  position:relative;
}

.banner_itm{
  position:relative;
}

.banner_video{
  position:relative;
}

.banner_video:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgb(0 0 0 / 60%);
}

.banner_video video{
  width:100%;
  height:calc(100vh - 108px);
  object-fit:cover;
  display:block;
}

.banner_cnt{
  position:absolute;
  bottom:130px;
  margin: 0 auto;
  width:100%;  
}

.banner_cnt_txt{
  width:100%;
  display:flex;
  overflow:hidden;
}

.banner_cnt_txt span{
  font-family: 'Playfair Display';
  font-size:70px;
  line-height:84px;
  font-weight:400;
  color:rgb(255 255 255 / 60%);
  white-space: nowrap;
  padding-right:100px;
}

.banner_menu_link{
  position:absolute;
  bottom:30px;
  left:0;
  right:0;
  margin:0 auto;
}

.banner_menu_link ul{
  display:flex;
  justify-content: center;
}

.banner_menu_link ul li{
  position:relative;
}

.banner_menu_link ul li a{
  position:relative;
  padding:10px 50px 30px;
}

.banner_menu_link ul li a:before{
  content:'';
  position:absolute;
  right:0;
  width:1px;
  height:100%;
  background-color:rgb(255 255 255 / 60%);
  bottom:0;
}

.banner_menu_link ul li:last-child a:before{
  content:none;
}

.banner_menu_link ul li a{
  font-family: Gotham;
  font-size:16px;
  font-weight:400;
  line-height:16px;
  color:var(--white);
  text-transform:uppercase;
}
/* Banner Css End */

/* Intro Section Css Start */
.intro_main{
  float:left;
  width:100%;
  margin:50px 0 45px;
}

.intro_top h1{
  font-family: 'Playfair Display';
  font-size:36px;
  line-height:43px;
  font-weight:400;
  color:var(--black);
  letter-spacing:1px;
  margin-bottom:15px;
}

.intro_top p{
  font-family: Gotham;
  font-size:16px;
  font-weight:400;
  line-height:26px;
  color:var(--black);
}

.intro_btm{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}

.intro_btm .intro_btm_lft{
  width:40%;
}

.mfc_icon {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 50px;
  column-gap:20px;
  grid-row-gap:15px;
}

.mtfc_itm{
  display: flex;
  align-items: center;
}

.mtfc_itm p {
  font-size: 16px;
  padding-left: 10px;
  font-family: Gotham;
  color:var(--black);
  font-weight:400;
}

.view_catalogue_btn a{
  display:inline-block;
  padding:15px 25px;
  font-size: 16px;
  font-family: Gotham;
  color:var(--black);
  font-weight:400;
  background-color:#E3E3E2;
  text-align:center;
  transition:all 0.4s;
}

.view_catalogue_btn a:hover{
  background-color:var(--black);
  color:var(--white);
}
/* Intro Section Css End */

/* Feature Section Css Start */
.feature_main{
  float:left;
  width:100%;
  margin-bottom: 50px;
}

.feature_inner{
  margin-bottom:0 !important;
}

.feature_main h2{
    font-family: 'Playfair Display';
    font-size: 36px;
    line-height: 43px;
    font-weight: 400;
    color: var(--black);
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.feature_img_itm{
    margin:0 7px;
}

.feature_img_itm img{
    display:block;
    height: 442px;
    object-fit: cover;
    width:100%;
}

.feature_inner button{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:transparent;
  z-index:11;
  cursor:pointer;
}

.feature_inner button.slick-disabled{
  display:none !important; 
}

.feature_inner button.feature_nxt_arw{
  right:-60px;
}

.feature_inner button.feature_prv_arw{
  left:-60px;
}

.slick-dots{
  display:none !important;
}
/* Intro Section Css End */

/* Footer Css Start */
footer {
  width: 100%;
  float: left;
  background: linear-gradient(8deg, rgba(208, 208, 211, 1) 13%, rgba(169, 165, 162, 1) 49%, rgba(143, 142, 139, 1) 100%);
}

.ftr_inr {
  padding: 50px 0 20px;
  display: flex;
  border-bottom: 1px solid #fff;
}

.ftr_lft {
  width: 30%;
  margin-right: 10px;
}

.ftr_rgt {
  width: 74%;
  display: flex;
  justify-content: flex-end;
  column-gap: 35px;
}

.ftr_clm h3 {
  font-size:26px;
  font-family: Gotham;
  color: #fff;
  margin-bottom: 15px;
  letter-spacing: 1px;
  font-weight:500;
}

.ftr_clm .form_grp {
  margin-bottom: 10px;
}

.ftr_clm form .form_grp input {
  width: 100%;
  height: 45px;
  line-height: 42px;
  padding:8px;
  font-weight:400;
  border: 1px solid transparent !important;
  font-family: Gotham;
  font-size:16px;
  color:var(--black);
}

.ftr_clm form .form_grp input::placeholder{
  font-family: Gotham;
  font-size:16px;
  font-weight:400;
  color:#707176;
}

.submit_btn input {
  background:var(--white);
  text-transform: capitalize;
  letter-spacing: 1px;
  padding:13px 34px;
  cursor: pointer;
  transition: 0.5s;
  border: 0;
  font-family: Gotham;
  font-size:16px;
  font-weight:500;
  color:var(--black);
}

.submit_btn input:hover {
  background:var(--black);
  color:var(--white);
}

.ftr_rgt .ftr_clm {
  width: 26%;
}

.ftr_clm h3 {
  font-size: 22px;
  font-family: Gotham;
  color:var(--white);
  margin-bottom: 15px;
  letter-spacing: 1px;
  font-weight:500;
}

.ftr_rgt .ftr_clm ul {
  margin-top: 30px;
}

.ftr_rgt .ftr_clm li {
  margin-bottom: 15px;
  padding: 0;
  display: block;
}

.ftr_rgt .ftr_clm a {
  font-family: Gotham;
  font-size: 16px;
  line-height: 26px;
  color:var(--white);
  font-weight:400;
  transition: 0.8s;
  letter-spacing: 1px;
}

.ftr_rgt .ftr_clm p {
  font-size:16px;
  line-height:24px;
  font-family: Gotham;
  color:var(--white);
  font-weight:400;
  margin-top: 35px;
  letter-spacing: 1px;
}

.ftr_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}

.ftr_btm_right ul{
  display: flex;
  column-gap:15px;
}

.ftr_btm_right ul li img{
  mix-blend-mode: color-dodge;
  filter: invert(1);
}
/* Footer Css End */

/* Color Catalogue Css Start */
.color_cat_main{
  float:left;
  width:100%;
  margin:50px 0 0;
}

.color_cat_pg{
    margin:50px 0;
}

.color_cat_main h1{
  font-family: Gotham;
  font-size:36px;
  font-weight:400;
  color:var(--black);
  text-align:center;
}

.color_cat_inr{
  margin-bottom:50px;
}

.color_cat_inr:last-child{
  margin-bottom:0;
}

.color_cat_row_main{
  margin-bottom:70px;
}

.color_cat_row_main:last-child{
  margin-bottom:0;
}

.color_cat_top_main{
    margin-bottom:50px;
}

.color_cat_top{
  display:flex;
  align-items:center;
  justify-content:center;
  column-gap:30px;
  margin-top:30px;
  margin-bottom:20px;
}

.color_cat_top h2{
  font-family: Gotham;
  color:#00ADEF;
  font-size:22px;
  font-weight:400;
}

.colot_cat_range{
  display:flex;
  column-gap:20px;
}

.colot_cat_range p{
  font-family: Gotham;
  color:var(--grey);
  font-size:16px;
  font-weight:400;
}

.colot_cat_range p strong{
  font-weight:600;
}

.color_cat_row{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:30px;
  grid-row-gap:40px;
  margin-top:20px;
}

.color_cat_prdt_name{
  margin:15px 0 15px;
}

.color_cat_img{
  position:relative;
}

.color_cat_img img{
    display:block;
    width:100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 4.6 / 6.5;
}

.colot_cat_tag {
  position: absolute;
  top: 5px;
  left: 5px;
}

.colot_cat_tag span{
  display:inline-block;
  font-family: Gotham;
  color:var(--white);
  font-size:18px;
  font-weight:400;
  background-color:#00ADEF;
  padding:6px 20px;
}

.color_cat_prdt_name h2{
  font-family: Gotham;
  color:var(--black);
  font-size:18px;
  font-weight:400;
}

.color_cat_ordr_btn a{
  font-family: Gotham;
  color:var(--black);
  font-size:18px;
  font-weight:400;
  width:100%;
  display:block;
  padding:18px 15px;
  background-color:#E3E3E2;
  text-align:center;
  transition:all 0.3s;
}

.color_cat_ordr_btn a:hover{
  background-color:var(--black);
  color:var(--white);
}
/* Color Catalogue Css End */

/* Color Catalogue Inner Css Start */
.cat_dtl_hero{
  float:left;
  width:100%;
}

.cat_hero_img img{
  width:100%;
  display:block;
}

.cat_hero_not{
  margin-top:15px;
}

.cat_hero_not p{
  font-family: Gotham;
  color:var(--black);
  font-size:14px;
  font-weight:400;
  text-transform:uppercase;
  text-align:center;
  letter-spacing: 1px;
}

.cat_dtl_info{
  float:left;
  width:100%;
  margin:50px 0 30px;
}

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

.cat_dtl_inr_mid{
  width:60%;
}

.cat_dtl_inr_rgt{
  width:17%;
}

.cat_dtl_range_btn{
  background-color: #00ADEF;
  display:inline-block;
  font-family: Gotham;
  color:var(--white);
  font-size:14px;
  font-weight:400;
  text-transform:uppercase;
  text-align:center;
  padding:14px 24px;
}

.cat_dtl_inr_txt h1{
  font-family: Gotham;
  color:var(--black);
  font-size:22px;
  font-weight:500;
  margin-bottom:20px;
}

.cat_dtl_inr_txt p{
  font-family: Gotham;
  color:var(--black);
  font-size:16px;
  line-height:24px;
  font-weight:400;
}

.cat_dtl_range_txt{
  margin-top:30px;
}

.cat_dtl_order_btn a{
  font-family: Gotham;
  color: var(--black);
  font-size: 18px;
  font-weight: 400;
  width: 100%;
  display: block;
  padding: 18px 15px;
  background-color: #E3E3E2;
  text-align: center;
  transition: all 0.3s;
}

.cat_dtl_order_btn a:hover{
  background-color:var(--black);
  color:var(--white);
}

.cat_dtl_img_main{
  float:left;
  width:100%;
}

.cat_dtl_img img{
  width:100%;
  display:block;
}

.cat_explore_ranges{
  float:left;
  width:100%;
  margin:50px 0;
}

.cat_explore_ranges h2{
  font-family: 'Playfair Display';
  font-size: 36px;
  line-height: 43px;
  font-weight: 400;
  color: var(--black);
  letter-spacing: 1px;
  margin-bottom:15px;
}

.cat_explr_rngs_inr{
  display:flex;
}

.cat_explr_rngs_itm{
    width:100%;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position:relative;
    border-bottom:20px solid #00ADEF;
}

.cat_explr_rngs_itm:nth-child(1):before{
  background-color:#00ADEF;
}

.cat_explr_rngs_itm:nth-child(2):before{
  background-color:#9AC13B;
}

.cat_explr_rngs_itm:nth-child(3):before{
  background-color:#C69917;
}

.cat_explr_rngs_itm:nth-child(4):before{
  background-color:#DE5930;
}

.cat_explr_rngs_itm a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Gotham;
  color: var(--black);
  font-size: 18px;
  font-weight:500;
  text-transform:uppercase;
  position: relative;
  z-index: 999;
}

.color_cat_series_name h2{
  font-family: Gotham;
  color: var(--black);
  font-size:22px;
  font-weight:400;
  text-transform:uppercase;
  text-align:center;
  border-bottom:1px solid #ccc;
  padding-bottom:15px;
}
/* Color Catalogue Inner Css End */
.blog_inner{
  margin-bottom:40px;
}

.cms_title{
  margin-bottom:50px;
}

.cms_spacing{
    margin-bottom:50px;
}
.check-out-main{
    margin-bottom:50px;
}