@font-face {
  font-family: "HelveticaNowDisplay-EB";
  src: url("../fonts/HelveticaNowDisplay-ExtraBold.ttf");
}

@font-face {
  font-family: "HelveticaNowDisplay-RG";
  src: url("../fonts/HelveticaNowDisplay-Regular.ttf");
}

@font-face {
font-family: "HelveticaNowDisplay-BD";
src: url("../fonts/HelveticaNowDisplay-Bold.ttf");
}

@font-face {
font-family: "HelveticaCondensedBold";
src: url("../fonts/helveticacdbd.ttf");
}



html {
scroll-behavior: smooth;
/* overflow-x: hidden; */
}



body{
overflow-x: hidden;
padding: 0;
}


.homepage main{
margin-top:0px;
}


main{
margin-top:92px;
}




:root {
--grey-primary: #dedede;
--black-primary: #000000;
--white-primary: #ffffff;
--blue-primary: #1300FF;
--regular-font: "HelveticaNowDisplay-RG";
--extrabold-font: "HelveticaNowDisplay-EB";
--logo-font: "HelveticaCondensedBold";
--bold-font:"HelveticaNowDisplay-BD"
}

.section-padding-120{
padding: 120px 0px;
}

.section-padding-80{
padding: 80px 0px;
}

.section-padding-60{
padding: 60px 0px;
}

.section-padding-40{
padding: 40px 0px;
}

.margintop30{
margin-top: 30px;
}

.margintop20{
margin-top: 20px;
}

.marginbottom30{
margin-bottom: 30px;
}

.marginbottom20{
margin-bottom: 20px;
}

.paddingtop30{
padding-top: 30px;
}

.paddingtop20{
padding-top: 20px;
}

.paddingtop60{
padding-top: 60px;
}

.paddingtop80{
padding-top: 80px;
}

.paddingtop120{
padding-top: 120px;
}

.paddingbottom40{
padding-bottom: 40px;
}

.paddingbottom60{
padding-bottom: 60px;
}

.paddingbottom80{
padding-bottom: 80px;
}

.paddingbottom120{
padding-bottom: 120px;
}


.paddingbottom30{
padding-bottom: 30px;
}

.paddingbottom20{
padding-bottom: 20px;
}

.paddingbottom10{
padding-bottom: 10px;
}

h1, h2, h3, h4, h5, h6{
font-family: var(--extrabold-font);
margin-bottom: 0;
}

p{
font-family: var(--regular-font);
margin-bottom: 0;
}

a{
text-decoration: none;
}

.font-bold{
font-family: var(--extrabold-font);
}

.font-medium{
font-family: var(--bold-font);
}

.font-regular{
font-family: var(--regular-font);
}

.text-black{
color: var(--black-primary);
}

.text-white{
color: var(--white-primary);
}

.text-center{
text-align: center;
}

.text-left{
text-align: left;
}

.text-right{
text-align: left;
}

.text-lowercase{
text-transform: lowercase;
}

.text-uppercase{
text-transform: uppercase;
}

.text-capitalize{
text-transform: capitalize;
}


.heading150{
font-size: 150px;
line-height: 100%;
letter-spacing: -1px;
}

.heading90{
font-size: 90px;
line-height: 100%;
letter-spacing: -1px;
}

.heading72{
font-size: 72px;
line-height: 100%;
}


.heading60{
font-size: 60px;
line-height: 100%;
}

.heading48{
font-size: 48px;
line-height: 100%;
letter-spacing: -1px;
}

.heading36{
font-size: 36px;
line-height: 100%;
letter-spacing: -1px;
}

.heading24{
font-size: 24px;
line-height: 100%;
letter-spacing: -1px;
}


.parah24{
font-size: 24px;
line-height: 140%;
}

.parah18{
font-size: 18px;
line-height: 140%;
}

.parah16{
font-size: 16px;
line-height: 140%;
}

@media (max-width:767px){
.heading150{
  font-size: 60px;
}

.paddingbottom80{
  padding-bottom: 40px;
}

.section-padding-120 {
  padding: 60px 0px;
}
}

.global-btnblack a{
padding: 12px 24px;
background: var(--black-primary);
color: var(--white-primary);
font-size: 18px;
font-family: var(--extrabold-font);
text-decoration: none;
text-transform: uppercase;
border-radius: 30px;
display: inline-block;
cursor: pointer;
}

.global-btnwhite a{
padding: 12px 24px;
background: var(--white-primary);
color: var(--black-primary);
font-size: 16px;
font-family: var(--extrabold-font);
text-decoration: none;
text-transform: uppercase;
border-radius: 30px;
display: inline-block;
cursor: pointer;
}


.global-btnoutline{
padding: 12px 16px;
background: transparent;
color: var(--black-primary);
font-size: 16px;
font-family: var(--extrabold-font);
text-decoration: none;
text-transform: uppercase;
border-radius: 30px;
border: 2px solid var(--black-primary);
display: inline-block;
}



.homepage .saf-header{
position: fixed;
width: 100%;
z-index: 999;
display: none;
}

.homepage .saf-header.showheader{
display:block;
}

.saf-header{
background: var(--blue-primary);
padding: 15px 0px;
position: fixed;
width: 100%;
z-index: 999;
}

.saf-header .right-block{
display: flex;
justify-content: right;
align-items: center;
}



.saf-header .right-block .cart-block{
padding: 0px 5px;
}

.saf-header .right-block  .global-btnwhite a{
font-size: 15px;
}

.saf-header .right-block .profile-block{
width: 60px!important;
height: 60px!important;
padding: 5px 5px;
}

.saf-header .right-block .profile-block img{
border-radius: 50%;
}


.saf-header .right-block a{
margin: 0px 5px;
}

.saf-header .row{
align-items: center;
}

.main_menu{
padding: 0;
list-style-type: none;
display: flex;
justify-content: left;
margin-bottom: 0;
}

.main_menu li{
margin: 0px 16px 0px 0px;
}

.main_menu li a{
color: var(--white-primary);
font-size: 16px;
font-family: var(--regular-font);
text-decoration: none;
padding: 20px 0px;
}

.main_menu li a:hover{
font-family: var(--regular-font);
}

.toggle-menu{
display: none;
}

.toggle-menu.desktop{
  display: block;
  position: static;
    height: 10px;
    width: 10px;
    margin-left: 12px;
}

@media (max-width:767px){

  .toggle-menu.desktop{
    display: none;
  }

.saf-header .menu-block{
  display: none;
}

.saf-header .global-btnwhite{
  display: none;
}

.logo-block img{
  width: 25%;
}

.homepage .toggle-menu{
  top: 45%;
}

.toggle-menu{
  position: absolute;
  right: 5%;
  top: 7%;
  display: block;
}
}

.home-logo{
width: 500px;
margin-top: 30px;
}

.title-SAF{
height: 50vh;
}

.festive-detail{
height: 50vh;
padding-bottom: 30px;
}


@media (max-width:767px){

.title-SAF{
  height: 75vh;
}

.festive-detail{
  height: auto;
}

.home-logo{
  width: 320px;
}
}


.list-item{
padding: 0;
list-style-type: none;
text-align: center;
}



.modal-header .btn-close:focus{
outline: none;
}

.list-item li {
display: block;
width: max-content;
margin: 20px auto;
}



.overlay {
height: 100vh;
width: 0;
position: fixed;
z-index: 999;
top: 0;
right: 0;
background-color: var(--blue-primary);
overflow-y: hidden;
transition: 0.5s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}

.overlay.open{
width: 100%;
}

.overlay-content {
position: relative;
top: 20%;
width: 100%;
text-align: right;
padding: 0px 15px;
}

.overlay-content li{
list-style-type: none;
}


.overlay .overlay-content .dropdownmenu li a{
font-size: 28px;
}

.overlay .overlay-content li a {
padding-bottom: 0px;
text-decoration: none;
    font-size: 32px;
    line-height: 44px;
color: var(--white-primary);
display: block;
transition: 0.3s;
text-transform: uppercase;
font-family: var(--extrabold-font);
}

.overlay .overlay-content li a:hover, .overlay a:focus {
color: var(--white-primary);
}



.saf-header .nav-toggle {
right: 0;
top: 65%;
}

.close-icon{
display: none;
width: 24px;
}

.nav-toggle.desktop.active .bars-icon{
  display: none;
}

.nav-toggle.desktop.active .close-icon{
  display: block;
  width: 24px;
}

@media (max-width:767px){

.nav-toggle.active .bars-icon{
  display: none;
}

.nav-toggle.active .close-icon{
  display: block;
  width: 24px;
}
}


@media screen and (max-height: 450px) {
.overlay {overflow-y: auto;}
.overlay a {font-size: 20px}

}

@media (max-width:767px){
.overlay .overlay-content li a{
          font-size: 7vw;
        line-height: 10.5vw;
}

.overlay .overlay-content .dropdownmenu li a{
   font-size: 4.6vw;
        line-height: 6.6vw;
}

}


@media (min-width:1550px){
  .overlay .overlay-content li a {
    font-size: 48px;
    line-height: 62px;
}

.overlay .overlay-content .dropdownmenu li a{
font-size: 38px;
}
}


.list-item a:hover{
text-decoration: underline!important;
color: var(--black-primary);
}

.main-screen{
background:url('../images/banner_main.png');
background-size: cover;
height: auto;
}

.main-screen-1 .row div{
z-index: 9;
position: relative;
}


.main-screen-1{
height: 100vh;
}


.main-screen-1::after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background-image: linear-gradient(#1300ff8a, #1300ff8a);
}

video.fullscreen {
position: absolute;
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/*.main-screen-1 iframe {
position: absolute;
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}*/

video.fullscreen::-webkit-media-controls {
display: none !important;
-webkit-appearance: none !important;
-moz-appearance: none!important;
}

video::-webkit-media-controls-panel {
display: none !important;
-webkit-appearance: none !important;
-moz-appearance: none!important;
}




.festive-detail{
align-items: end;
}

.intro-section{
background: var(--white-primary);
}

.intro-section .global-btnblack{
width: max-content;
margin: auto;
}

.keythings-section .col-md-4{
padding-right: 50px;
}

.keythings-section .heading24{
font-size: 20px;
line-height: 100%;
letter-spacing: -1px;
}

.keythings-section .col-md-4:last-child{
padding-right: 0px;
}

.keythings-section .carousel .carousel-control-next-icon, .carousel-control-prev-icon{
display: none;
}

.about-title-section .carousel .carousel-control-next-icon, .carousel-control-prev-icon{
display: none;
}

.about-title-section .carousel img{
height: 250px;
width: 100%;
object-fit: cover;
object-position: center;
}


@media (max-width:767px){
.about-title-section .carousel img{
  height: 200px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
}

.keythings-section .carousel .carousel-indicators{
display: none;
}

.about-title-section .carousel .carousel-indicators{
display: none;
}

@media (max-width:767px){
.about-title-section .carousel img{
margin-bottom: 30px;
}
}
/* 
.curator-section .list-item li img{
display: none;
} */

.curator-section .list-item li.show {
z-index: 99;
position: relative;
}




.curator-section .list-li img{
position: fixed;
top: 0;
left: 0;
width: 340px;
height: 340px;
object-fit: cover;
z-index: 9;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-mask-image: url(../images/shape.svg);
mask-image: url(../images/shape.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;  
mask-size: 340px;
}

@media (max-width:767px){
.curator-section .list-li img{
  display: none;
}
}

.qa_content_single{
width: 95%;
}

.testimonial-section .col-md-6{
position: relative;
}

.testimonial-section .nextbtn img{
position: absolute;
right: -55px;
top: 40%;
width: 56px;
cursor: pointer;
}

.testimonial-section .prevbtn img{
position: absolute;
left: -55px;
top: 40%;
width: 56px;
cursor: pointer;
}



.testimonial-section  .slick-dots li button:before{
  font-family: 'slick';
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.testimonial-section .slick-dots li.slick-active button:before {
opacity: 1;
color: black;
}

.testimonial-section .slick-dots {
position: absolute;
bottom: -45px!important;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}

.testimonial-section .slick-dots li {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
margin: 0 6px;
padding: 0;
cursor: pointer;
}

.testimonial-card{
border: 0px solid var(--black-primary);
background: var(--white-primary);
padding: 30px 30px;
margin: 8px;
}

.testimonial-card .profilebio{
display: flex;
align-items: end;
}

.testimonial-card .profilebio .profileimg{
width: 25%;
margin-right: 15px;
}

.testimonial-card .profilebio .profileimg img{
width: 100%;
}

.testimonial-card .profilebio .profilename h4{
font-size: 26px;
color: var(--black-primary);
}

.testimonial-card .profilebio .profilename p{
font-family: var(--regular-font);
font-size: 20px;
line-height: 20px;
color: var(--black-primary);
}

.testimonial-card .profiledesc{
font-size: 18px;
font-family: var(--regular-font);
text-align: left;
height: 17rem;
overflow-y: auto;
}

@media (max-width:767px){
.testimonial-card .profiledesc{
  height: 18rem;
}
}

.testimonial-card .profilebio .profilename p {
font-family: var(--regular-font);
font-size: 20px;
line-height: 24px;
color: var(--black-primary);
}

.testimonial-card .profilebio .profilename {
width: 75%;
}

@media (max-width:767px){

.testimonial-card{
  padding: 15px 15px;
}

.testimonial-section .nextbtn img{
display: none;
}

.testimonial-section .prevbtn img{
display: none;
}

}



@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90%;
}
}

@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 90%;
}
}

.main_footer{
background: var(--black-primary);
}


.partner_logo img {
  margin-right: 24px;
  width: 120px;
  height: 120px;
  object-fit: contain;
  object-position: center;
}

.partner_logo .artculturelogo img{
width: 200px;
}

/* .partner_logo img:last-child{
width: 60px;
} */

.main_footer .footer_logo{
text-align: left;
}


.main_footer .desktop-logo{
text-align: left;
display:block;
}

.main_footer .mobile-logo{
text-align: center;
display:none;
}





@media (max-width:767px){


.partner_logo img {
  margin-right: 24px;
  width: 80px;
  height: 80px;
  object-fit: contain;
  object-position: center;
}

.partner_logo .artculturelogo img{
width: 125px;
}

.testimonial-card .profilebio {
display: block;
}

.testimonial-card .profilebio .profileimg {
width: 40%;
margin-right: 15px;
margin: auto;
padding-bottom: 15px;
}

.testimonial-card .profilebio .profilename {
width: 100%;
text-align: center;
}
}



.widget_address p{
color: var(--white-primary);
font-size: 16px;
margin-bottom: 8px;
}

.widget_address p a{
color: var(--white-primary);
font-size: 16px;
margin-bottom: 8px;
text-decoration: none;
}

.widget_menu{
padding: 0;
list-style-type: none;
}

.widget_menu li{
margin-bottom: 8px;
}

.widget_menu li a{
text-decoration: none;
color: var(--white-primary);
font-size: 16px;
font-family: var(--regular-font);
}

.widget_menu li a:hover{
text-decoration: underline;
}

.colcount2{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}

.partner_logo{
display: flex;
align-items: center;
justify-content: center;
}

.copyright_footer{
color: var(--white-primary);
text-align: center;
margin-top: 20px;
font-size: 14px;
}

.main_footer .desktop-logo img{
margin-left: 0px;
width: 220px;
margin-bottom: 20px;
}

.partner_logo_box .widget_box{
padding-left: 35px;
}

.qa_seemore{
margin-bottom: 30px;
}

.qa_seemore a{
  color: var(--black-primary);
  font-size: 16px;
  font-family: var(--extrabold-font);
  text-decoration: none;
  display: inline-block;
}

.footer_social ul{
padding: 0;
list-style-type: none;
display: flex;
}

.footer_social ul li{
margin: 0px 12px;
}


@media (max-width:767px){

.paddingbottom120{
  padding-bottom: 60px;
}

.main-screen{
  padding-top: 40px;
  height: 80vh;
  position: relative;
  background-position: center;
}

.main-screen .heading90{
  font-size: 48px;
  line-height: 100%;
}




.festive-detail {
  align-items: end;
  flex-wrap: wrap-reverse;
  position: absolute;
      width: 99%;
      bottom: 5%;
}

iframe{
height: 280px;
}

.discover-section .paddingbottom120{
padding-bottom: 60px;
}

/* .discover-section{
overflow-x: hidden;
} */

.maincursor{
display: none;
}

.partners-section .paddingbottom120{
padding-bottom: 60px;
}

.time-detail{
margin-bottom: -25px;
}

.festive-detail .heading48{
font-size: 24px;
}

.festive-detail .heading60{
font-size: 48px;
}



.intro-section .heading48 {
  font-size: 32px;
  line-height: 100%;
}

.intro-section .parah24{
font-size: 16px;
line-height: 24px;
width: 70%;
margin: auto;
}

.about-title-section{
padding: 60px 0px 20px;
}

.about-title-section .heading150{
font-size: 48px;
}

.keythings-section  .heading48{
font-size: 36px;
line-height: 100%;
}

.keythings-section  .heading36{
font-size: 24px;
line-height: 100%;
width: 90%;
}

.keythings-section  .global-btnblack{
margin-bottom: 35px;
}

.keythings-section .col-md-4{
padding-right: 12.5px;
}

.keythings-section .col-md-4:last-child{
padding-right: 12.5px;
}

.p-0{
padding-right: 12.5px!important;
padding-left: 12.5px!important;
}

.keythings-section img{
  height: 350px;
  object-fit: cover;
}

.curator-section .list-item .heading60{
  font-size: 36px;
  text-transform: lowercase!important;
}

.curator-section .section-padding-120{
  padding-bottom: 60px;
}


.testimonial-section .heading150{
  font-size: 48px;
}

.testimonial-section .paddingbottom120{
  padding-bottom: 60px;
}

.list-item li{
  margin-bottom: 20px;
  width: 100%;
}


.main_footer {
  background: var(--black-primary);
  padding: 40px 0px !important;
}

.main_footer .desktop-logo{
  text-align: center;
  display:none;
}

.main_footer .mobile-logo{
text-align: center;
display:block;
width: 75%;
margin: 0px auto 50px auto;
}

.main_footer .widget_box{
margin-bottom: 30px;
}

.main_footer .col-md-3{
width: 25%!important;
}

.footer_social{
width: 100%;
margin-bottom: 30px;
}

.footer_social ul{
justify-content: center;
}


.widget_box .col-md-4:nth-child(1){
text-align: center;
margin-bottom: 30px;
}

.widget_box .col-md-4:nth-child(1) h6{
text-align: center!important;
}

.widget_box .col-md-4:nth-child(2){
width: 50%;
padding-left: 20%;
}

.widget_box .col-md-4:nth-child(3){
width: 50%;
padding-right: 20%;
}
/* .main_footer .col-md-5{
width: 35%!important;
} */

.main_footer .partner_logo_box
{
width: 100%!important;
}

.colcount2{
-moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}

.main_footer .widget_box h6{
font-size: 16px;
}

.partner_logo{
display: inline-block;
}

.partner_logo div {
width: 32.33%;
display: inline-block;
text-align: center;
}

.copyright_footer{
color: var(--white-primary);
text-align: center;
margin-top: 5px;
font-size: 14px;
}


.partner_logo_box .widget_box {
padding-left: 0px;
}


.main-screen-1  .heading90{
font-size: 45px;
}

}



@media (min-width: 1200px) {
.heading150{
  font-size: 90px;
  line-height: 100%;
} 
}


@media (min-width: 1400px) {
.heading150{
  font-size: 120px;
  line-height: 100%;
}

.parah18{
  font-size: 18px;
  line-height: 28px;
}

.keythings-section  .parah18{
  font-size: 20px;
  line-height: 120%;
}


}

.main-screen-1{
cursor: none;
}


.maincursor {
width: 70px;
height: 69px;
background-color: var(--blue-primary);
border-radius: 50%;
position: absolute;
/*  transition-duration: 200ms;
transition-timing-function: ease-out;*/
animation: cursorAnim .5s infinite alternate;
pointer-events: none;
-webkit-mask-image: url(../images/shape-blue.svg);
mask-image: url(../images/shape-blue.svg);
mask-size: 70px;
mask-repeat: no-repeat;
mask-position: center;
z-index: 9999;
margin: -35px 0 0 -35px;
mix-blend-mode: multiply;
}

/* 
iframe {
pointer-events: none!important;
} */

.maincursor.active {
opacity: 1;
mix-blend-mode:difference;
animation: rotate-animation 3s infinite linear;
width: 400px;
height: 399px;
mask-size: 400px;
margin: -200px 0 0 -200px;
}

.maincursor.hovered {
opacity: 1;
}


.homepage .modal{
background: #000000b8;
}

/* 
.cursor {
position: absolute;
background-color: var(--white-primary);
width: 70px;
height: 69px;
border-radius: 100%;
z-index: 1;
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
user-select: none;
pointer-events: none;
z-index: 10000;
transform: translate(0px, 0px);
-webkit-mask-image: url(../images/shape.svg);
mask-image: url(../images/shape.svg);
mask-size: 70px;
mask-repeat: no-repeat;
}

.cursor.active {
opacity: 1;
mix-blend-mode:difference;
animation: rotate-animation 8s infinite linear;
}

.cursor.hovered {
opacity: 1;
} */

.maincursor.active2 {
opacity: 1;
mix-blend-mode:difference;
animation: rotate-animation-2 4s infinite linear;
width: 140px;
height: 139px;
mask-size: 140px;
margin: -70px 0 0 -70px;
}


@keyframes rotate-animation {
0% {
  transform: rotate(0deg);
}
50% {
  transform: rotate(180deg);
}
100% {
  transform: rotate(360deg);
}
}

@keyframes rotate-animation-2 {
0% {
  transform: rotate(0deg);
}
50% {
  transform: rotate(180deg);
}
100% {
  transform: rotate(360deg);
}
}

@media (max-width:767px){
.cursor{
  display:none;
}
}

.maincursor.curatorcursor{
width: 0px;
height: 0px;
mask-image: 0px;
}

.list-li-mobile img{
  width: 280px;
  height: 280px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  -webkit-mask-image: url(../images/shape.svg);
  mask-image: url(../images/shape.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;  
  mask-size: 280px;
}

.list-li-mobile.show img{
  display: block;
  
}

.saf-contactpage .cntfrm{
  width: 100%;
  padding: 0;
}


.saf-contactpage .global-btnblack input[type="submit"] {
padding: 12px 54px 12px 34px;
background: var(--black-primary);
color: var(--white-primary);
font-size: 18px;
font-family: 'HelveticaNowDisplay-EB';
text-decoration: none;
text-transform: uppercase;
border-radius: 30px;
display: inline-block;
margin-top: 30px;
border: 0;
background-image: url(../images/submit-arrow.svg);
background-size: 20px;
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: 88%;
}





/* .curatormodal {
display: none; 
position: fixed; 
z-index: 999999; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.8); 
} */

#myModal .modal-dialog{
background-color: var(--white-primary);
margin: 8% auto; 
padding: 20px;
border: 0px solid var(--black-primary);
width: 85%; 
max-width: 85%;
box-shadow: 0 0em 0rem rgba(0,0,0,.1);;
-webkit-box-shadow:0 0em 0rem rgba(0,0,0,.1);
}

#myModal .modal-dialog .modal-content{
box-shadow: 0 0em 0rem rgba(0,0,0,.1);
-webkit-box-shadow:0 0em 0rem rgba(0,0,0,.1);
}

#myModal .modal-body img{
width: 100%;
webkit-mask-image: url(../images/shape.svg);
mask-image: url(../images/shape.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;  
mask-size: 100%;
}

#myModal .modal-body .row{
align-items: center;
}

#myModal #curator_bio{
height: 20rem;
overflow-y: auto;
}


.modal-open .modal{
overflow-y: hidden;
}


/* 
.curatormodal .closecurator {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: var(--white-primary);
font-weight: 100;
}


.curatormodal .modal-content iframe{
width: 100%;
height: 380px!important;
}


.curatormodal .modal-content h3{
color: var(--white-primary);
text-align: center;
}


*/

.slick-dots {
width: 100%;
max-width: 130px;
overflow: auto;
white-space: nowrap;
padding: 0 0 20px !important;
list-style: none;
border: 0px solid #ddd;
left: 0 !important;
right: 0 !important;
bottom: -50px !important;
margin: auto !important;
}
.slick-dots::-webkit-scrollbar {
display: none;
}

.navigation_dots{
width: 92px;
margin: auto;
}

.navigation_dots .ng-item{
background: var(--black-primary);
height: 12px;
width: 12px;
border-radius: 50%;
margin: 0px 6px;
opacity: 0.3;
color: transparent;
}


.navigation_dots .ng-item.slick-current{
opacity: 1;
}

.ng-item{
background: var(--black-primary);
height: 12px;
width: 12px;
border-radius: 50%;
margin: 0px 6px;
}

.saf-registerpage .registerfrm  .form-group.acpt{
display: flex !important;
}




.sf_curatorsingle.blue{
background: url('../images/curator-blue.png');
background-size: cover;
padding: 60px 0px;
}

.sf_curatorsingle .image-block img {
width: 100%;
webkit-mask-image: url(../images/shape.svg);
mask-image: url(../images/shape.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
mask-size: 100%;
}

.sf_curatorsingle .row{
align-items: center;
}

.sf_curatorsingle .content-block .cur-name{
font-size: 72px;
color:var(--white-primary);
text-align: left;
}

.sf_curatorsingle .content-block .cur-designation{
font-size: 24px;
color:var(--white-primary);
text-align: left;
margin-bottom: 30px;
}

.sf_curatorsingle .content-block .cur-desc{
font-size: 16px;
color:var(--white-primary);
text-align: left;
}

.sf_curatorsingle .content-block p {
margin-bottom: 16px;
}

.sf_curatorsingle.red{
background: url('../images/curator-red.png');
}

.sf_curatorsingle.green{
background: url('../images/curator-green.png');
}

.sf_curatorsingle.green .cur-name{
color: var(--black-primary);
}

.sf_curatorsingle.green .cur-designation{
color: var(--black-primary);
}

.sf_curatorsingle.green .cur-desc{
color: var(--black-primary);
}

.sf_curatorsingle.yellow{
background: url('../images/curator-yellow.png');
}

.sf_curatorsingle.yellow .cur-name{
color: var(--black-primary);
}

.sf_curatorsingle.yellow .cur-designation{
color: var(--black-primary);
}

.sf_curatorsingle.yellow .cur-desc{
color: var(--black-primary);
}

.sf_filterform label{
text-transform: uppercase;
font-size: 18px;
color: var(--black-primary);
}

.sf_filterform .form-control{
margin-bottom: 16px;
}

.sf_filterform .form-control{
font-size: 16px;
}

.sf_filterform .form-control::placeholder{
font-size: 16px;
}

.sf_filterform select{
text-transform: uppercase;
font-size: 16px;
color: var(--black-primary);
}

.sf_filterform select option{
text-transform: uppercase;
font-size: 16px;
color: var(--black-primary);
}

.project-block .content-block{
max-height: 70vh;
overflow-y: scroll;
}

.project-block .content-block .project-listitem{
border-bottom: 1px solid var(--black-primary);
padding-bottom: 30px;
margin-bottom: 30px;
width: 95%;
}

.project-block .content-block .project-listitem .project-cat{
font-size: 18px;
color: var(--black-primary);
text-transform: uppercase;
font-family: var(--bold-font);
margin-bottom: 12px;
}

.project-block .content-block .project-listitem .project-cat span{
border-right: 2px solid var(--black-primary);
margin-right: 2px;
padding-right: 6px;
}

.project-block .content-block .project-listitem .project-cat span:last-child{
border: 0;
}


.project-block .content-block .project-listitem .project-title{
font-family: var(--extrabold-font);
color: var(--black-primary);
font-size: 36px;
}




.project-block .content-block .project-listitem .project-detail{
font-family:var(--regular-font);
color: var(--black-primary);
font-size: 18px;
text-transform: uppercase;
margin-bottom: 18px;
}

.project-block .content-block .project-listitem .project-detail span{
border-right: 2px solid var(--black-primary);
margin-right: 2px;
padding-right: 6px;
}

.project-block .content-block .project-listitem .project-detail span:last-child{
border: 0;
}

.project-block .content-block .project-listitem .project-link{
font-size: 18px;
font-family: var(--extrabold-font);
text-transform: uppercase;
color: var(--black-primary);
}

.project-block .content-block .project-listitem  .project-link:hover{
border-bottom: 3px solid var(--black-primary);
}

.project-block .content-block .project-listitem  .project-link::after{
content: '';
background-image: url(../images/solar_arrow-right-linear.svg);
height: 20px;
width: 20px;
display: inline-block;
background-repeat: no-repeat;
background-size: 100%;
padding: 10px 10px;
margin-left: 10px;
margin-bottom: -2px;
}



.programme-section .programme-filter{
text-align: center;
margin-top: 0px;
}

.programme-section .programme-filter label{
font-size: 28px;
color: var(--black-primary);
font-family: var(--regular-font);
margin-right: 20px;
margin-bottom: 0;
text-align: right;
}

.programme-section .programme-filter select{
font-size: 28px;
border: 0;
font-family: var(--extrabold-font);
border-bottom: 3px solid var(--black-primary);
background: none!important;
}

.programme-section .bootstrap-select>.dropdown-toggle.bs-placeholder.btn{
  border: 0!important;
}

.programme-section .bootstrap-select>.dropdown-toggle.btn-light{
  border: 0!important;
}

.programme-section .bootstrap-select.show-tick .dropdown-menu li a{

}

.programme-section .bootstrap-select .dropdown-menu li a span.text{
  font-size: 24px!important;
  font-family: var(--extrabold-font)!important;
  color: var(--black-primary);
}

.programme-section .filter-option .filter-option-inner-inner{
  font-size: 28px;
  border: 0;
  font-family: var(--extrabold-font);
  border-bottom: 3px solid var(--black-primary);
  color: var(--black-primary);
}

.programme-section .bootstrap-select>.dropdown-toggle:after{
  font-size: 1.2rem;
  color: var(--black-primary)!important;
}

.programme-section .programme-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
  width: max-content;
}

.programme-section .programme-filter select:focus{
outline: 0;
}

.programme-section .programme-filter .field{
display: flex;
align-items: center;
justify-content: center;
}

.programme-section .programme-filter .field .field-label {
width: 35%;
text-align: right;
}

.programme-section .programme-filter .field .field-select{
width: 50%;
text-align: left;
}

.programme-section .modal-body .bootstrap-select>.dropdown-toggle.btn-light, .bootstrap-select>.dropdown-toggle.btn-secondary {
  border: 1px solid var(--black-primary) !important;
  border-radius: 0;
}

.programme-section .modal-body .filter-option-inner-inner{
  font-size: 13px;
  font-family: var(--regular-font);
  border-bottom: 0px;
}

.programme-section .modal-body  .bootstrap-select>.dropdown-toggle:after{
  font-size: 0.8rem;
  color: var(--black-primary)!important;
}

.exhibition-listitem{
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid var(--black-primary);
}

.exhibition-listitem .left-block{
  width: 75%;
}

.exhibition-listitem .right-block{
  width: 25%;
}

.exhibition-listitem .col-md-8{
position: relative;
padding-left: 40px;
}




.exhibition-listitem .exhibition-cat{
font-size: 18px;
color: var(--black-primary);
text-transform: uppercase;
font-family: var(--bold-font);
margin-bottom: 6px;
}

.exhibition-listitem .exhibition-cat span{
border-right: 2px solid var(--black-primary);
margin-right: 2px;
padding-right: 6px;
}

.exhibition-listitem .exhibition-cat span:last-child{
border: 0;
}

.exhibition-listitem  .project-title{
font-family: var(--extrabold-font);
color: var(--black-primary);
font-size: 36px;
margin-bottom: 10px;
}

.exhibition-listitem  .project-detail{
font-family:var(--regular-font);
color: var(--black-primary);
font-size: 24px;
text-transform: uppercase;
margin-bottom: 18px;
}


.exhibition-listitem  .btn-link{
font-size: 18px;
font-family: var(--extrabold-font);
text-transform: uppercase;
color: var(--black-primary);
border-bottom: 3px solid var(--white-primary);
margin-top: 30px;
display: inline-block;
}

.exhibition-listitem  .btn-link:hover{
border-bottom: 3px solid var(--black-primary);
}

.exhibition-listitem  .btn-link::after{
content: '';
background-image: url(../images/solar_arrow-right-linear.svg);
height: 20px;
width: 20px;
display: inline-block;
background-repeat: no-repeat;
background-size: 100%;
padding: 10px 10px;
margin-left: 10px;
margin-bottom: -2px;
}

.exhibition-listitem .d-flex{
justify-content: space-between;
}

.exhibition-listitem .right-block{
padding: 0;
}

.exhibition-listitem .right-block .venue-title{
  font-size: 18px;
  color: var(--black-primary);
  text-transform: uppercase;
  font-family: var(--regular-font);
  margin-bottom: 6px;
}

.exhibition-listitem .right-block .venue-name{
font-size: 18px;
color: var(--black-primary);
text-transform: uppercase;
font-family: var(--extrabold-font);
}

.sf_projectsingle.blue{
background: url('../images/curator-blue.png');
background-size: cover;
padding: 60px 0px;
}

.sf_projectsingle .image-block img {
width: 100%;
webkit-mask-image: url(../images/shape.svg);
mask-image: url(../images/shape.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
mask-size: 100%;
object-fit: cover;
width: 620px;
height: 620px;
}

@media (min-width:1500px){
  .sf_projectsingle .image-block img {
    width: 727px;
    height: 727px;
  }
}


.sf_projectsingle .heading-block{
position: absolute;
bottom: 5%;
margin-left: -50%;
}

.sf_projectsingle .heading-block h1{
  mix-blend-mode: difference;
}

.theme-btn-black{
padding: 12px 54px 12px 34px;
background: var(--black-primary);
color: var(--white-primary);
font-size: 18px;
font-family:var(--extrabold-font);
text-decoration: none;
text-transform: uppercase;
border-radius: 30px;
display: inline-block;
border: 0;
background-image: url(../images/submit-arrow.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: right;
background-position-x: 88%;
}

.theme-btn-black:hover{
color: var(--white-primary);
}

.sf_projectdetail .dateloc h2 span{
display: block;
}

.sf_projectdetail .project-action{
text-align: right;
}

.sf_projectdetail .project-artist{
margin-bottom: 30px;
}

.sf_projectdetail .project-artist h4{
font-size: 24px;
font-family: var(--extrabold-font);
color: var(--black-primary);
text-transform: uppercase;
margin-bottom: 12px;
}

.sf_projectdetail .project-artist ul{
padding: 0;
list-style-type: none;
}

.sf_projectdetail .project-artist ul li{
font-size: 24px;
font-family: var(--regular-font);
color: var(--black-primary);
text-transform: capitalize;
}


.sf_projectdetail .project-curator h4{
font-size: 24px;
font-family: var(--extrabold-font);
color: var(--black-primary);
text-transform: uppercase;
margin-bottom: 12px;
}

.sf_projectdetail .projects-partners h4{
  font-size: 24px;
  font-family: var(--extrabold-font);
  color: var(--black-primary);
  text-transform: uppercase;
  margin-bottom: 24px;
}

.sf_projectdetail .projects-partners .partners_images img{
  width: 50%;
  margin-bottom: 30px;
}

.sf_projectdetail .project-curator ul{
padding: 0;
list-style-type: none;
}

.sf_projectdetail .project-curator ul li{
font-size: 24px;
font-family: var(--regular-font);
color: var(--black-primary);
text-transform: capitalize;
}

.sf_projectdetail .project-description{
font-size:18px;
font-family: var(--regular-font);
color: var(--black-primary);
column-gap: 20px;
}

.project-description p{
  margin-bottom: 15px;
}


.project-card .category{
font-size: 18px;
color: var(--black-primary);
text-transform: uppercase;
font-family: var(--bold-font);
margin-bottom: 4px;
}

.project-card  .category span {
border-right: 2px solid var(--black-primary);
margin-right: 2px;
padding-right: 6px;
}

.project-card  .category span:last-child{
border-right: 0;
}

.project-card .title{
font-family: var(--extrabold-font);
color: var(--black-primary);
font-size: 36px;
margin-bottom: 20px;
}

.project-card .datetimeloc{
font-family: var(--regular-font);
color: var(--black-primary);
font-size: 24px;
text-transform: uppercase;
margin-bottom: 18px;
}

.project-card img{
margin-bottom: 20px;
width: 100%;
height: 16rem;
object-fit: cover;
}

.project-card .datetimeloc span {
border-right: 2px solid var(--black-primary);
margin-right: 2px;
padding-right: 6px;
}

.project-card .datetimeloc span:last-child{
border-right: 0;
}

.project-card .btn-link {
font-size: 18px;
font-family: var(--extrabold-font);
text-transform: uppercase;
color: var(--black-primary);
border-bottom: 3px solid var(--white-primary);
}


.project-card .btn-link::after {
content: '';
background-image: url(../images/solar_arrow-right-linear.svg);
height: 20px;
width: 20px;
display: inline-block;
background-repeat: no-repeat;
background-size: 100%;
padding: 10px 10px;
margin-left: 10px;
margin-bottom: -2px;
}

.project-card .btn-link:hover{
border-bottom: 3px solid var(--black-primary);
}


.programs-section .project-card{
margin-bottom: 50px;
}

.sf-venues .theme-btn-black:hover{
color: var(--white-primary);
}

.venue-listitem{
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid var(--black-primary);
}

.venue-listitem .short-desc p{
  margin-bottom: 15px;
}

.venue-listitem .short-desc {
  font-size: 18px;
}

.venue-listitem .venue-name {
font-family: var(--extrabold-font);
color: var(--black-primary);
font-size: 36px;
}


.venue-listitem  .btn-link{
font-size: 18px;
font-family: var(--extrabold-font);
text-transform: uppercase;
color: var(--black-primary);
position: absolute;
bottom: 0;
border-bottom: 3px solid var(--white-primary);
}

.venue-listitem .btn-link:hover{
border-bottom: 3px solid var(--black-primary);
}

.venue-listitem  .btn-link::after{
content: '';
background-image: url(../images/solar_arrow-right-linear.svg);
height: 20px;
width: 20px;
display: inline-block;
background-repeat: no-repeat;
background-size: 100%;
padding: 10px 10px;
margin-left: 10px;
margin-bottom: -2px;
}

.venue-listitem .socialmedia{
padding: 15px 0px;
}

.venue-listitem .socialmedia img{
margin-right: 15px;
}


.saf-registerpage .sub-title {
font-family: var(--secondary-family);
font-size: 18px;
line-height: 24px;
color: var(--black-primary);
width: 68%;
margin: auto;
}

.saf-registerpage .sub-title p{
margin-bottom: 16px;
}

.saf-registerpage .form-info{
font-weight: 400;
}

.saf-registerpage .form-info a{
text-decoration: underline;
font-weight: 600;
color: var(--black-primary);
}

.dash-prog-time {
font-size: 18px;
color: var(--black-primary);
text-transform: uppercase;
font-family: var(--extrabold-font);
margin-bottom: 6px;
padding-top: 6px;
}


.saf-dashboard .venue-title {
font-size: 18px;
color: var(--black-primary);
text-transform: uppercase;
font-family: var(--regular-font);
margin-bottom: 6px;
}

.saf-dashboard .dash-prog-cat {
font-size: 18px;
color: var(--black-primary);
text-transform: uppercase;
font-family: var(--bold-font);
margin-bottom: 6px;
}

.saf-dashboard .dash-prog-cat span{
border-right: 2px solid var(--black-primary);
margin-right: 2px;
padding-right: 6px;
}

.saf-dashboard .dash-prog-cat span:last-child{
border: 0;
}

.saf-dashboard .dash-prog-title,
.saf-dashboard .dash-prog-title a {
  font-family: var(--extrabold-font);
  color: var(--black-primary);
  font-size: 36px;
  margin-bottom: 10px;
}

.saf-dashboard  .venue-name {
font-size: 18px;
color: var(--black-primary);
text-transform: uppercase;
font-family: var(--extrabold-font);
}

.saf-dashboard .listmain-date{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 4px solid var(--black-primary);
margin-bottom: 30px;
}

.saf-dashboard .dash-prog-date {
font-size: 42px;
color: var(--black-primary);
text-transform: uppercase;
font-family: var(--extrabold-font);
margin-bottom: 6px;
padding-top: 6px;
}

.saf-dashboard .dash-prog-day {
font-size: 18px;
color: var(--black-primary);
text-transform: uppercase;
font-family: var(--extrabold-font);
margin-bottom: 6px;
padding-top: 6px;
}

.saf-registerpage .registerfrm .checkround input[type=radio]{
border-radius: 50%;
}

.saf-registerpage .registerfrm .checksquare input[type=checkbox]{
border-radius: 0;
}

.saf-dashboard .exhibition-listitem{
border-bottom: 0px solid var(--black-primary);
padding-bottom: 0;
}

.saf-dashboard  .borderbt{
border-bottom: 1px solid var(--black-primary);
padding-bottom: 30px;
margin-bottom: 30px;
}

.saf-dashboard .exhibition-listitem img{
width: 92%;
}

.saf-dashboard .exhibition-listitem .left-block{
width: 60%;
}

.saf-dashboard .exhibition-listitem .right-block{
width: 40%;
}


.dash-prog-image img{
height: 240px;
object-fit: cover;
width: 95%;
}

.saf-registerpage .registerfrm input[type="file"]{
border: 1px solid var(--black-primary);
border-radius: 0;
background: var(--white-primary);
width: 100%;
}

.saf-registerpage .accreditation{
font-size: 14px;
background-image: none;
padding: 12px 34px 12px 34px;
margin-bottom: 30px;
}

.presspage-card img{
width: 100%;
margin-bottom: 20px;
}

.presspage-card .card-name{
font-size: 20px;
line-height: 140%;
font-family: var(--extrabold-font);
color: var(--black-primary);
}

.presspage-card .card-desg{
font-size: 20px;
line-height: 140%;
font-family: var(--regular-font);
color: var(--black-primary);
margin-bottom: 20px;
}

.presspage-card .link-btn{
color: var(--black-primary);
font-size: 16px;
font-family: var(--extrabold-font);
text-decoration: none;
text-transform: uppercase;
border-bottom: 3px solid var(--black-primary);
display: flex;
align-items: center;
margin-bottom: 15px;
width: max-content;
}

.presspage-card .link-btn img{
width: 10%;
margin-bottom: 0;
}


.logo-card img{
width: 100%;
margin-bottom: 20px;
}

.logo-card .link-btn{
color: var(--black-primary);
font-size: 16px;
font-family: var(--extrabold-font);
text-decoration: none;
text-transform: uppercase;
border-bottom: 3px solid var(--black-primary);
display: flex;
align-items: center;
margin-bottom: 15px;
width: max-content;
}

.logo-card .link-btn img{
width: 10%;
margin-bottom: 0;
}

.press-link .link-btn{
color: var(--black-primary);
font-size: 16px;
font-family: var(--extrabold-font);
text-decoration: none;
text-transform: uppercase;
border-bottom: 3px solid var(--black-primary);
display: flex;
align-items: center;
margin-bottom: 30px;
width: max-content;
}

.press-link .link-btn img {
width: 20px;
margin-bottom: 0;
padding: 0px 1px;
}

.festive-card{
margin-right: 10px;
}

.festive-card img{
width: 100%;
margin-bottom: 20px;
}

.festive-card .card-name{
font-size: 20px;
line-height: 140%;
font-family: var(--extrabold-font);
color: var(--black-primary);
margin-bottom: 20px;
}

.festive-card .link-btn{
color: var(--black-primary);
font-size: 16px;
font-family: var(--extrabold-font);
text-decoration: none;
text-transform: uppercase;
border-bottom: 3px solid var(--black-primary);
display: flex;
align-items: center;
margin-bottom: 30px;
width: max-content;
}

.festive-card .link-btn img {
width: 20px;
margin-bottom: 0;
padding: 0px 1px;
}

@media (min-width:1400px){
.project-card img {
  margin-bottom: 20px;
  width: 100%;
  height: 20rem;
  object-fit: cover;
}

.dash-prog-image img{
/*height: 280px;*/
object-fit: cover;
width: 100%;
}

}

.profile.dropdown:hover .dropdown-menu {
  display: block;
}

.profile.dropdown .dropdown-toggle{
  color: #ffffff;
  font-size: 25px;
  font-weight: bold;
}


.confirmpage .global-btnblack a{
  padding: 12px 32px!important;
}


.editprofilefrm .form-group{
  width: 100%;
}

.editprofilefrm .gndr-block input[type=radio]{
  border-radius: 50%;
}

.editprofilefrm .chk-item input[type=checkbox]{
  border-radius: 50%;
}

.frg-reg a{
  color: var(--black-primary);
  font-family: var(--extrabold-font);
}

.frg-reg a:hover{
  text-decoration: underline;
}


.right-block .dropdown-menu{
  display: none;
  width: 200px;
  padding: 20px 20px 20px 10px;
}

.right-block .dropdown-menu li{
  padding: 0px 0px 14px 0px;
}

.right-block .dropdown-menu li:last-child{
  padding-bottom: 0;
}

.right-block .dropdown-menu li a{
  font-size: 16px;
  text-transform: uppercase;
  font-family: var(--extrabold-font);
  color: var(--black-primary);
}

.right-block .dropdown-menu li a:hover{
  text-decoration: underline!important;
}

.right-block .dropdown-menu li a img{
  padding-right: 10px;
}

.right-block .dropdown-menu .usrname{
  display: none;
}

.project-card .date{
  margin-bottom: 0px;
  text-transform: capitalize;
  width: 100%; 
  overflow-x: scroll;
}

.project-card .datetimeloc{
font-family: var(--regular-font);
color: var(--black-primary);
font-size: 20px;
margin-bottom: 5px;
width: max-content;
}

.project-card .venue{
  margin-bottom: 0px;
  text-transform: capitalize;
  width: 100%; 
  overflow-x: scroll;
}

.project-card .imgtag{
  position: relative;
}

.project-card .tags{
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
}

.project-card .tags .tag-col{
  background: var(--white-primary);
  padding: 1px 5px;
  margin-right: 6px;
  text-transform: uppercase;
  font-size: 15px;
  color: var(--black-primary);
}

.dash-board .heading-block{
  position: static;
}

.dash-board .heading-block h1{
  mix-blend-mode:difference;
}

.dash-board .qr-block{
  width: 100%;
  text-align: right;
  margin-bottom: 180px;
}

.dash-board .qr-block img{
  width: 30%;
  mix-blend-mode:difference;
}



.saf-faqpage .accordion-header{
  font-family: var(--bold-font)!important;
}


.saf-header.openover{
  background: transparent;
}

.saf-header.openover .menu-block{
  display: none;
}

.saf-header.openover .cart-block{
  display: none;
}

.saf-header.openover .action-icon{
  display: none;
}

.saf-header.openover .global-btnwhite{
  display:none;
}


@media (max-width:767px){
.faq-title{
  margin-bottom: 30px!important;
}
}

@media(min-width:768px){
  form .modal-content{
    position: relative!important;
  }

  form .dropdown-menu.show{
    top: 50px!important;
    transform: none!important;
  }
}

.saf-volunteer-main ul{
  padding-left: 16px;
}

.saf-volunteer-main .parah18{
  font-size: 18px;
  line-height: 28px;
}



@media (min-width:1500px){
  .saf-volunteer-main .parah18{
    font-size: 18px;
  }
}

/*--- seacrh modal ---*/

.mymodal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
z-index: 999;
}
.mymodal  .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1rem 1.5rem;
  width:50rem;
  border-radius: 0rem;
padding:70px 50px;
text-align:center;
}

@media (max-width:767px){
.mymodal .modal-content{
  width:95%;
}
}

.close-button {
  width: 2.5rem;
  line-height: 2rem;
  text-align: center;
  padding: 0px 5px 5px 5px;
  cursor: pointer;
  border-radius: 0;
  background-color: black;
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 28px;
}
.close-button:hover {
  background-color: darkgray;
}
.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.trigger-btn{
cursor: pointer;
  list-style-type: none;
  position: static!important;
}



@media (max-width:767px){
  .searchmodal .trigger-btn{
    right:72px;
  }
}



.search-form-saf .global-btnblack input[type="submit"] {
  padding: 12px 54px 12px 34px;
  background: var(--black-primary);
  color: var(--white-primary);
  font-size: 18px;
  font-family: 'HelveticaNowDisplay-EB';
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 30px;
  display: inline-block;
  margin-top: 30px;
  border: 0;
  background-image: url(../images/submit-arrow.svg);
  background-size: 20px;
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 88%;
  }


/*--- seacrh modal ---*/




.bootstrap-select>.dropdown-toggle.btn-light, .bootstrap-select>.dropdown-toggle.btn-secondary{
  height: 42.89px;
}


.programme-section .programme-filter .bootstrap-select>.dropdown-toggle.btn-light, .bootstrap-select>.dropdown-toggle.btn-secondary{
  height: 65.89px;
}


.project-dateloc .heading60{
  font-size: 48px;
}

.programme-section .programme-filter{
  width: 100%;
}

.sf_venues{
  padding-bottom: 80px;
}

.sf_venues .theme-btn-black{
      background-position-x: 92%;
}

@media (min-width:768px) and (max-width:1400px){
  .project-card .title{
    font-size: 28px;
  }

  .project-card .btn-link{
    font-size: 16px;
  }

  .project-card .tags .tag-col{
    font-size: 9px;
  }

  .project-card .datetimeloc{
    font-size: 16px;
  }
}


/*--- new website mobile responsive final ---*/

@media (max-width:767px){

  main{
    margin-top: 80px;
  }

  .programme-section{
    padding-top: 60px;
  }

  .programme-section .heading150{
    font-size: 52px;
  }

  .programme-section .heading48 {
    font-size: 32px;
    line-height: 100%;
  }

  .programme-section .parah24 {
    font-size: 16px;
    line-height: 24px;
    width: 90%;
    margin: auto;
  }

  .programme-section .programme-filter .field{
    display: block;
  }

  .programme-section .programme-filter .field .field-label {
    width: 100%;
    text-align: center;
  }

  .programme-section .programme-filter label{
    font-size: 24px;
    line-height: 24px;
  }

  .programme-section .bootstrap-select .dropdown-menu li a span.text{
    font-size: 20px!important;
    line-height: 24px;
  }

  .programme-section .programme-filter .field .field-select {
    width: 100%;
    text-align: center;
  }

  .programme-section .filter-option .filter-option-inner-inner{
    font-size: 28px;
  }

  .programme-section .modal-body .filter-option .filter-option-inner-inner{
    font-size: 13px;
  }

  .programme-section .paddingbottom60{
    padding-bottom: 30px;
  }

  .programme-section .bootstrap-select>.dropdown-toggle:after{
    font-size: 0.9rem;
  }

  .programme-section .programme-filter{
    width: 100%;
  }

  .programme-section .programme-filter::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    background-color: #aaa; /* or add it to the track */
  }
  
  /* Add a thumb */
  .programme-section .programme-filter::-webkit-scrollbar-thumb {
    background: #000;
  }

  /* .programme-section .programme-filter .field .field-select{
    width: 100%;
    text-align: center;
    overflow-x: auto;
  } */

  .project-block .image-block{
    margin-bottom: 30px;
  }

  .programme-section .project-block .image-block img{
    height: 230px;
    object-fit: cover;
  }

  .project-block .content-block .project-listitem .project-cat{
    font-size: 14px;
  }

  .project-block .content-block .project-listitem .project-title{
    font-size: 28px;
  }

  .project-block .content-block .project-listitem .project-detail{
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 18px;
  }

  .project-block .content-block .project-listitem .project-link{
    font-size: 14px;
  }

  .action-icon img{
    width:24px;
  }

  .saf-header .right-block{
    position: absolute;
    top: -48px;
    right: 60px;
    padding: 0;
  }

  .profile.dropdown .dropdown-toggle{
    font-size: 20px;
  }

  .saf-loginpage {
    background: var(--white-primary);
    padding: 10px 0px 80px 0px;
  }

  .saf-header .global-btnwhite{
    display: block;
  }

  .saf-header .loggedin .right-block {
    position: absolute;
    top: -45px;
    right: 60px;
    padding: 0;
  }

  .saf-registerpage .heading150{
    margin-top: 0;
  }

  .saf-registerpage{
    padding: 0px 0px 80px 0px;
  }

  .saf-loginpage .heading150{
    font-size: 48px;
  }

  .saf-loginpage .parah24{
    font-size: 16px;
  }

  .saf-registerpage .registerfrm .acpt{
    display: flex!important;
  }

  .saf-registerpage .registerfrm .acpt input[type=checkbox] {
    border: 1px solid var(--black-primary);
    height: 18px;
    width: 5%;
    -webkit-appearance: none;
    margin-top: 5px;
  }

  .saf-registerpage .registerfrm label.cpt {
    text-transform: none;
    font-size: 15px;
    margin-left: 10px;
    width: 95%;
    color: var(--black-primary);
  }

  .about-title-section {
    padding: 0px 0px 80px;
  }

  .saf-contactpage{
    padding: 0px 0px 80px 0px;
  }

  .saf-contactpage .heading150{
    font-size: 48px;
  }

  .saf-contactpage .parah24{
    font-size: 16px;
  }

  .curator-section{
    padding: 0px 0px 80px 0px;
  }

  .curator-section .heading150{
    padding-top: 80px;
    font-size: 48px;
  }

  .sf_curatorprogram .project-block.paddingtop80{
    padding-top: 0;
  }

  .sf_curatorprogram .heading150{
    padding-top: 80px;
    font-size: 48px;
  }

  .sf_curatorsingle .content-block .cur-name{
    font-size: 48px;
  }

  .dash-board .image-block img{
    mask-size: 100%;
    object-fit: cover;
    width: 100%;
    height: 400px;
  }

  .dash-board .heading-block h1 {
    mix-blend-mode: difference;
    font-size: 42px;
    margin-bottom: 10px;
  }

  .dash-board  .dash-email {
    font-size: 26px;
    padding-bottom: 10px;
  }

  .dash-board  .dash-phone {
    font-size: 26px;
  }

  .dash-board .qr-block{
    margin-bottom: 90px;
  }

  .saf-dashboard .heading150{
    padding-top: 80px;
    font-size: 48px;
  }

  .saf-dashboard .dash-prog-title{
    font-size: 28px;
    margin-bottom: 6px;
  }

  .saf-dashboard .venue-title {
    font-size: 14px;
}

  .saf-dashboard .venue-name {
    font-size: 14px;
  }

  .dash-prog-time{
    font-size: 14px;
  }

  .dash-prog-image img{
    width: 100%;
  }

  .editprofile{
    padding: 0px 0px 80px 0px!important;
  }

  .editprofilefrm .gndr-block {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
  }

  .exhibition-section{
    padding: 80px 0px 80px 0px;
  }

  .exhibition-section .heading150{
    font-size: 48px;
  }

 

  .exhibition-listitem img{
    margin-bottom: 20px;
  }

  .exhibition-listitem .col-md-8{
    padding-left: 12.5px;
  }

  .exhibition-listitem .exhibition-cat{
    font-size: 14px;
  }

  .exhibition-listitem .project-title{
    font-size: 28px;
  }

  .exhibition-listitem .d-flex{
    display: block!important;
  }

  .exhibition-listitem .left-block{
    width: 100%;
  }
  
  .exhibition-listitem .right-block{
    width: 100%;
  }

  .exhibition-listitem .right-block{
    margin-top: 20px;
  }

  .exhibition-listitem .right-block .venue-title{
    font-size: 14px;
  }

  .exhibition-listitem .right-block .venue-name{
    font-size: 14px;
  }

  .exhibition-listitem .btn-link{
    font-size: 14px;
  }

  .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    margin-top: 4px;
  }

  .sf_filterform .col-md-4{
    margin-bottom: -30px;
  }

  .sf_venues .heading150{
    font-size: 48px;
  }

  .venue-listitem img{
    margin-bottom: 20px;
  }

  .venue-listitem .venue-name{
    font-size: 28px;
  }

  .venue-listitem .btn-link{
    position: static;
    margin-top: 20px;
    display: inline-block;
    font-size: 14px;
  }

  .sf_venues .parah24{
    font-size: 16px;
    line-height: 140%;
  }

  .sf_venues .paddingtop120{
    padding-top: 80px;
  }

  .sf_venues{
    padding-bottom: 80px;
  }

  .map-placeholder{
    padding: 0;
  }
 
  .saf-registerpage .registerfrm select{
    font-size: 12px;
  }

  .mediareg .paddingtop80{
    padding-top: 0;
  }

  .mediareg {
    padding: 80px 0px 80px 0px;
  }

  .vipreg .sub-title{
    width: 100%;
  }

  .saf-faqpage{
    padding: 80px 0px 80px 0px;
  }

  .saf-faqpage .heading150{
    padding-top: 0;
  }

  .saf-faqpage .heading150{
    font-size: 48px;
  }

  .saf-faqpage .parah24{
    font-size: 16px;
  }

  .project-card .col-md-6{
    width: 50%;
  }

  .project-card .datetimeloc{
    font-size: 14px;
  }

  .project-card .tags .tag-col{
    font-size: 12px!important;
  }

  .project-card .title{
    font-size: 28px;
    margin-bottom: 10px;
  }

  .project-card .btn-link{
    font-size: 14px;
  }

  .programs-section{
    padding-top: 80px;
  }

  .programs-section .heading150{
    font-size: 48px;
  }

  .programs-section .searchform label{
    text-transform: uppercase;
  }

  .programs-section .searchform .form-control{
    margin-bottom: 16px;
  }

  .sf_projectsingle .image-block img{
    height: 400px;
    width: 100%;
  }

  .sf_projectsingle .heading-block{
    position: static;
    bottom: 5%;
    margin-left: 0;
  }

  .sf_projectsingle .heading-block h1{
    font-size: 48px;
  }

  .sf_projectdetail .project-dateloc h2{
    font-size: 36px;
  }

  .sf_relatedprojects .heading150{
    font-size: 48px;
  }


  .sf_relatedprojects{
    padding-bottom: 80px;
  }

  .sf_relatedprojects .project-card{
    margin-top: 30px;
  }

  .presspage-card{
    margin-bottom: 30px;
  }

  .logoblock .col-md-4{
    width:50%;
  }

  .pressmainpage .heading36{
    font-size: 36px;
    width: 100%;
 }

 .pressmainpage .sub-title{
  font-size: 16px;
  line-height: 24px;
  width: 100%;
 }

 .pressmainpage .subhead {
  font-size:28px;
}

.press-link .link-btn{
  font-size: 14px;
}

.saf-registerpage .registerfrm{
  width: 100%;
  margin-top: 30px;
}

.programme-section .programme-filter .bootstrap-select>.dropdown-toggle.btn-light, .bootstrap-select>.dropdown-toggle.btn-secondary{
  height: 65.89px;
}

.volunteerhead{
  padding: 0;
}

.saf-header .right-block .global-btnwhite a{
  font-size: 13px;
  padding: 8px 16px;
}

.saf-volunteer-main .paddingbottom80{
  padding-bottom: 80px;
}

form .dropdown-menu.show {
  top: 50px !important;
  transform: none !important;
}

.modal-open{
  overflow: hidden!important;
}

}

.hide_mix_blend{
  color:#ebfc16!important;
  mix-blend-mode: normal!important;
}

/*--- new website mobile responsive final ---*/
.login-registraion{
  padding: 12px 24px;
  background: var(--white-primary);
  color: var(--black-primary);
  font-size: 14px;
  font-family: var(--extrabold-font);
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 30px;
  display: inline-block;
  cursor: pointer;
}

.login-registraion a{
  color: var(--black-primary);
}

.programme-section .programme-filter .saf-venue .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
  width: max-content!important;
}

.programme-section .bootstrap-select .dropdown-menu li a span.text{
  font-size: 16px!important;
}


.programme-section .bootstrap-select .dropdown-menu li a{
  padding: 5px 10px!important;
}

.programme-section .saf-venue .bootstrap-select .inner{
    width: 480px!important;
}

.venue-listitem .sub-venues{
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  color: var(--black-primary);
}

.venue-listitem .sub-venue-style .sub-venue-title{  
  font-size: 18px;
}
.venue-listitem .sub-venue-style{  
  margin-bottom: 3rem!important;
}

.searchform label{
  text-transform: uppercase;
  font-family: var(--bold-font);
  color: var(--black-primary);
}

.searchform input[type="text"]{
  margin-bottom: 16px;
}

.searchform input[type="text"]::placeholder{
  font-size: 14px;
  color:#949494;
}

.searchform .bootstrap-select>.dropdown-toggle.btn-light .filter-option, .bootstrap-select>.dropdown-toggle.btn-secondary .filter-option{
  text-transform: uppercase;
  font-family: var(--bold-font);
  color: var(--black-primary);
}

.searchform  .bootstrap-select>.dropdown-toggle.btn-light, .bootstrap-select>.dropdown-toggle.btn-secondary{
  height: max-content;
}

.dropdown-item{
  color: var(--black-primary)!important;
}

.sf_filterform label{
  text-transform: uppercase;
  font-family: var(--bold-font);
  color: var(--black-primary);
}

.sf_filterform input[type="text"]{
  margin-bottom: 16px;
}

.sf_filterform input[type="text"]::placeholder{
  font-size: 14px;
  color:#949494;
}

.sf_filterform .bootstrap-select>.dropdown-toggle.btn-light .filter-option, .bootstrap-select>.dropdown-toggle.btn-secondary .filter-option{
  text-transform: uppercase;
  font-family: var(--bold-font);
  color: var(--black-primary);
}

.sf_filterform   .bootstrap-select>.dropdown-toggle.btn-light, .bootstrap-select>.dropdown-toggle.btn-secondary{
  height: max-content;
}

.sf_filterform input[type="text"]{
  height: 38.38px!important;
}

.safbkseat .modal-body .col-form-label{
  text-transform: uppercase;
  font-family: var(--bold-font);
  color: var(--black-primary); 
}

.safbkseat .bootstrap-select>.dropdown-toggle.btn-light .filter-option, .bootstrap-select>.dropdown-toggle.btn-secondary .filter-option{
  text-transform: uppercase;
  font-family: var(--bold-font)!important;
  color: var(--black-primary);
}

.safbkseat .bootstrap-select>.dropdown-toggle.btn-light, .bootstrap-select>.dropdown-toggle.btn-secondary{
  height: max-content;
}

.saf-header .right-block .cart-block {
  position: relative;
}

.saf-header .right-block .cart-block span{
  position: absolute;
  right: 0;
  top: 18px;
  background: #fff;
  color: #1200ff !important;
  padding: 0px 7px;
  border-radius: 50%;
}

.productlist .product-card .title{
  font-family: var(--extrabold-font);
  color: var(--black-primary);
  font-size: 32px;
  margin-bottom: 20px;
}

.productlist .product-card .category-name{
  color: var(--black-primary);
  font-size: 36px;
  
}

.productlist .product-card .product-price{
  font-family: var(--bold-font);
  color: var(--black-primary);
  font-size: 24px;
  margin-bottom: 20px;
}

.productlist .product-card .btn-link{
  font-size: 18px;
    font-family: var(--extrabold-font);
    text-transform: uppercase;
    color: var(--black-primary);
    border-bottom: 3px solid var(--black-primary);
}

.productlist .product-card  .btn-link::after {
  content: '';
  background-image: url(../images/solar_arrow-right-linear.svg);
  height: 20px;
  width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 10px 10px;
  margin-left: 10px;
  margin-bottom: -2px;
}

.productlist .project-card .btn-link:hover{
border-bottom: 0px solid var(--black-primary);
}

.productlist .product-card .color-checkbox {
    width: 12px;
    height: 12px;
    padding: 0;
    border: none;
    cursor: pointer;
}

.sf_relatedprojects .product-card .title{
  font-family: var(--extrabold-font);
  color: var(--black-primary);
  font-size: 32px;
  margin-bottom: 20px;
}

.sf_relatedprojects .product-card .category-name{
  color: var(--black-primary);
  font-size: 36px;
  
}

.sf_relatedprojects .product-card .product-price{
  font-family: var(--bold-font);
  color: var(--black-primary);
  font-size: 32px;
  margin-bottom: 20px;
}

.sf_relatedprojects .product-card .btn-link{
  font-size: 18px;
    font-family: var(--extrabold-font);
    text-transform: uppercase;
    color: var(--black-primary);
    border-bottom: 3px solid var(--white-primary);
}

.sf_relatedprojects.prodc .product-card .btn-link{
  font-size: 18px;
    font-family: var(--extrabold-font);
    text-transform: uppercase;
    color: var(--black-primary);
    border-bottom: 3px solid var(--black-primary);
}

.sf_relatedprojects .product-card  .btn-link::after {
  content: '';
  background-image: url(../images/solar_arrow-right-linear.svg);
  height: 20px;
  width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 10px 10px;
  margin-left: 10px;
  margin-bottom: -2px;
}

.sf_relatedprojects .product-card .color-checkbox {
    width: 12px;
    height: 12px;
    padding: 0;
    border: none;
    cursor: pointer;
}

.saf-singleproductpage .radio-toolbar input[type="radio"]:checked+label{
  font-family: var(--bold-font);
  font-size: 14px;
  width: 38px;
  text-align: center;
  height: 38px;
}

.radio-toolbar label{
  font-family: var(--bold-font);
  font-size: 14px;
  width: auto;
  text-align: center;
  width: 38px;
  text-align: center;
  height: 38px;
  color: var(--black-primary);
  margin-right: 5px;
  padding: 0;
  line-height: 36px;
}

.saf-productpage .searchform label {
  text-transform: uppercase;
  font-size: 16px;
  font-family: var(--regular-font);
}

.saf-productpage .searchform .bootstrap-select>.dropdown-toggle.btn-light .filter-option, .bootstrap-select>.dropdown-toggle.btn-secondary .filter-option{
font-family: var(--regular-font);
}

.saf-productpage .product-detail .form-group{
margin-bottom:0;
}

.saf-productpage .product-detail .singleaction{
margin:0
}

.saf-productpage .attribute-container-products .attribute{
height:15px;
width:15px;
}

.saf-productpage  .price .mb-5{
  display: none;
}

.product-card .product-detail{
  align-items: flex-start;
}

.productlist .product-card .product-price{
  margin-top: 25px;
}

.sf_relatedprojects .singleaction{
  margin: 0!important;
}

@media (min-width:768px){
  .press-link .press-releases-scroll{
    height: 170px;
    overflow-y: auto;
  }

  .press-link .press-releases-scroll::-webkit-scrollbar{
    display: none;
  }
}

.forvibe .slick-slider .slick-slide {
  margin: 0vw 0.8vw;
}

.forvibe  .slick-slider  .slick-list{
  margin: 0vw -0.8vw 0vw -0.8vw;
}

.forvibe  .slick-slider img{
  margin-bottom: 16px;
  height: 160px;
  object-fit: cover;
}

.forvibe  .slick-slider .title{
  font-size: 20px;
  line-height: 32px;
  font-family: var(--extrabold-font);
  margin-bottom: 16px;
  color:var(--black-primary);
}

.forvibe  .slick-slider .short-desc{
  font-size: 20px;
  line-height: 32px;
  font-family: var(--regular-font);
  margin-bottom: 0px;
  color:var(--black-primary);
  height: 160px;
  overflow-y: auto;
}

@media (min-width:1500px){
  .forvibe  .slick-slider img{
    margin-bottom: 20px;
    height: 200px;
    object-fit: cover;
  }
  
  .forvibe  .slick-slider .title{
    font-size: 24px;
    line-height: 36px;
    font-family: var(--extrabold-font);
    margin-bottom: 20px;
    color:var(--black-primary);
  }
  
  .forvibe  .slick-slider .short-desc{
    font-size: 24px;
    line-height: 36px;
    font-family: var(--regular-font);
    margin-bottom: 0px;
    color:var(--black-primary);
    height: 180px;
    overflow-y: auto;
  }

  .forvibe .heading36{
    font-size: 48px;
  }
}

.saf-vibe-grid .project-card {
    margin-bottom:50px;
}


.saf-vibe-grid .project-card .desc{
  font-size: 20px;
  line-height: 32px;
  height: 130px;
  overflow: auto;
  margin-bottom: 24px;
}

.saf-vibe-grid .project-card .btn-link:last-child{
  float:right;
}

.saf-vibe-grid .project-card img{
  height:auto;
  
}

.exhibition-listitem img{
  height: 250px;
  object-fit: cover;
  object-position: center;
}

@media (max-width:767px){

  .exhibition-listitem img{
    height: 235px;
    object-fit: cover;
    object-position: center;
  }

  .partner-category-box .col-md-3{
    width:50%;
  }

  .partner-category-box .col-md-12{
    width:60%;
  }

  .partner-category-box .col-md-6{
    width:50%;
  }

}


@media (min-width:1500px){
.exhibition-listitem img {
    height: 280px;
    object-fit: cover;
    object-position: center;
}
}

.logoslickslider .left.slick-arrow{
    position: absolute;
    left: -30px;
    top: 35%;
    background: transparent;
    border: 0;
    font-size: 42px;
}

.logoslickslider .right.slick-arrow{
    position: absolute;
    right: -30px;
    top: 35%;
    background: transparent;
    border: 0;
    font-size: 42px;
}

.logo-item .logo-title{
  font-size: 18px;
    font-family: var(--extrabold-font);
    text-transform: uppercase;
    color: var(--black-primary);
}

@media (max-width:767px){
  .logoslickslider .left.slick-arrow{
    position: absolute;
    left: -15px;
    top: 35%;
    background: transparent;
    border: 0;
    font-size: 22px;
  }

  .logoslickslider .right.slick-arrow{
    position: absolute;
    right: -15px;
    top: 35%;
    background: transparent;
    border: 0;
    font-size: 22px;
  }


  .logo-item .logo-title{
    font-size: 14px;
    font-family: var(--extrabold-font);
    text-transform: uppercase;
    color: var(--black-primary);
  }

}


.saf-checkout .checkout-sidebar .discount-details{
  display: flex;
  margin-bottom: 20px;
}

.saf-checkout .checkout-sidebar .discount-name{
  font-size: 16px;
  width: 50%;
}

.saf-checkout .checkout-sidebar .discount-price{
  text-align: right;
  font-size: 16px;
  margin-top: -25px
}


.table th, .table td{
  vertical-align: middle !important;
}


/*.daily-report{
      height: 800px;
      overflow-y: scroll;
  }

  @media (min-width:1500px){
      .daily-report{
          height: 800px;
          overflow-y: scroll;
      }
  }

  @media (max-width:767px){
      .daily-report{
          height: 640px;
          overflow-y: scroll;
      }
  }*/