@font-face {
  font-family: 'Raleway-Thin';
  src: url('../fonts/Raleway-Thin.eot');
  src: url('../fonts/Raleway-Thin.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Raleway-Thin.svg#Raleway-Thin') format('svg'),
       url('../fonts/Raleway-Thin.ttf') format('truetype'),
       url('../fonts/Raleway-Thin.woff') format('woff'),
       url('../fonts/Raleway-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}



@font-face {
  font-family: 'Raleway-Regular';
  src: url('../fonts/Raleway-Regular.eot');
  src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg'),
       url('../fonts/Raleway-Regular.ttf') format('truetype'),
       url('../fonts/Raleway-Regular.woff') format('woff'),
       url('../fonts/Raleway-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('../fonts/Raleway-SemiBold.eot');
  src: url('../fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg'),
       url('../fonts/Raleway-SemiBold.ttf') format('truetype'),
       url('../fonts/Raleway-SemiBold.woff') format('woff'),
       url('../fonts/Raleway-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Bold';
  src: url('../fonts/Raleway-Bold.eot');
  src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg'),
       url('../fonts/Raleway-Bold.ttf') format('truetype'),
       url('../fonts/Raleway-Bold.woff') format('woff'),
       url('../fonts/Raleway-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

body{font-size: 14px;color: #000;font-family: 'Raleway-Regular';padding-top: 88px;}
select:focus{outline: none;}
input:focus{outline: none;}
.home-slider{width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: auto;}
.slider-wrap img{width: 100%;}
.swiper-container {width: 100%;height: 100%; margin-left: auto; margin-right: auto;}
.swiper-pagination-bullet-active{background-color:#fff;}
.home-slider img {object-fit: cover;width: 100%;height: 100%; cursor: grab;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 40px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 40px;}
.mob-img{display: none;}

/* Header CSS */
.header {position: fixed;z-index: 999; width: 100%;top: 0;}
.head-transpernt .navbar-transpernt{background-color: rgba(0,0,0,0.5) !important;}
.navbar-transpernt{background-color: #000;}
.navbar-toggler {float: right;border: none; padding-right: 0;}
.navbar-toggler:active,
.navbar-toggler:focus { outline: none;}
.navbar-toggler-icon {width: 24px; height: 17px;background-image: none; position: relative; border-bottom: 1px solid #fff;
  transition: all 300ms linear;}
.navbar-toggler-icon:after, .navbar-toggler-icon:before{ width: 24px; position: absolute; height: 1px;  background-color: #fff;
top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear;}
.navbar-toggler-icon:after{top: 8px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent;}


/* The Artist Page CSS */
.art-life {display: -webkit-flex; display: flex;}
.artist-1 h3 { font-size: 30px; text-transform: uppercase; color: #000; margin-bottom: 30px;}
.artist-1 p {font-size: 18px;line-height: 30px;color: #000;margin-bottom: 30px;}
.pure-art-section{background-color: #f7f7f7;display: -webkit-flex; display: flex;}
.art-section-pad{padding: 10% 20% 10% 10%;}
.exibition-wrapper {padding: 5% 0;}
.exibition-title h3 {font-size: 30px;margin-bottom: 30px;color: #000;text-transform: uppercase;}
.exibition-title p {font-size: 18px;line-height: 30px; color: #000; margin-bottom: 30px;}
.slick-slide img {margin: auto;}
.exibition-box {text-align: center; display: block;cursor: pointer;}
.exibition-img { margin-bottom: 15px;}
.exibition-img-title p { font-size: 14px;color: #000; line-height: 18px;}
.exibition-slider .slick-slide {margin: 0 25px;}
.quote-section i.fa.fa-quote-left {font-size: 54px;float: left;margin-right: 10px;color: #999999;}
.quote-section i.fa.fa-quote-right {font-size: 54px;float: right;margin-right: 10px;color: #999999;}
.quote-section span {font-size: 16px;line-height: 30px; color: #000;display: block;}
.view-btn a {display: inline-block;background-color: #333333;padding: 10px 25px;font-size: 16px; color: #fff; border-radius: 5px;
text-decoration: none;}
.view-btn a:hover{background-color: #ed1c24;}
.slick-slide:focus{outline: none;}
.exibition-slider .exibition-img img { border: solid 1px #ccc;}



/* Footer CSS */
.footer-sction{background-color: #000; padding-top:30px;}
.footer-menu ul {padding: 0; margin: 0;float: right;}
.footer-menu a {color: #fff;text-transform: uppercase; font-size: 14px; font-weight: 600; text-decoration: none;}
.footer-menu a:hover{color: #CA181F;}
.copyright-footer {border-top: solid 1px #ccc;padding: 20px 0; margin-top: 19px;}
.social-links a { font-size: 18px; color: #fff;}
.social-links a:hover{color: #CA181F;}
.footer-menu li {margin: 0 20px;}

/* POPUP Gallery */
.exibition-gallery .modal-body { padding: 0; border: solid 1px #cdcdcd; -webkit-box-shadow: 0px 0px 15px 0px rgba(158,158,158,0.7);
-moz-box-shadow: 0px 0px 15px 0px rgba(158,158,158,0.7); box-shadow: 0px 0px 15px 0px rgba(158,158,158,0.7);}
.exibition-gallery .modal-body{margin-bottom: 0;padding: 10% 10%;}
/*.exibition-gallery .modal-body .modal-pad {position: relative;}
.exibition-gallery.show .loader-modal {opacity: 0;visibility: hidden;height:0;transition-delay: .1s;}*/
.loader-modal {position: absolute;width: 100%;height:100%;top:0;left: 0;background-color: #fff;z-index: 1;opacity: 1;visibility: visible;overflow: hidden;transition: all 0.3s ease-in-out;}
.press-review-popup-des .slick-slider{margin-bottom: 0;}
.press-review-popup-des .exibition-pop-box p {font-size: 16px;margin-top: 15px;}
.exitibition-popup-description p {margin-bottom: 0;}
.exibition-gallery .modal-content { border: none; border-radius: 0;}
.exibition-gallery .slick-list{margin: 0;}
.exibition-gallery button.close {position: absolute;right: 10px;top: -10px; z-index: 99; text-shadow: none; color: #010101;
opacity: 1;border-radius: 100%;  font-weight: 100; font-size: 4rem; font-family: 'Raleway-Thin';}
.exibition-gallery button.close:hover{color: #CA181F; opacity: 1 !important;}
.exibition-gallery button.close:focus{outline: none;}
.slick-next {right: -60px;}
.slick-prev {left: -60px;}
.slick-prev:before, .slick-next:before { font-family: FontAwesome; font-size: 48px; line-height: 1; color: #777777; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 1;}   
.slick-prev:before { content: "\f104"; }
[dir="rtl"] .slick-prev:before { content: "\f054"; }
[dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; }
.slick-next:before { content: "\f105"; }
[dir="rtl"] .slick-next:before { content: "\f053"; }
.slick-prev, .slick-next{z-index: 99;}
.modal-pad .gallery-art-desciption { padding: 0;}

/* Back to Top Button */
#button {display: inline-block;background-color: #CA181F;width: 35px;height: 35px; text-align: center; border-radius: 100%;
position: fixed;bottom: 30px;right: 30px; transition: background-color .3s,  opacity .5s, visibility .5s;
opacity: 0; visibility: hidden;z-index: 9;}
#button::after {content: "\f077";font-family: FontAwesome;font-weight: normal;font-style: normal; font-size: 14px;
line-height: 34px;color: #fff;}
#button:hover { cursor: pointer;background-color: #000;}
#button:active {background-color: #000;}
#button.show {opacity: 1;visibility: visible;}

/* Hire/Buy Page CSS */
.hiring-art-section{padding: 50px 0;}
.hiring-art-txt p {font-size: 18px;line-height: 30px; color: #000;}
.hiring-art-txt ol {padding: 0;margin-left: 25px;}
.hiring-art-txt li {line-height: 24px;font-size: 18px;margin-bottom: 10px;}
.hiring-art-slider-section { padding: 50px 0;}
.hiring-art-slider .slick-slide {margin: 0 15px;}
.hiring-art-slider.slick-initialized.slick-slider {width: 90%; margin: auto;}
.hiring-box p {background: #4b4a4a;padding: 12px 10px; font-size: 16px; border-top: solid 1px #fff;}
.hire-buy-paint {border: solid 1px #ccc;margin-bottom: 25px;}
.hire-buy-paint h3 {background: #4b4a4a;color: #fff;font-weight: bold; font-size: 20px; padding: 15px 0;}
.hire-buy-paint ul{padding: 0 35px;}
.hire-buy-paint li {line-height: 24px;padding: 15px 0;border-bottom: solid 1px #ccc; font-size: 16px; color: #333333;}
.hire-buy-paint li:last-child{border-bottom: none;}
.hire-buy-art-btn {margin: 8% 0;}
.hire-buy-art-btn a {background: #ca181f;padding: 1.4rem 6rem; font-size: 30px; color: #fff; border-radius: 8px; font-weight: 600;text-decoration: none;display: inline-block;}
.hire-buy-art-btn a:hover{background-color: #000; }
.artist-1 ol {padding: 0; margin-left: 25px; margin-bottom: 30px;}
.artist-1 li {line-height: 24px; font-size: 18px; margin-bottom: 10px;}
.artist-2 img { height: 100%; object-fit: cover;}

/* Request For Quote */
.head-SubText {margin-bottom:40px;}
.sectionWrapper .head-SubText .secHead {margin-bottom: 15px;}
.rfq-Wrapper .selectTextLine {margin-bottom: 20px;}
.rfq-itemWrap {padding: 16px;position: relative;margin-top: 20px;margin-bottom: 20px;box-shadow: 0px 0px 7px 0px rgba(0,0,0,.15);}
.rfq-itemWrap .btn-cross {padding: 0;width: 22px;height: 22px;text-align: center;background-color: #cc0033;color: #fff;font-size: 30px;line-height: .5;position: absolute;right: -8px;top: -8px;border-radius: 100px;box-shadow:none !important;}
.rfq-itemWrap .btn-cross:hover {background-color:#4b4a4a;}
.rfq-itemWrap .col-img {max-width: 120px;width: 100%;}
.rfq-itemWrap .item-cols>.wrp-Col+.wrp-Col {padding-left:20px;}
.rfq-itemWrap .ttl {color: #333333;font-size: 16px;margin-bottom: 10px;line-height: 1.3;}
.rfq-itemWrap .about_List {font-size:14px;color:#333333;}
.rfq-itemWrap .about_List .line-head {font-weight:normal;}
.row.col-extr-space {margin-left:-30px;margin-right:-30px;}
.row.col-extr-space>[class^="col"] {padding-left:30px;padding-right:30px;}
/* End Request For Quote */

/* Contact */
.font-Semi {font-family:Raleway-SemiBold;}
.cmnHead {font-size:30px;line-height:1.1;}
.sectionWrapper {padding-top: 45px;padding-bottom: 45px;}
.sectionWrapper .secHead {margin-bottom: 40px;}
.mapWrap {overflow: hidden;}
.mapWrap iframe {width: 100%;height: 400px;margin-bottom:-7px;border: none;}
.contact_Sec {border-top: 2px solid #f7f7f7;border-bottom: 2px solid #f7f7f7;}
.contactInfo {font-size:19px;max-width:405px;width:100%;}
.contactInfo .head {font-size: 24px;margin-bottom: 30px;}
.contactInfo a {color:#000;text-decoration:none;}
.contactInfo .list_Info>li:not(:last-child) {margin-bottom:22px;}
.contact_Sec .mngColmn {max-width: 585px;width:100%;float: right;padding: 25px 30px 25px 0px;}
.contact_Sec .mapWrap {margin-left: -50px;}
.bg_color_1 {background-color:#f7f7f7;}
.cst_fld {height: 40px;border-radius: 0;border-color: #c7c4c4;font-size:15px;color:#000;}
.cst_fld:focus {box-shadow: none;}
textarea.cst_fld {resize: none;height:100px;}
.cst_fld::-webkit-input-placeholder {color: #b3b3b3;}
.cst_fld::-moz-placeholder {color: #b3b3b3;}
.cst_fld:-ms-input-placeholder {color: #b3b3b3;}
.cst_fld:-moz-placeholder {color: #b3b3b3;}
.cst_FormWrap .form-group {margin-bottom: 28px;}
.thm-btn {font-size: 16px;padding: 10px 15px;line-height: 1;min-width: 130px;}
.thm-btn:focus {box-shadow:none;}
.btn-color-2 {background-color: #333333;color: #fff !important;}
.btn-color-2:hover {background-color: #4b4a4a;}
.rfq-itemWrap .ttl a { color: #000; text-decoration: none;}
.pad-15{padding: 10%}
/* End Contact */

/* Modal Popup */
.modal-backdrop{ background-color: #fff;}
.modal-backdrop.show { opacity: 0.9;}
.modal-dialog { min-height: calc(100vh - 60px); display: flex; flex-direction: column; justify-content: center;}
.exitibition-popup-description{}
.exitibition-popup-description h4 {margin-top: 15px; font-size: 16px;  font-weight: 600;}


/* Learn Art Page CSS */
.lesson-in-art p {font-size: 30px;margin-bottom: 5px;}
.lesson-in-art span {font-weight: 600;color: #ca181f;}
.lesson-in-art {margin-bottom: 30px;}
.mt-25 {margin-top: 25px;}
.mb-45{margin-bottom: 45px !important;}
.learn-art-video-section {padding-bottom: 50px;}
.nav-tabs { display:none;}
.learn-art-video-section .nav-link {color: #000; font-size: 15px;text-transform: capitalize; font-weight: 600; padding: 8px 10px;border-radius: 0;line-height: 1.2;border:none;min-height: 56px;}
.learn-art-video-section .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {border: none;background-color: #ca181f;
color: #fff; border-radius: 0;}
.video-desciption p { font-size: 16px; line-height: 30px;}
.learn-art-tab-section {border: solid 1px #ccc;}
/*.learn-art-video-section .nav-tabs .nav-item:first-child{border-right:none;}*/
.learn-art-video-section .nav-tabs .nav-item {border-right: solid 1px #ccc;}
.learn-art-video-section .nav-tabs .nav-item:last-child{border-right:none;}
@media(min-width:768px) {
    .learn-art-video-section .nav-tabs {display: flex;}    
    .learn-art-video-section .card { border: none;}
    .learn-art-video-section .card .card-header {display:none;}
    .learn-art-video-section .card .collapse{display:block;}
}
@media(max-width:767px){
    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }
}

/* Gallery Page CSS */
/*.gallery-art{column-count: 3; column-gap: 20px;-moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3;
 -webkit-column-gap: 20px;  padding: 0;}*/

/* Modern Gallery Grid Layout */
.gallery-art {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 20px;
    padding: 20px 0;
    list-style: none;
}

.gallery-art > li:nth-child(4) { clear: none;}
.like-view-section li {display: inline-block;width: auto; margin-right: 15px}
.like-view-section a {font-size: 14px; color: #000; text-decoration: none;}
.gallery-art-title a {font-size: 20px; font-weight: 600; margin: 10px 0 0 0; text-decoration: none; color: #000;    display: inline-block;}
.gallery-art-title a:hover{color: #ca181f;}
.gallery-box-wrapper {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    padding: 0;
    margin-bottom: 0;
}

.gallery-box {
    -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.08);
    box-shadow: 0px 2px 8px rgba(0,0,0,0.08);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.gallery-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

.gallery-img {
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
}

.gallery-img img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.gallery-box:hover .gallery-img img {
    transform: scale(1.05);
}

/* Gallery Grid Responsive Breakpoints */
@media (min-width: 576px) {
    .gallery-art {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

@media (min-width: 768px) {
    .gallery-art {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 24px;
    }
}

@media (min-width: 992px) {
    .gallery-art {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {
    .gallery-art {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
    }
}

.gallery-art-title ul { padding: 0;}
.gallery-art-title li {font-size: 14px;line-height: 24px;}
.enquiry-btn a { display: block;background-color: #777;color: #fff; padding: 8px 15px;font-size: 15px; text-align: center;
margin: 15px 0;text-decoration: none; font-weight: 600;letter-spacing: 1px;}
.enquiry-btn a:hover{background-color:#000; }
.gallery-art-desciption {padding: 10px 20px;}

/* Gallery grid cards: enquiry + shortlist actions full width and centered (flex + inline-block was shrinking links) */
#pinBoot .gallery-box .enquiry-btn {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
    text-align: center;
    box-sizing: border-box;
    clear: both;
    float: none;
}

#pinBoot .gallery-box .enquiry-btn a.addItem,
#pinBoot .gallery-box .enquiry-btn a.view-product,
#pinBoot .gallery-box .enquiry-btn a.addenquiry {
    /* no display:!important — must not override inline display:none on the hidden twin link */
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.gallery-share-social li{margin: 0 2px;}
.gallery-share-social a {display: block;
    /* padding: 7px 10px; */
    border: solid 1px;
    color: #000;
    line-height: 34px;
    font-size: 18px;
    height: 35px;
    width: 35px;}
.filter-section ul {padding: 0;}
.filter-section li{list-style: none;line-height: 28px;}
.filter-section .card-body{ max-height: 250px;}
.like-color { color: #ca181f; font-size: 14px;}
.view-color{color: #4fb9ba;font-size: 14px;} 
.gallery-art-title li span {font-weight: 600;}
.like-bottom a {color: #ca181f;}
.like-bottom a:hover{background-color:#ca181f;color: #fff; }
.view-bottom a{color: #4fb9ba;} 
.view-bottom a:hover {background-color:#4fb9ba; color: #fff; }
.facebook-bottom a{color: #235b9e;} 
.facebook-bottom a:hover{background-color:#235b9e; color: #fff; }
.insta-bottom a { border: solid 1px #00acee; color: #00acee;}

.insta-bottom a:hover{background-color:#00acee; color: #fff;}
button:focus{outline: none;box-shadow: none !important;}

/* Toast Notifications */
.toast-notification {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 16px 24px;
    background: #4caf50;
    color: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 10000;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
    max-width: 400px;
    word-wrap: break-word;
}

.toast-notification.show {
    opacity: 1;
    transform: translateY(0);
}

.toast-notification.toast-error {
    background: #f44336;
}

.toast-notification.toast-warning {
    background: #ff9800;
}

.toast-notification.toast-info {
    background: #2196f3;
}
.breadcum-section span {
    border: solid 1px #ccc;
    padding: 4px 5px;
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
}
.gallery-share-social { margin: 15px 0;}
.checkbox label {display: inline-block;vertical-align: middle; position: relative; padding-left: 5px;}
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px; height: 17px;left: 0;
  margin-left: -20px;border: 1px solid #cccccc; border-radius: 3px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0;margin-left: -20px;
  padding-left: 3px;padding-top: 1px; font-size: 11px; color: #555555;}
.checkbox input[type="checkbox"] {opacity: 0; z-index: 1;}
.checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;}
.checkbox input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome';content: "\f00c";}
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65;}
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee; cursor: not-allowed;}
.checkbox.checkbox-circle label::before {border-radius: 50%;}
.filter-section .card {margin-bottom: 15px; border-radius: 0;}
.filter-section .card-header { padding: 0; background: #ccc; border-radius: 0;border-bottom: 0;}
.filter-section .card-header button {
  color: #333;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;    
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    box-shadow: none;
    border: none;
    padding: 15px 10px;
}
.filter-section .card-header button:focus{outline: none;}
.selector {position: relative; padding: 0; width: 100%; color: #7e7e7e;}
.selector ul {position: relative;display: block; overflow: auto; min-width: 138px;max-height: 200px; background: #fff;
 list-style: none; white-space: inherit; padding-right: 17px; width: calc(100% + 17px)}
.selector li { position: relative; padding: 3px 20px 3px 25px; cursor: pointer}
.selector li:before {
    position: absolute;
    top: 50%;
    left: 0;
    top: 4px;
    display: inline-block;
    margin-right: 9px;
    width: 17px;
    height: 17px;
    background-color: #f4f4f4;
    border: 1px solid #d5d5d5;
    content: ""
}

.selector li[data-selected="1"]:before {
    border: 1px solid #d7d7d7;
    background-color: #fff
}

.selector li[data-selected="1"]:after {
    position: absolute;
    top: 50%;
    left: 3px;
    top: 11px;
    display: inline-block;
    width: 4px;
    height: 10px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    background: none;
    color: #39c9a9;
    content: "";
    -webkit-transform: rotate(40deg) translateY(-50%);
    transform: rotate(40deg) translateY(-50%)
}

.selector li:hover {
    color: #aaa
}

.selector li .total {
    position: absolute;
    right: 0;
    color: #d7d7d7
}

.selector .price-slider {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-top: 17px
}

@media (min-width: 768px) {
    .selector .price-slider {
        padding-top:8px
    }
}

.selector .price-slider:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 0;
    color: #39c9a9;
    content: attr(data-currency);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.selector #slider-range {
    width: 90%;
    margin-bottom: 30px;
    border: none;
    background: #ccc;
    height: 3px;
    margin-left: 8px;
    margin-right: 8px
}

@media (min-width: 768px) {
     .selector #slider-range {
        width:100%
    }
}

.selector .ui-slider-handle {
    border-radius: 50%;
    background-color: #fff;
    border: none;
    top: -14px;
    width: 28px;
    height: 28px;
    outline: none;border: solid #333;
}

@media (min-width: 768px) {
    .selector .ui-slider-handle {
        top:-7px;
        width: 16px;
        height: 16px
    }
}

.selector .ui-slider-range {
    background-color: #333
}

.selector .slider-price {
    position: relative;
    display: inline-block;
    padding: 5px 30px;
    background-color: #ccc;
    line-height: 28px;
    text-align: center;
    color: #000;
    font-weight: 600;
}

.selector .slider-price:before {
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: 0;
    color: #39c9a9;
    content: attr(data-currency);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.selector .show-all {
    position: relative;
    padding-left: 25px;
    color: #39c9a9;
    cursor: pointer;
    line-height: 28px
}

.selector .show-all:after, .selector .show-all:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -1px;
    color: #39c9a9;
    width: 10px;
    border-bottom: 1px solid
}

.selector .show-all:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.selector.open ul {
    max-height: none
}

.selector.open .show-all:after {
    display: none
}
.filter-by {
    background: #777777; margin-bottom: 10px;
    padding: 0.375rem 0.75rem;
}
.filter-by p {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin: 6px 0;
}
.filter-search {
    margin-bottom: 30px;
}
.filter-search p {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.filter-search input {
    border-radius: 0;
    padding: 20px;
}
.filter-search button.btn.btn-secondary {
    border-radius: 0;  background: #777777;
}
.filter-search button.btn.btn-secondary:hover
{
  background-color: #ca181f; border-color: #ca181f;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ccc;
    outline: 0;
    box-shadow: none;
}
.breadcum-section p {
    font-size: 16px;
}
.breadcum-section button {
    border: solid 1px #ccc; font-size: 13px;
    font-weight: 600;
}
.breadcum-section a {
    color: #000;
    text-decoration: underline;
}
.sorting-justified
{
  display: flex;
    justify-content: space-between;
}
.mobile-filter{display: none;}
.gallery-pagination a {
        padding: 4px 9px;
    border: solid 1px #ccc;
    border-radius: 3px;
    color: #333;
    display: block;
}
.gallery-pagination .disablesClass a {
    opacity: .6;
    background-color: rgba(0,0,0,.1);
}
.pagination li.current a {
color: #000;
    background-color: transparent;
    cursor: default;
    pointer-events: none;
    border: solid 1px #000;
}
.gallery-pagination li {
    margin: 2px 2px;
}
.pgntn-wdth {
    max-width:400px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.desk-sort-by select {
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px; background: transparent;
}
.desk-sort-by select option {
  font-size: 12px;
}

.sidebar .closebtn{display: none;}
.gallery-pad .slick-initialized .slick-slide {margin: 0 1px;}
.view-product{background-color: #ca181f !important;}
.close-sidebar{display: none;}
.filter-title-mobile{display: none;}

/* Checkbox */
.check_Box input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.check_Box input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 25px;
    display: inline-block;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.check_Box input[type=checkbox].css-checkbox:checked + label.css-label:before {
    content: "\f00c";
    color: #333;
}
.check_Box label.css-label:before {
   content: "";
    background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 0;
    text-align: center;
    font-family: FontAwesome;
    font-size: 11px;
    color: #fff;
    line-height: 1.5;
    padding-left: 1px;
    border: solid 1px #ccc;
}
.cookie-sticky {
    padding: 0.781vw 0;
    background-color: #f5f5f5;
    position: fixed;
    z-index: 9990;
    left: 0;
    bottom: 0;
    width: 100%;
}
.cookie-sticky .cookies-Mdl {
  display:inline-block;
  vertical-align:middle;
}

.slider-labels {
  margin-top: 10px; margin-bottom: 15px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
/* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s,top .3s;
  transition: left 0.3s,top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,.noUi-handle {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 12px;
    height: 12px;
    border-radius: 50%;
    left: -7px;
    top: -7px;
    background-color: #ffffff;
    border: 3px solid #000;
}

/* Styling;
 */
.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: transparent;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
  margin-top: 10px;
}

.noUi-target.noUi-connect {
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 3px solid #000;
  /*border: 4px solid rgba(53,93,187,0.38);*/
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -7px;
  top: -7px;
}

/* Disabled state;
 */
[disabled].noUi-connect,[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin,[disabled] .noUi-handle {
  cursor: not-allowed;
}
.rangVal .box{
  width: 30%;
    height: 35px;
    border: 2px solid #dddddd;
     background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
    padding: 5px;
    font-size: 13px;
}
.rangVal label {
    color: #666666;
    font-size: 13px; 
}
.reset-filter-btn-desk .enquiry-btn a {
    display: inline-block;
}

.collapse-group {
  padding: 10px;
  border: 1px solid darkgrey;
  margin-bottom: 10px;
}

.panel-title .trigger:before {
  content: '\e082';
  font-family: 'Glyphicons Halflings';
  vertical-align: text-bottom;
}

.panel-title .trigger.collapsed:before {
  content: '\e081';
}
a:focus{outline: none;}
/** SPINNER CREATION **/
.loader {
      position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    height: 32px;
    left: 50%;
    top: 45%;
    margin-left: -10px;
}
.load-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
   z-index: 999;
    background-color: #fff;   display: none; 
}

.fadeIn-slider {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  
}
.modal.show .fadeIn-slider {
  visibility: visible;
  opacity: 1;
  transition-delay: .4s;
}
.popup-gallery-title
{
  font-size: 20px;
    font-weight: 600;
    margin-bottom:18px;
    text-decoration: none;
    color: #000;
    display: inline-block;
}
.gallery-box-wrapper{list-style: none;position: absolute;}
#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%; padding: 0;
}
.loaderWrap {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,.15);}
.loaderWrap .loaderMiddle {width: 60px;height: 60px;background-color: #fff;position: absolute;left: 50%;margin-left: -30px;margin-top: -30px;top: 50%;padding: 4px;border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;}
.fld_error {font-size: 13px;color: #ff6868; padding-left: 5px;}
p#messageShow {font-size: 25px;text-align: center;color: #5da21e; font-weight: 600;}
.nav-active{color: #ed1c24;}

.modal_load .exibition-gallery {
  display: block;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
/* 404 Page*/
.not-found-wrapper {
   min-height: 74vh;
    padding: 10% 0;
    text-align: center;
}
.not-found h1 {
    font-size: 9vh;
    font-weight: 600;
    color: #CA181F;
}
.not-found p {
    font-size: 22px;
}
.range-slide .noUi-handle:before, .noUi-handle:after
{
display: none;
}
.range-slide .noUi-handle:focus{outline: none;}
.range-slide .noUi-handle:focus{outline: none;}
.range-slide.noUi-horizontal {height: 2px;}

.gallery-img {
    position: relative;
}


.sold {
    position: absolute;
    top: 0;
    left: 0;
}
.sold .soldImg{width:60%;}

.soldModal {
    position: absolute;
    top: 0px;
    left: 0px;
}
.soldModal .soldImg{width:100%;}

/* Responsive CSS */


/*********************************************************
          Responsive
*********************************************************/


@media (min-width: 1280px)
{
  .lg-container{max-width: 1230px;}
}

@media only screen and (min-width: 1401px) and (max-width: 1600px)
{
/*The Artist Page CSS*/
.artist-1 h3{margin: 20px 0;font-size: 24px;}
.artist-1 p{font-size: 17px;line-height: 30px;margin-bottom: 10px;}
.art-section-pad { padding: 5%;}  
}


@media only screen and (min-width: 1281px) and (max-width: 1400px)
{
/*The Artist Page CSS*/
.artist-1 h3{margin: 20px 0;font-size: 24px;}
.artist-1 p{font-size: 16px;line-height: 28px;margin-bottom: 5px;}
.art-section-pad { padding: 5%;}  
}


@media only screen and (max-width: 1279px) {
/* Contact */
.contact_Sec .mngColmn {max-width: 540px;}
/* End Contact */
/* Request For Quote */
.row.col-extr-space {margin-left: -20px;margin-right: -20px;}
.row.col-extr-space>[class^="col"] {padding-left: 20px;padding-right: 20px;}
/* End Request For Quote */
}


@media only screen and (max-width: 1199px) {
/* Contact */
.contact_Sec .mngColmn {max-width: 450px;}
.contactInfo {max-width: 100%;}
.contact_Sec .mapWrap {margin-left: 0;}
/* End Contact */

/* Footer CSS */
.footer-menu li {margin: 0 15px;}

/* Learn Art Page CSS */
.learn-art-video-section .nav-link{font-size: 16px;}

/*.gallery-art{column-count: 2;column-gap: 20px;-moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; }*/
.pgntn-wdth {max-width: 210px;}

/* Gallery Grid - Tablets and up */
.gallery-art {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
}
}


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

/*The Artist Page CSS*/
.artist-1 h3{margin: 20px 0;font-size: 24px;}
.artist-1 p{font-size: 14px;line-height: 26px;margin-bottom: 10px;}
/*.art-section-pad { padding: 2%;}*/

/* Contact */
.cmnHead {font-size: 26px;}
.sectionWrapper .secHead {margin-bottom: 30px;}
.contactInfo .head {font-size: 22px;margin-bottom: 20px;}
.contactInfo {font-size: 17px;}
.contactInfo .list_Info>li:not(:last-child) {margin-bottom: 16px;}
.mapWrap iframe {height:300px;}
/* End Contact */

/* Request For Quote */
.rfq-itemWrap {padding-left: 13px;padding-right: 13px;}
.row.col-extr-space {margin-left: -15px;margin-right: -15px;}
.row.col-extr-space>[class^="col"] {padding-left: 15px;padding-right: 15px;}
/* End Request For Quote */

/* Footer CSS */
.footer-sction{text-align: center;}
.copyright .text-right{text-align: center !important;}
.footer-sction .footer-logo {margin-bottom: 15px;}
.footer-menu ul{float: none;}
.footer-menu li {line-height: 34px;}

/*Hire Buy Art Page CSS */
.exibition-title h3{font-size: 18px; font-weight: bold;}
.exibition-title p{ font-size: 14px;}
.hiring-art-txt p{font-size: 14px;line-height: 26px;}
.hiring-art-txt li{font-size: 14px;}
.hire-buy-art-btn a{ font-size: 14px;padding: 1.4rem 2rem;}
.artist-1 li{font-size: 14px;}
.hire-buy-paint li{font-size: 14px;}

/*Learn Art Page CSS*/
.lesson-in-art p{font-weight: 600;font-size: 16px;}
.learn-art-video-section .nav-link{font-size: 14px;}

/*Gallery Page CSS*/
/*.gallery-art{column-count: 2;column-gap: 20px;-moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; }*/
.hidden-mobile {display: none;}
.mobile-filter{display: block;}

.breadcum-section p { display: none;}
.mobile-filter a { color: #000;border: solid 1px #ccc;padding: 3px 15px; border-radius: 5px; display: block;}
#filter-sidebar {padding: 25px 40px 100px 40px; position: fixed; height: 100%; top: 88px; width: 100%; background: #fff;
 z-index: 99;        }
#filter-sidebar:not(:target) {left: -100%;transition: left 0.5s;}
#filter-sidebar:target {left: 0;transition: left 0.5s; overflow-y: scroll;}
.close-sidebar {float: right;font-size: 22px;color: #000;display: block;position: relative;top: -15px; display: block;}
.close-done{}
.filter-title-mobile { background: #ccc;padding: 7px; width: 100%; display: flow-root; margin-bottom: 15px;}
.filter-title-mobile a {font-size: 12px;}
.filter-title-mobile p {font-size: 14px;font-weight: bold;text-transform: uppercase; float: left; margin-bottom: 0;
    line-height: 34px;}
.filter-title-mobile ul {padding: 0; float: right; margin-bottom: 0;}



/* Modal Popup CSS */
.gallery-pop-t .modal-dialog {top: 90px;}

/*Slick Slider CSS*/
.exibition-slider .slick-prev { left: 0;}
.exibition-slider .slick-next {right: 0;}
.pgntn-wdth {max-width: 380px;}
}


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

.mob-img{display: block;}
.desk-img{display: none;}
#navbarSupportedContent .navbar-nav li{padding-left: 0 !important;} 

/*The Artist Page CSS*/
.order-xs-2{order:2;}
.artist-1 { padding: 15px;}
.pure-art-section .artist-1.art-section-pad { padding: 15px 30px;}
.artist-1 h3{text-align: center; margin-top: 20px;font-size: 22px;}
.artist-1 p{font-size: 14px;line-height: 26px;margin-bottom: 10px;}
.exibition-title p{font-size: 14px;line-height: 26px;}
.slick-slider{overflow: hidden;}

/* Footer CSS */
.footer-sction{text-align: center;}
.copyright .text-right{text-align: center !important;}
.footer-sction .footer-logo {margin-bottom: 15px;}
.footer-menu ul{float: none;}
.footer-menu li {line-height: 34px;}


/* Contact */
.contact_Sec {border-top: none;border-bottom: none;}
.contact_Sec .mngColmn {max-width: 100%;padding: 0 0 30px 0;}
.contactInfo .head {font-weight:600;font-size:19px;}
.sectionWrapper.contactAdds_Sec {padding-bottom:0;}
.cst_FormWrap .form-group {margin-bottom: 20px;}
.thm-btn {font-size: 14px;min-width: 100px;}
/* End Contact */

/* Request For Quote */
.rfq-itemWrap .item-cols>.wrp-Col+.wrp-Col {padding-left: 15px;}
.rfq-itemWrap .col-img {max-width: 110px;}
/* End Request For Quote */

/* Footer CSS */
.footer-sction{text-align: center;}
.copyright .text-right{text-align: center !important;}
.footer-sction .footer-logo {margin-bottom: 15px;}
.footer-menu li {line-height: 34px;}

/*The Artist Page */
.press-review-popup-des .exibition-pop-box p{font-size: 14px;}

/*Hire Buy Art Page CSS */
.hire-buy-art-btn a{ font-size: 14px;padding: 1.4rem 2rem;}
.hiring-art-slider-section{padding: 0}

/*Slick Slider */
.slick-prev { left: 0;}
.slick-next { right: 0;}
.exibition-slider .slick-slide {margin: 0 5px;}
.exibition-slider .slick-list { margin: 0;}
.exibition-slider button.slick-next.slick-arrow{height: 30px; width: 30px; font-size: 4px; background: #CA181F; border-radius: 100%; text-align: center;}
.exibition-slider button.slick-prev.slick-arrow{height: 30px; width: 30px; font-size: 4px; background: #CA181F; border-radius: 100%; text-align: center;}
.exibition-slider .slick-prev:before, .exibition-slider .slick-next:before{ font-size: 24px; position: relative;left: 5px; color: #fff;}

.hiring-art-slider button.slick-next.slick-arrow{height: 30px; width: 30px; font-size: 4px; background: #CA181F; border-radius: 100%; text-align: center;}
.hiring-art-slider button.slick-prev.slick-arrow{height: 30px; width: 30px; font-size: 4px; background: #CA181F; border-radius: 100%; text-align: center;}
.hiring-art-slider .slick-prev:before, .hiring-art-slider .slick-next:before{ font-size: 24px; position: relative;left: 5px; color: #fff;}




/* Modal */
.modal-dialog {min-height: calc(100vh - 20px); }
.modal-open .modal{padding: 0 !important;}
.exibition-gallery button.close{font-size: 3rem;}


/*Learn Art Page CSS*/
.learn-art-video-section .card {border-radius: 0; border: none;}
.learn-art-video-section .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{border:none; text-decoration: none;}
.learn-art-tab-section a { display: block;padding: 0.8rem 1.25rem;color: #000; font-size: 18px; font-weight: 600;}
.learn-art-tab-section a:hover{text-decoration: none;}
.learn-art-tab-section .card-header{padding: 0; background: transparent;}
.learn-art-tab-section a{background: #ca181f; color: #fff;}
.learn-art-tab-section a.collapsed {background: #fff; color: #000;}
.learn-art-tab-section .card-body{border-bottom: solid 1px #ccc;}

/*Gallery Page CSS*/
/*.gallery-art{column-count: 1;column-gap: 20px;-moz-column-count: 1; -moz-column-gap: 20px; -webkit-column-count: 1; -webkit-column-gap: 20px; }*/
.gallery-art-title a{font-size: 16px;    margin: 10px 0;}
.gallery-art-title li{font-size: 13px;line-height: 20px;}

/* Mobile Pagination - Show all buttons */
.gallery-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 20px 0;
}

.gallery-pagination li {
    display: inline-block;
}

.gallery-pagination li.paginateFirst,
.gallery-pagination li.paginateLast {
    display: inline-block !important;
}

.gallery-pagination li a {
    padding: 8px 12px;
    min-width: 40px;
    text-align: center;
    border-radius: 4px;
    background: #f0f0f0;
    color: #333;
}

.gallery-pagination li.active a {
    background: #ca181f;
    color: white;
}
.gallery-box-wrapper:first-child{top: 0 !important;margin-bottom: 0px;}
.gallery-box-wrapper{padding: 0 9%;margin-bottom: 45px; position: relative;  top:40px !important;}
.gallery-box-wrapper:last-child{margin-bottom: 75px}
#pinBoot{height: auto !important;}
.sorting-section {margin-bottom: 30px;}
.gallery-art-title { margin-top: 20px;}
}

@media only screen and (max-width: 480px)
{
.mobile-filter a{padding: 3px 5px;font-size: 12px;}
.desk-sort-by { font-size: 12px;}
}

@media only screen and (max-width: 380px)
{
.navbar-brand{max-width: 75%;} 
.navbar-brand img{width: 100%;}
.mobile-filter a{padding: 5px 5px;font-size: 0px;}
.mobile-filter a i{font-size: 12px;}
.desk-sort-by { font-size: 10px;}
.gallery-pagination a {padding: 2px 9px;}
.gallery-share-social a{padding: 3px 4px;}
.filter-title-mobile ul{float: left;}
.filter-title-mobile a{font-size: 10px;}
.filter-title-mobile p{margin-right: 5px;}
}

@media(min-width:768px) {
  .video_player video{
    width: 50%;
    height: 75%;
  }
}
@media(max-width:767px){
  .video_player video{
    width: 75%;
    height: 75%;
  }
}

.video_player{
  text-align: center;
}

/* ====================================
   Variant Switcher Styles
   ==================================== */
.variant-switcher-wrapper {
    margin: 20px 0 30px;
    text-align: center;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.variant-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.variant-switcher {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.variant-btn {
    padding: 10px 20px;
    border: 2px solid #ddd;
    background: white;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
    color: #333;
}

.variant-btn:hover {
    border-color: #999;
    background: #f5f5f5;
    transform: translateY(-2px);
}

.variant-btn.active {
    border-color: #ca181f;
    background: #ca181f;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(202, 24, 31, 0.25);
}

.variant-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(202, 24, 31, 0.1);
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .variant-switcher-wrapper {
        margin: 15px 0 20px;
        padding: 12px;
    }

    .variant-label {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .variant-switcher {
        gap: 8px;
    }

    .variant-btn {
        padding: 8px 14px;
        font-size: 12px;
    }
}