.cursor-pointer

{

  cursor: pointer;

}

.content .bootstrap-select .dropdown-menu {

    z-index: 999999 !important;

}

.view_btn_hide

{

	display: none !important;

}

.loading {

    cursor: wait;

    user-select: none;

}

.btn i {

	padding-right: 0px;

}

/* Css for website 13-06-23 */


@font-face {
  font-family:'Helvetica Neue';
  src: url("../fonts/HelveticaNeue.ttf");    
}

@font-face {
  font-family:'Playfair Display';
  src: url("../fonts/PlayfairDisplay-Italic.ttf");    
}

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

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

:root {
  --black-primary:#000000;
  --white-primary:#ffffff;
  --orange-primary:#e24118;
  --yellow-primary:#fdab00;
  --blue-primary:#002c49;
  --purple-primary:#3f0d20;
  --pink-primary:#d63384;
  --lightgrey-primary:#f4f4f4;
  --primary-family:'Helvetica Neue';
  --secondary-family:'Playfair Display';
}

body{
  background: var(--white-primary);
  font-family: var(--primary-family);
  overflow-x:hidden;
}

/*main{
  margin-top: 150px;
}*/

.topborder{
  position:fixed;
    top: 0;
    width: 100%;
    height: 16px;
    margin-top: -5px;
    background: linear-gradient(to right, #8b5ba2, #dd4994, #72b54b, #d6303c, #615ca3, #94c675, #8e3f8f, #0a7635, #caa1c9, #0e395a, #fcbd19, #50c3f0, #ea5819, #540b29, #62c3d3 );
}

@media (max-width:767px){
  .topborder{
    height: 15px;
  }
}

.sideborder{
  position:fixed;
    top: 0;
    width: 100%;
    margin-top: -5px;
}

.sideborder img{
  width: 1%;
}

.main-header{
  background-color:transparent;
  padding: 35px 0px 15px 0px;
  z-index: 999;
  position: fixed;
  width: 100%;
  height: 150px;
  top:0;
  transition: 0.3s ease;  
}

.main-header .row{
  align-items: flex-start;
}

.header-cart i{
  color: var(--black-primary);
}

@media (max-width:767px){
  .main-header .row .col-md-7{
    width:50%;
  }

  .main-header .row .col-md-5{
    width:50%;
  }
}



/* .logo a{
  color: var(--black-primary);
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  width: 20%;
} */

.logo img{
  width: 18%;
}

@media (max-width:767px){
  .logo img{
    width: 50%;
  }
}

/* .header-hide{
  display: none;
} */

  
@media (min-width:768px){
  .bg-header{
    background: var(--white-primary);
    padding: 25px 0px 10px 0px!important;
    height: 90px!important;
  }
  
  .bg-header .logo img{
    width:8%;
    transition: all 330ms ease-in-out;
  }
  }
  
  @media (max-width:767px){
  .bg-header{
    background: var(--white-primary);
  }
  
  .main-header{
    height: 120px;
  }
  
  .bg-header .logo img {
    width: 36%;
  }
  
  }

.nav-toggle {
  background: transparent;
  position: absolute;
  right: 0;
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  transform: translate(0%, -50%);
}

@media (max-width:767px){
  .nav-toggle{
    right: 10px;
  }
}

.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 35px;
  background: var(--black-primary);
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  content: '';
}

.nav-toggle span:before {
  top: -10px;
}

.nav-toggle span:after {
  top: 10px;
}

.nav-toggle:hover  span:before{
  top:0px;
  transform: rotate(90deg);
}

.nav-toggle:hover span:after{
  top:0px;
}

.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {
  transition: all 0.5s ease-in-out;
}

.nav-toggle.active span {
  background-color: transparent;
}

.nav-toggle.active span:before,
.nav-toggle.active span:after {
  top: 0;
}

.nav-toggle.active span:before {
  transform: rotate(135deg);
}

.nav-toggle.active span:after {
  transform: rotate(-135deg);
}

.right-block{
  padding: 25px;
}

.right-block .drop-btn{
  position: absolute;
  right: 160px;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
  list-style: none;
}

.right-block .drop-btn{
  font-size: 20px;
  color: black;
  text-transform: none;
}

@media(max-width:767px){
  .right-block .drop-btn{
    font-size: 11px;
    line-height: 11px;
    width: 70px;
  } 

  .right-block .drop-btn{
    right: 150px;
  }
}

.dropdowncstm{
  display: none;
  position: absolute;
    list-style-type: none;
    font-size: 18px;
    text-align: right;
    width: 100%;
    background: var(--white-primary);
    padding: 0;
    border: 1px solid gray;
    margin-top: 10px;
        width: max-content;
}



.dropdowncstm li{
  padding: 10px 10px;
  border-bottom: 1px solid gray;
}

.dropdowncstm li:last-child{
  padding: 10px 10px;
  border-bottom: 0px solid gray;
}




.dropdowncstm li a{
  color: var(--black-primary);
  font-size: 16px;
}

@media (max-width:767px){

  .dropdowncstm{
    width: max-content;
  }

  .dropdowncstm li a{
    color: var(--black-primary);
    font-size: 12px;
  }
}

.showdropdown{
  display: block;
}

.right-block .lgn-btn{
  position: absolute;
  right: 162px;
  top: 52%;
  cursor: pointer;
  transform: translate(0%, -50%);
  list-style: none;
}

.right-block .lgn-btn a{
  font-size: 20px;
  color: black;
  text-decoration: underline;
  text-transform: capitalize;
}

@media (max-width:767px){


  .right-block .lgn-btn{
    position: absolute;
    right: 152px;
    top: 54%;
    cursor: pointer;
    transform: translate(0%, -50%);
    list-style: none;
  }

  .right-block .lgn-btn a{
    font-size: 16px;
  }
}

.overlay {
  height: 100vh;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: var(--white-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;
}

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

.overlay .overlay-content li a {
  padding-bottom: 0px;
  text-decoration: none;
  font-size: 3.6vw;
  line-height: 3.8vw;
  color: var(--black-primary);
  display: block;
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 400;
}

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





@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: 11.5vw;
    line-height: 12.5vw;
  }
}



/*---- homepage start ----*/

.banner-section{
  margin-top: 0%;
  height: auto;
}

@media(max-width:767px){
  .banner-section{
    height: auto;
  }

  .banner-section iframe{
    height: 280px!important;
  }
}

.intro-section{
  padding: 80px 0px 60px 0px;
  background:var(--purple-primary);
  background-image: url('/image/shape-heart.png');
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: right;
}

.intro-section .container-fluid{
  width: 100%;
  padding: 0;
}

.intro-section .title{
  font-size: 52px;
  color: var(--lightgrey-primary);
  font-weight: normal;
  width: 75%;
  margin-bottom: 30px;
}

.intro-section .title span{
  font-size: 54px;
  font-family: var(--secondary-family);
  /*  font-style: italic;*/
  text-transform: lowercase;
}

.intro-section .desc{
  font-size: 24px;
  text-transform: uppercase;
  font-weight: normal;
  color: var(--lightgrey-primary);
}

.intro-section .link-btn a{
  color: var(--lightgrey-primary);
    text-decoration: underline;
    font-size: 24px;
    text-transform: capitalize;
    margin-top: 5px;
    display: block;
    width: max-content;
}

.intro-section .register{
  font-size: 23px;
  color: var(--lightgrey-primary);
  margin-top: 20px;
  width: 90%;
}

.intro-section .register a{
  font-size: 24px;
  color: var(--lightgrey-primary);
  font-family: var(--secondary-family);
  text-decoration: none;
  /*  font-style: italic;*/
}




.browseprogram-section{
  padding: 60px 0px;
  background: var(--blue-primary);
}

.browseprogram-section .title{
  font-size: 52px;
  color: var(--lightgrey-primary);
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;
}


.browseprogram-section img{
  width:100%;
  padding: 0px 35px;
  position: relative;
}

@media (max-width:767px){
.browseprogram-section img{
  padding: 0;
}
}

.browseprogram-section .wrapper{
  position: relative;
  margin: 30px 0px;
}

.browseprogram-section .tabs{
  text-align: center;
}

.browseprogram-section .tabs label{
  list-style-type: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 26px;
  color: var(--lightgrey-primary);
}

.tab{
  cursor: pointer;
  padding:5px 5px;
  margin:0px 2px;
  background:transparent;
  display:inline-block;
  color:var(--black-primary);
  text-transform: uppercase;
}
.panels{
  width:100%;
  overflow:hidden;
  padding: 50px 0px 30px 0px;
  position: relative;
}
.panel{
  display:none;
  animation: fadein .8s;
}


.panel .row{
  align-items: flex-end;
}

.seprator-item{
  content:'';
  height: 10px;
  width: 10px;
  background: var(--lightgrey-primary);
  display: inline-block;
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel {
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,
#five:checked ~ .tabs #five-tab {
  background:var(--lightgrey-primary);
  color:var(--black-primary);
}

.cropshape-left img{
  width: 18vw;
  height: 40vw;
  position: absolute;
  z-index: 9;
/*  left: -9vw;*/
/*  top: 2vw;*/
  left: -40px;
    top: 30px;
}

.cropshape-right img{
  width: 18vw;
  height: 40vw;
  position: absolute;
  z-index: 9;
/*  right: -9vw;*/
/*  top: 2vw;*/
  right: -40px;
    top: 30px;
}

@media (max-width:767px) {
  .cropshape-left{
/*    display:none;*/
  } 

  .cropshape-right{
/*    display:none;*/
  } 
}
  

.browseprogram-section .desc{
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  color:var(--black-primary);
  width: 80%;
}

.browseprogram-section .book-seat{
  text-align: center;
  width: 50%;
  margin: auto;
}

.browseprogram-section .book-seat .bookseat-content{
  color: var(--lightgrey-primary);
}

.browseprogram-section .book-seat .bookseat-link{
  color: var(--lightgrey-primary);
  text-decoration: underline;
  font-size: 20px;
  text-transform: capitalize;
  margin-top: 5px;
}

.exhibition-gallery .single-item{
  margin: 20px;
  opacity: 0.4;
}

.exhibition-gallery .slick-list {
  padding: 0 0% 0 0% !important;
}

@media (min-width:768px){
  .exhibition-gallery .slick-list {
    padding: 0 25% 0 25% !important;
  }
}


.exhibition-gallery.slick-slider{
  margin-bottom: 0px!important;
}

.exhibition-gallery   .single-item.slick-slide.slick-current.slick-active{
  transform: scale(1.1);
  transition: all 0.4s ease-in-out;
  opacity: 1;
  z-index: 9;
}



.exhibition-gallery .slick-slide{
  margin-right: 1vw!important;
  margin-left: 1vw!important;
}

.exhibition-gallery .slick-dots li{
  margin: 0 0px!important;
}

.exhibition-gallery .slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px!important;
  height: 12px!important;
display:block;
  content: '';
  text-align: center;
  opacity: 1;
border:1px solid var(--lightgrey-primary);
background:var(--blue-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.exhibition-gallery .slick-dots li.slick-active button:before{
opacity:1;
background:var(--lightgrey-primary);
}

.exhibition-gallery .left.slick-arrow{
  position: absolute;
  bottom: -35px;
  left: 35%;
  background: transparent;
  border: 0;
  font-size: 25px;
  color: var(--lightgrey-primary);
  z-index: 99;
}

.exhibition-gallery .right.slick-arrow{
  position: absolute;
  bottom: -35px;
  right: 35%;
  background: transparent;
  border: 0;
  font-size: 25px;
  color: var(--lightgrey-primary);
  z-index: 99;
}


@media (max-width:767px){
  .exhibition-gallery .left.slick-arrow{
    left: 5%;
  }

  .exhibition-gallery .right.slick-arrow{
    right: 5%;
  }

  .browseprogram-section .book-seat{
    width: 80%;
  }
}


.blue-btn a{
  color: var(--black-primary);
  text-decoration:none;
  margin-top: 0em;
  text-align: center;
  display:inline-block; /* important */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blue-btn, .first-link{
  -webkit-transition: 3.3s;
  -moz-transition: 3.3s;
  transition: 3.3s;     
  
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear;
}


.blue-btn{
  height: 30px;
  overflow: hidden;
  width: 100%;
  background: linear-gradient(
    to right, 
    var(--yellow-primary) 0%, 
    var(--yellow-primary) 90%, 
    var(--pink-primary) 90%, 
    var(--pink-primary) 100%
  );
}

.blue-btn ul{
  font-size: 28px;
  color: var(--black-primary);
  display: flex;
  list-style-type: square;
  margin: 0;
  animation: scrollText 10s linear infinite;
}

.blue-btn ul li{
margin: -8px 20px;
}

.blue-btn:hover{
  background: linear-gradient(
    to right, 
    var(--yellow-primary) 0%, 
    var(--yellow-primary) 90%, 
    var(--pink-primary) 90%, 
    var(--pink-primary) 100%
  );
}



.first-link{
  margin-left: 0em; 
}

/* .blue-btn:hover .first-link{
  margin-left: -100%;
  transition: 3s;
}

@media (max-width:767px){
  .blue-btn:hover .first-link{
    margin-left: -1600px;
    transition: 3s;
  }
}  */


@keyframes scrollText {
  from   { transform: translateX(0%); }
  to { transform: translateX(-50%); }
}

.tinytots-section{
  padding:60px 0px;
  background: var(--orange-primary);
}

.tinytots-section .title{
  font-size: 52px;
  color: var(--lightgrey-primary);
  font-weight: normal;
  width: 100%;
  margin-bottom: 60px;
  text-align: center;
}



.tinytots-section .title span{
  font-size: 54px;
  font-family: var(--secondary-family);
  /*  font-style: italic;*/
  text-transform: capitalize;
  color: var(--lightgrey-primary);
}

.tinytots-section .tiny-card{
  margin-bottom: 30px;
  width: 90%;
}

.tinytots-section .tiny-card img{
  width: 100%;
  height: 240px;
  margin-bottom: 20px;
  object-fit: cover;
}

.tinytots-section .tiny-card .title{
  font-size: 24px;
  text-transform: uppercase;
  color:var(--lightgrey-primary);
  font-weight: normal;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

.tinytots-section .tiny-card .desg{
  color:var(--lightgrey-primary);
  font-weight: normal;
  font-size: 14px;
}

.insta-section{
  padding:60px 0px;
  background:var(--white-primary);
}

.insta-section .title{
  font-size: 52px;
  color: var(--blue-primary);
  font-weight: normal;
  width: 95%;
}



.insta-section .title span{
  font-size: 54px;
  font-family: var(--secondary-family);
  /*  font-style: italic;*/
  text-transform: capitalize;
  color:var(--blue-primary);
}

.insta-section .insta-post{
  min-height: 250px;
}




.keything-section{
  padding:60px 0px;
  background-color: var(--lightgrey-primary);
}

.keything-section .title{
  font-size: 52px;
  color: var(--orange-primary);
  font-weight: normal;
  text-align: left;
  width: 75%;
}



.keything-section .title span{
  font-size: 54px;
  font-family: var(--secondary-family);
  /*  font-style: italic;*/
  text-transform: normal;
  color:var(--orange-primary);
}

.keything-section .sub-title {
  font-family: var(--secondary-family);
  font-size: 18px;
  line-height: 24px;
  color: var(--blue-primary);
  /*  font-style: italic;*/
  width: 45%;
}

.keything-section .image-section {
  margin-top: 30px;
}


.keything-section .image-section img {
  width: 100%;
  height: 215px;
  object-fit: cover;
  margin-bottom: 25px;
}

.keything-section .qa-section {
  margin-top: 30px;
}

.qa-section .qa-single .title {
  font-size: 26px;
  text-transform: capitalize;
  color: var(--blue-primary);
  font-family: var(--secondary-family);
  font-weight: normal;
  width: auto;
  /*  font-style: italic;*/
}

.qa-section .qa-single .desg {
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  color:  var(--blue-primary);
  width: 80%;
}

.qa-single{
  margin-bottom: 24px;
}

.writetous{
  padding: 30px 0px;
  text-align: center;
}

.writetous .write-title{
  font-size: 26px;
  color: var(--blue-primary);
  font-family: var(--secondary-family);
  font-weight: normal;
  width: auto;
  /*  font-style: italic;*/
}


.writetous .write-link{
  color: var(--bue-primary);
  text-decoration: underline;
  font-size: 20px;
  text-transform: capitalize;
  margin-top: 5px;
}


.supporters-section{
  padding:60px 0px;
  background: var(--lightgrey-primary);
}

.supporters-section .title{
  font-size: 52px;
  color:var(--blue-primary);
  font-weight: normal;
  text-align: center;
  width: 100%;
}



.supporters-section .title span{
  font-size: 54px;
  font-family: var(--secondary-family);
  /*  font-style: italic;*/
  text-transform: capitalize;
  color:var(--blue-primary);
}

.supporters{
  padding: 20px 0px;
  margin-bottom: 0;
}

.supporters .item img{
  width: 100%;
}



.experience-exhibitions{
  background: var(--lightgrey-primary);
  padding: 60px 0px;
}

.experience-exhibitions .container{
  padding-top: 60px;
  padding-bottom: 60px;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

.experience-exhibitions .title{
  font-size: 52px;
  color: var(--blue-primary);
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
}

.experience-exhibitions .sub-title{
    font-family: var(--secondary-family);
    font-size: 18px;
    line-height: 24px;
    color: var(--blue-primary);
    /*  font-style: italic;*/
    text-align: center;
    width: 50%;
    margin: auto;
  }

  .experience-exhibitions form{
    align-items:center;
    padding: 60px 0px;
    width: 80%;
    margin: auto;
  }
  
  .experience-exhibitions form .field-line{
    display:flex;
    justify-content: center;
    align-items: center;
  }

  .experience-exhibitions form select option{
    background: var(--blue-primary);
    color: white;
    font-size: 28px;
 }

 .experience-exhibitions form select  option:checked{
    background: var(--lightgrey-primary);
    color: var(--blue-primary);
    font-size: 28px;
 }


  @media (max-width:767px){
    .experience-exhibitions form .field-line{
      display:block;
      width: 100%;
    }  
  }

  .experience-exhibitions form p{
    font-family: var(--secondary-family);
    font-size: 37px;
    line-height: 38px;
    color:#656565;
    /*  font-style: italic;*/
    margin-bottom: 0;
  }

  .experience-exhibitions form select{
    background: none;
    border: 0;
    font-size: 36px;
    text-decoration: underline;
    margin: 0px 10px;
    color: var(--blue-primary);
  }

  .experience-exhibitions form select:focus{
    background: none;
    border: 0;
    outline: none;
    font-size: 36px;
  }

  .experience-exhibitions form .submit-btn{
    text-align: center;
  }

  .experience-exhibitions form .submit-btn input[type="submit"]{
    color: var(--blue-primary);
    text-decoration: underline;
    font-size: 24px;
    text-transform: capitalize;
    margin-top: 25px;
    background: transparent;
    border: 0;
    font-family: var(--primary-family);
  }


  .highlights-section{
    background: var(--lightgrey-primary);
    padding: 60px 0px;
  }
  
  .highlights-section .title{
    font-size: 52px;
    color: var(--blue-primary);
    font-weight: normal;
    text-align: left;
    margin-bottom: 0px;
    text-transform: capitalize;
  }

  .highlights-section .sub-title{
    font-family: var(--secondary-family);
    font-size: 52px;
    color: var(--blue-primary);
    font-weight: normal;
    text-align: left;
    margin-bottom: 20px;
    text-transform: capitalize;
  }

  .highlights-section .filter-date{
    display: flex;
    align-items: center;
  }

  .highlights-section .filter-date a{
    text-decoration: none;
    font-size: 36px;
    color: var(--black-primary);
  }

  .highlights-section .filter-date p{
    margin-bottom: 0;
    font-size: 28px;
    text-transform: uppercase;
    padding: 0px 10px;
    color: var(--black-primary);
  }

  .highlights-section form select{
    background: none;
    width: 100%;
    text-transform: uppercase;
  }

  .highlights-section form select:focus{
    background: none;
    outline: none;
    border: 1px solid var(--black-primary);
  }

  .featured-highlight img{
    width: 100%;
    margin-bottom: 15px;
  }

  .featured-highlight .title{
    font-size: 18px;
    text-transform: capitalize;
    color: var(--blue-primary);
    font-weight: normal;
    width: 90%;
    margin-bottom: 10px;
    text-align: left;
  }

  .featured-highlight .desc{
    font-size: 14px;
    color: var(--blue-primary);
    font-weight: normal;
    margin-bottom: 10px;
  }


  .featured-highlight .link-btn{
    color: var(--blue-primary);
    text-decoration: underline;
    font-size: 20px;
    text-transform: capitalize;
    margin-top: 5px;
  }

  .highlight-listbox{
    max-height: 410px;
    overflow-y: scroll;
  }

  .highlighrow{
    align-items: flex-start;
  }

  .highlight-list-item{
    margin-bottom: 30px;
  }

  .highlight-list-item .accessiblity{
    font-size: 12px;
    text-transform: uppercase;
    color: var(--blue-primary);
    margin-bottom: 0;
  }

  .highlight-list-item .title{
    font-size: 32px;
    text-align: left;
    color: var(--blue-primary);
  }

  .highlight-list-item .locationplace{
    font-size: 18px;
    color: var(--blue-primary);
    margin-bottom: 5px;
  }

  .highlight-list-item .link-btn{
    color: var(--blue-primary);
    text-decoration: underline;
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 5px;
  }



@media (max-width:767px){
  .supporters-section .title{
    font-size: 32px;

  }

  .supporters-section .title span{
    font-size: 32px;
    font-family: var(--secondary-family);
    /*  font-style: italic;*/
    text-transform: capitalize;
    color:var(--blue-primary);
  }

  .insta-section .title{
    font-size: 32px;
    width: 100%;
  }
  
  
  
  .insta-section .title span{
    font-size: 32px;
  }

  .tinytots-section .title{
    font-size: 32px;
    width: 80%;
    margin-bottom: 30px;
  }

  .tinytots-section .title span{
    font-size: 32px;
  }

  .tinytots-section .tiny-card{
    width: 100%;
  }

  .tinytots-section .tiny-card .title{
    font-size: 22px;
  }

  .tinytots-section .tiny-card .title{
    font-size: 22px;
  }

  .tinytots-section .tiny-card .desg{
    font-size: 14px;
  }

  .qa-section .qa-single .title{
    font-size: 24px;
  }

  .qa-section .qa-single .desg{
    font-size: 14px;
  }

  .keything-section .title{
    font-size: 32px;
  }

  .keything-section .title span{
    font-size: 32px;
  }

  .keything-section .sub-title{
    width:65%;
  }

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

  .browseprogram-section .tabs label{
    font-size: 20px;
  }

  .highlights-section .title{
    font-size: 32px;
  }

  .highlights-section .sub-title{
    font-size: 32px;
  }

  .highlights-section .filter-date p{
    font-size: 24px;
  }

  .highlight-listbox{
    margin-bottom: 20px;
    height: 350px;
  }

  .highlight-list-item .title{
    font-size: 28px;
  }

  .experience-exhibitions .title{
    font-size: 32px;
  }

  .experience-exhibitions .sub-title{
    width: 80%;
  }

  .experience-exhibitions form p{
    text-align: center;
    font-size: 32px;
    line-height: 32px;
  }

  .experience-exhibitions form select{
    text-align: center;
    font-size: 18px;
    line-height: 32px;
  }

  .experience-exhibitions form select:focus{
    font-size: 18px;
    line-height: 32px;
  }

  .experience-exhibitions form .field-line{
    text-align: center;
  }

  .intro-section .title{
    font-size: 32px;
  }

  .intro-section .title span{
    font-size: 32px;
  }

  .intro-section .desc{
    font-size: 20px;
    width: 85%;
  }

  .intro-section .link-btn a{
    font-size: 20px;
  }

  .intro-section .register{
    font-size: 20px;
  }


  .intro-section .register a{
    font-size: 20px;
  }

  .intro-section .container-fluid{
    padding: 0px 15px;
  }

}



/*---- homepage end ----*/






/*--- curators page start ---*/

.saf-curatorpage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-curatorpage .main-title{
  font-size: 80px;
  color: var(--black-primary);
  font-family: var(--secondary-family);
}

.saf-curatorpage .sub-title{
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 55%;
}

.saf-curatorpage .curator-card{
  padding: 30px 30px;
}

.saf-curatorpage .curator-card img{
  margin-bottom: 10px;
  width: 100%;

}

.saf-curatorpage .curator-card .name{
  font-family: var(--secondary-family);
  font-size: 36px;
  /*  font-style: italic;*/
  color: var(--black-primary);
  margin-bottom: 5px;
  text-transform: capitalize;
}

.saf-curatorpage .curator-card .desgn{
  font-size: 20px;
  color: var(--black-primary);
  margin-bottom: 5px;
  text-transform: uppercase;
}

@media (max-width:767px){

  .saf-curatorpage .main-title{
    font-size: 60px;
  }

  .saf-curatorpage .sub-title{
    width:85%;
  }
}

/*--- curators page end ---*/



/*-- curators single start ---*/

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

.curatorsingle-section .row{
  align-items: center;
}

.curatorsingle-section .profile-img img{
  width:100%;
  border: 2px solid grey;
}

.curatorsingle-section .profile-info{
  font-size: 14px;
  color: var(--black-primary);
  font-family: var(--primary-family)!important;
}

.curatorsingle-section .profile-title{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.curatorsingle-section .profile-title h3{
  font-size: 28px;
  /*  font-style: italic;*/
  font-family: var(--secondary-family);
  color: var(--black-primary);
  text-transform: capitalize;
}

.curatorsingle-section .profile-title span{
  font-size: 24px;
  text-transform: uppercase;
  font-family: var(--primary-family);
  font-style: normal;
  color: var(--black-primary);
  font-weight: normal;
}

.curatorsingle-section .profile-title .seperator-box{
height: 10px;
width: 10px;
background: var(--black-primary);
margin: 0px 10px;
}

.curatorsingle-section .left-arrow{
  text-align: center;
  font-size: 42px;
  font-weight: bold;
}

.curatorsingle-section .right-arrow{
  text-align: center;
  font-size: 42px;
  font-weight: bold;
  
}

.curatorsingle-section .left-arrow a, .right-arrow a{
  text-decoration: none;
  color: var(--black-primary);
}

.curatorsingle-section .gotoback a{
  color: var(--black-primary);
  text-decoration: underline;
  font-size: 20px;
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  width: max-content;
}

.explore-curators{
  padding:80px 0px
}

.explore-curators .main-title{
  font-size: 32px;
  font-weight: normal;
  text-transform: uppercase;
  color: var(--black-primary);
  margin-bottom: 60px;
  text-align: center;
}

.explore-curators .slick-slider{
  margin-bottom: 0!important;
}



.scroll-curators .single-item .row{
  align-items: center;
}

.scroll-curators .single-item{
  border: 1px solid gray;
  width: max-content!important;
  height: auto;
  margin-right: 1rem;
  flex: 0 0 auto;
  /* Centering text only */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.scroll-curators .single-item img{
  width: 65px;
}

.scroll-curators .single-item .title{
  font-size: 26px;
    /*  font-style: italic;*/
    font-family: var(--secondary-family);
    color: var(--black-primary);
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 0;
    margin-left: 5px;
    min-width:180px;
}
 .scroll-tag{
  font-size: 22px;
  /*  font-style: italic;*/
  font-family: var(--secondary-family);
  text-align: center;
}
@media (max-width:767px){
  .scroll-tag{
    margin-top: -50px;
  }
}
.scroll-curators .single-item .desg{
  font-size: 20px;
    text-transform: uppercase;
    font-family: inherit;
    font-style: normal;
    color: var(--black-primary);
    font-weight: normal;
    margin-left: 5px;
    text-align: left;
    margin-bottom: 0;
}

.scroll-curators {
  display: flex;
  flex-wrap: no-wrap;
}

.scroll-curators.active {
  cursor: grabbing;
}


.scroll-curators .slick-arrow{
  background: transparent;
    border: 0;
    font-size: 36px;
    color: var(--black-primary);
    position: absolute;
    top: -60px;
}

.scroll-curators .right.slick-arrow{
  right: 0;
}

.curatorsingle-section .mob-arrow{
  display: none;
}

@media (max-width:767px){
  .curatorsingle-section .profile-img img{
    margin-bottom: 30px;
  }

  .scroll-curators .single-item .row .col-md-3{
    width: 20%;;
  }

  .scroll-curators .single-item .row .col-md-9{
    width: 80%;;
  }



  .curatorsingle-section .left-arrow{
    display: none;
  }


  .curatorsingle-section .right-arrow{
    display: none;
  }

  .curatorsingle-section .mob-arrow{
    display: flex;
  }

  .curatorsingle-section .mob-arrow .col-md-6{
    width: 50%;
  }

  .curatorsingle-section .mob-arrow .right-arrow{
    display: block;
  }

  .curatorsingle-section .mob-arrow .left-arrow{
    display: block;
  }

}



/*-- curators single end ---*/




/*---- vibes page start ----*/

.saf-vibepage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-vibepage .main-title{
  font-size: 80px;
  color: var(--black-primary);
}

.saf-vibepage .sub-title{
  font-family: var(--secondary-family);
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 45%;
}

.saf-vibepage .block-title {
  font-size: 52px;
  color: var(--black-primary);
  font-weight: 400;
}

.saf-vibepage .saf-partner{
  padding: 20px 0px 60px 0px;
  border-bottom: 1px solid grey;
}


.saf-vibepage .saf-partner .slick-list{
  padding:0 10% 0 0 !important;
}

.saf-vibepage .saf-partner .single-item{
  margin:0 10px 0 0 !important;
}

.saf-vibepage .saf-partner .single-item img{
  padding-bottom: 15px;
}

.saf-vibepage .saf-partner .single-item .title{
  font-family: var(--secondary-family);
  color: var(--black-primary);
  padding-bottom: 5px;
  font-size: 24px;
  font-style:italic; 
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.saf-vibepage .saf-partner .single-item .short-desc{
  color: var(--black-primary);
  padding-bottom: 5px;
  font-size: 16px;
  width: 85%; 
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.saf-vibepage .saf-partner .single-item .link-btn{
  color: var(--black-primary);
  text-decoration: underline;
  font-size: 18px;
  width: 85%; 
  text-transform: capitalize;
}

@media (max-width:767px){

  .saf-vibepage .main-title{
    font-size: 60px;
  }

  .saf-vibepage .sub-title{
    width:85%;
  }

  .saf-vibepage .block-title{
    font-size: 42px;
  }
}

/*---- vibe page end ----*/


/*--- programs page start ---*/

.saf-programpage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-programpage .gotoback a {
  color: var(--black-primary);
  text-decoration: underline;
  font-size: 20px;
  text-transform: capitalize;
  margin-top: 0px;
  margin-bottom: 15px;
  display: block;
  width: max-content;
}

.saf-programpage .main-title{
  font-size: 80px;
  color: var(--black-primary);
}

.saf-programpage .sub-title{
  font-family: var(--secondary-family);
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 55%;
}

.saf-programpage .searchform{
  padding: 20px 0px 0px 0px;
  width: 100%;
}

.saf-programpage .searchform label{
  text-transform: uppercase;
  font-size: 16px;
  color: var(--black-primary);
}

.saf-programpage .searchform .fltr-title{
  text-transform: uppercase;
  font-size: 16px;
  color: var(--black-primary);
  font-weight:400;
}


.saf-programpage .searchform input[type="text"]{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

.saf-programpage .searchform select{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
  text-transform: uppercase;
}

.saf-programpage .showing-results{
  border-bottom:1px solid grey;
  margin-bottom: 30px;
}

.saf-programpage .showing-results p{
  margin-bottom: 0rem;
  text-transform: capitalize;
}







.saf-programpage  .program-item .imgtag{
  position: relative;
}

.saf-programpage  .program-item .imgtag .tags{
  display: flex;
    position: absolute;
    top: 0;
    left: 0;
    margin: 10px;
}

.saf-programpage  .program-item .imgtag .tags .tag-col{
  background: var(--white-primary);
  padding: 1px 5px;
  margin-right: 6px;
  text-transform: uppercase;
  font-size: 9px;
  color: var(--black-primary);
}


.saf-programpage  .program-item .title{
  font-size: 24px;
  font-family: var(--secondary-family);
  /*  font-style: italic;*/
  color: var(--black-primary);
}

.saf-programpage  .program-item .link-btn{
  font-size: 16px;
  color: var(--black-primary);
  text-transform: capitalize;
  text-decoration: underline;
}

.saf-programpage  .program-item .pgrimg{
  width:100%;
}

.saf-vibepage .iconcard{
  display: flex;
  padding-bottom: 5px;
}

.saf-vibepage .iconcard i{
  color: var(--black-primary);
}

.saf-vibepage .iconcard a{
  color: var(--black-primary);
  text-decoration: none;
}

.saf-vibepage .iconcard .insta{
  color: var(--black-primary);
  margin-right: 10px;
}

.saf-vibepage .iconcard .getdirec{
  color: var(--black-primary);
  margin-right: 10px;
}

@media (max-width:767px){

  .saf-programpage .main-title{
    font-size: 60px;
  }

  .saf-programpage .sub-title{
    width:85%;
  }
}

@media (min-width:768px) and (max-width:1180px){
  .saf-programpage .program-item .imgtag .tags .tag-col{
    margin-right: 3px;
    text-transform: uppercase;
    font-size: 6px;
  }
}

/*--- programs page end ---*/


/*--- program single start ---*/

.programsingle{
  padding:0px 0px 30px 0px;
}

.program-featureimg img{
  width: 100%;
}

.programsingle .title{
  font-family: var(--secondary-family);
  font-size: 52px;
  color: var(--black-primary);
  font-weight: normal;
  text-align: left;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.programsingle .description{
  width: 80%;
  font-size: 14px;
  color: var(--black-primary);
}



.programrightblock{
  text-align: right;
  margin: 20px 0px;
}

.programrightblock .partners{
  margin-bottom: 15px;
}

.programrightblock .partners .title {
  color: var(--black-primary);
  font-size: 18px;
  text-transform:uppercase;
}


.programrightblock .getdirection{
  margin-bottom: 15px;
}

.programrightblock .getdirection .loc-btn {
  color: var(--black-primary);
  text-decoration: underline;
  font-size: 18px;
  text-transform:uppercase;
  margin-top: 20px;
}

.programpartnerslick{
  margin-bottom: 0px;
}

.programpartnerslick .slick-slide img{
  width:90%;
}

.programrightblock .icon i {
  background: var(--black-primary);
  color: var(--white-primary);
  font-size: 15px;
  padding: 5px;
  margin-right: 10px;
}

.related-program{
  font-size: 54px;
  line-height: 54px;
  color: var(--black-primary);
  margin-bottom: 5px;
  font-weight: 400;
  width: 100%;
  text-align: center;
  text-transform: capitalize;
}

/*--- program single end ---*/



/*--- exhibition page start ---*/


.saf-exhibitionpage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-exhibitionpage .main-title{
  font-size: 80px;
  color: var(--black-primary);
}

@media (max-width:767px){
  .saf-exhibitionpage .main-title{
    font-size: 60px;
  }
}

.saf-exhibitionpage .sub-title{
  font-family: var(--secondary-family);
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  margin-bottom: 0;
  width: 55%;
}

.saf-exhibitionpage .searchform{
  padding: 20px 0px 0px 0px;
  width: 100%;
}

.saf-exhibitionpage .downloadbtn, .saf-venuepage .downloadbtn{
  display: block;
  background: var(--black-primary);
  padding: 12px 20px;
  color: var(--white-primary);
  width: 100%;
  text-align: center;
}

.saf-exhibitionpage .downloadbtn i, .saf-venuepage .downloadbtn i{
  color: var(--white-primary);
}

@media (max-width:767px){
  .saf-exhibitionpage .downloadbtn, .saf-venuepage .downloadbtn{
      width: max-content;
  }

  .saf-exhibitionpage .downloadbtn i, .saf-venuepage .downloadbtn i{
    color: var(--white-primary);
  }
}

.saf-exhibitionpage .searchform label{
  text-transform: uppercase;
  font-size: 16px;
  color: var(--black-primary);
}

.saf-exhibitionpage .searchform .fltr-title{
  text-transform: uppercase;
  font-size: 16px;
  color: var(--black-primary);
  font-weight:400;
}


.saf-exhibitionpage .searchform input[type="text"]{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

.saf-exhibitionpage .searchform select{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
  text-transform: uppercase;
}

.saf-exhibitionpage .showing-results{
  border-bottom:1px solid grey;
  margin-bottom: 30px;
}

.saf-exhibitionpage .showing-results p{
  margin-bottom: 0rem;
  text-transform: capitalize;
}


.saf-exhibitionpage .exhibitionsingle{
  border-bottom: 1px solid gray;
  padding: 25px 0px 50px 0px;
}

.saf-exhibitionpage .exhibition-item .date{
  margin-bottom: 0px;
  text-transform: capitalize;
}


.saf-exhibitionpage .exhibition-item .date{
  margin-bottom: 0px;
  text-transform: capitalize;
  width:100%;
  overflow-x: scroll;
}

.saf-exhibitionpage .exhibition-item .date::-webkit-scrollbar{
height: 3px;
}


.saf-exhibitionpage .exhibition-item .date p{
  color:var(--black-primary);
  width: max-content;
  margin-bottom: 5px;
}

.saf-exhibitionpage .exhibition-item .venue{
  width:100%;
  overflow-x: scroll;
}

.saf-exhibitionpage .exhibition-item .venue::-webkit-scrollbar{
  height: 3px;
  }

  @media (max-width:767px){
    .saf-exhibitionpage .exhibition-item .col-md-6{
      max-width: 50%;
    }
  }



  .saf-exhibitionpage .exhibition-item .venue p{
  color:var(--black-primary);
  width: max-content;
  margin-bottom: 5px;
}



.saf-exhibitionpage .exhibition-item .imgtag{
  position: relative;
  margin-bottom: 10px;
}

.saf-exhibitionpage  .exhibition-item .imgtag .tags{
  display: flex;
    position: absolute;
    top: 0;
    left: 0;
    margin: 10px;
}

.saf-exhibitionpage .exhibition-item .imgtag .tags .tag-col{
  background: var(--white-primary);
  padding: 1px 5px;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 10px;
  color: var(--black-primary);
}




.saf-exhibitionpage  .exhibition-item .link-btn{
  font-size: 16px;
  color: var(--black-primary);
  text-transform: capitalize;
  text-decoration: underline;
}

.saf-exhibitionpage  .exhibition-item .pgrimg{
  width:100%;
}

.saf-exhibitionpage .exhibition-item-content{
  margin: 20px 0px;
}

.saf-exhibitionpage .exhibition-item-content .title{
  font-size: 24px;
  font-family: var(--secondary-family);
  /*  font-style: italic;*/
  color: var(--black-primary);
}

.saf-exhibitionpage .exhibition-item-content .desc{
  font-size: 12px;
  color: var(--black-primary);
}

.saf-exhibitionpage .exhibition-item-content .icon  img{
  margin-bottom: 4px;
}

.saf-exhibitionpage .exhibition-item-content .icon i{
  color: var(--white-primary);
  font-size: 15px;
  background: var(--black-primary);
  padding: 5px;
  margin-right: 5px;
  text-transform: uppercase;
}

@media (max-width:767px){
  .saf-exhibitionpage .sub-title{
    width:85%;
    margin-bottom: 10px;
  }

  .saf-exhibitionpage .exhibitionsingle{
    border-bottom: 1px solid gray;
    padding: 50px 15px;
  }

  .saf-exhibitionpage .exhibition-item .imgtag .tags .tag-col{
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 9px;
  }
}

@media (min-width:768px) and (max-width:1180px){
  .saf-exhibitionpage .exhibition-item .imgtag .tags .tag-col{
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 6px;
  }
}

/*--- exhibition page end ---*/



/*--- media page start ---*/


.saf-mediapage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-mediapage .main-title{
  font-size: 80px;
  color: var(--black-primary);
}

.saf-mediapage .sub-title{
  font-family: var(--secondary-family);
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 45%;
}

.saf-mediapage .saf-media .media-item{
  margin-bottom: 60px;
}

.saf-mediapage .saf-media .media-item img{
  padding-bottom: 15px;
}

.saf-mediapage .saf-media .media-item .title{
  font-family: var(--secondary-family);
  color: var(--black-primary);
  padding-bottom: 5px;
  font-size: 24px;
  font-style:italic; 
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.saf-mediapage .saf-media .media-item .short-desc{
  color: var(--black-primary);
  padding-bottom: 5px;
  font-size: 16px;
  width: 85%; 
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.saf-mediapage .saf-media .media-item .link-btn{
  color: var(--black-primary);
  text-decoration: underline;
  font-size: 18px;
  width: 85%; 
  text-transform: capitalize;
}

@media (max-width:767px){
  .saf-mediapage .main-title{
    font-size: 60px;
  }

  .saf-mediapage .sub-title{
    width: 80%;
  }
}

/*--- media page start ---*/







/*--- venue page start ---*/

.saf-venuepage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-venuepage .main-title{
  font-size: 80px;
  color: var(--black-primary);
  font-family: var(--secondary-family);
}

.saf-venuepage .sub-title{
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 55%;
}

.latestvenue-item{
  padding: 80px 0px 80px 0px;
  border-bottom: 1px solid gray;
}

.latestvenue-item .title{
  font-size: 54px;
  line-height: 54px;
  color: var(--black-primary);
  margin-bottom: 5px;
  font-weight: 400;
  width: 98%;
}




.latestvenue-item .titlerow{
  display: flex;
  align-items: center;
}

.latestvenue-item .sqmark {
  height: 11px;
  width: 12px;
  background: var(--black-primary);
  margin-right: 10px;
  width: 2%;
}

.actionvenue{
  display: flex;
}

.latestvenue-item .location{
  
  font-size: 16px;
  text-transform: capitalize;
  margin: 20px 15px 0px 0px;
}

.latestvenue-item .location a{
  text-decoration: none;
  text-decoration: underline;
  color: var(--black-primary);
}

.latestvenue-item .access-icon{
  padding: 10px 0px 15px 0px;
}

.latestvenue-item .access-icon i{
  color: var(--black-primary);
  margin-right: 10px;
  font-size: 24px;
}

.latestvenue-item .desc-block{
  display: flex;
  align-items: flex-start;
}

.latestvenue-item .desc-block .icon{
  width:12%
}

.latestvenue-item .desc-block .icon img{
  width: 100%;
}

.latestvenue-item .desc-block .desc{
  width:88%;
  font-size:12px;
  margin-left: 15px;
}

.latestvenue-item .desc-block .link-btn{
  color: var(--black-primary);
  text-decoration: underline;
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 0px;
  display: block;
  width: max-content;
}

.latestvenue-item .desc-block .loc-btn{
  color: var(--black-primary);
  text-decoration: underline;
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 0px;
  display: inline-block;
  margin-right: 10px;
}

.latestvenue-item .desc-block .link-btn{
  color: var(--black-primary);
  text-decoration: underline;
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 0px;
  display: inline-block;
  margin-right: 10px;
}


.latestvenue-item .venueimg{
  width: 60%;
  margin-left: 40%;
}

.latestvenue-item .venueimg img{
  width:100%;
}

.visitred{
  background:#f05340;
  padding: 50px 50px;
  min-height: 290px;
}

.visitgreen{
  background:#33af68;
  padding: 50px 50px;
  min-height: 290px;
}

.visitpurple{
  background:#512e6e;
  padding: 50px 50px;
  min-height: 290px;
}

.visitblue{
  background:#2e7da5;
  padding: 50px 50px;
  min-height: 290px;
}

.visting-image {
  float: left;
  height: 30px;
  width: 30px;
  margin-right: 10px;
  font-size: 36px;
  color: #fff;
  margin-top: 6px;
}

.visiting-title{
  font-size: 35px;
  color: var(--white-primary);
  margin-bottom: 20px;
}

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

.visiting-maintitle{
  font-size: 54px;
    line-height: 54px;
    color: var(--black-primary);
    margin-bottom: 5px;
    font-weight: 400;
    text-align: center;
    padding: 50px 0px;
}

@media (max-width:767px){
  .saf-venuepage .main-title{
    font-size: 60px;
  }

  .saf-venuepage .sub-title{
    width:80%;
  }

  .latestvenue-item .title{
    font-size: 38px;
    width: 97%;
  }

  .latestvenue-item .desc-block{
    margin-bottom: 30px;
  }

    .latestvenue-item .sqmark{
      width: 3%;
    }

    .latestvenue-item .venueimg{
      width: 100%;
      margin-left: 0%;
    }
}



/*--- venue page end ---*/


/*-- partners page start --*/

.saf-partnerspage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-partnerspage .main-title {
  font-size: 80px;
  color: var(--black-primary);
}

.saf-partnerspage .sub-title {
  font-family: var(--secondary-family);
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 45%;
}

@media (max-width:767px){
  .saf-partnerspage .main-title {
    font-size: 60px;
    color: var(--black-primary);
  }  

  .saf-partnerspage .sub-title {
    width: 80%;
  }
}

.partneritem{
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
  padding-top: 10px;
  margin-bottom: 30px;
}

.partneritem:last-child{
  border-bottom: 0px solid #ccc;
}

.partneritem .title{
  text-transform: capitalize;
  font-size: 20px;
  color: var(--black-primary);
}

.partneritem .imgrow img{
  margin: 0px 15px;
}


/*-- partners page end --*/


/*-- volunteer page start --*/

.saf-volunteerpage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-volunteerpage .main-title {
  font-size: 80px;
  color: var(--black-primary);
}

.saf-volunteerpage .sub-title {
  font-family: var(--secondary-family);
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 45%;
}

@media (max-width:767px){
  .saf-volunteerpage .main-title {
    font-size: 60px;
    color: var(--black-primary);
  }  

  .saf-volunteerpage .sub-title {
    width: 80%;
  }
}

.saf-volunteerpage .volunteer-image img{
  width: 95%;
  margin-bottom: 20px;
}

.saf-volunteerpage .volunteer-content{
  margin-bottom: 30px;
}

.saf-volunteerpage .volunteer-content .title{
  font-size: 38px;
  color: var(--black-primary);
  font-weight: normal;
  text-align: left;
  margin-bottom: 10px;
}

.saf-volunteerpage .volunteer-content .title span{
  font-family: var(--secondary-family);
}

.saf-volunteerpage .volunteer-content ul{

}

.saf-volunteerpage .volunteer-content ul li{
  list-style-type: square;
}

.saf-volunteerpage .volunteer-content ul li::marker{
  font-size: 24px;
  background: var(--black-primary);
}

.saf-volunteerpage .volunteer-content .description{
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  color: var(--blue-primary);
}



.volunteer_tinycontent{
  height: 210px;
  overflow-y: auto;
}


.saf-volunteerpage .tiny-card{
  margin-bottom: 30px;
  width: 90%;
}



.saf-volunteerpage .tiny-card img{
  width: 100%;
  height: 240px;
  margin-bottom: 20px;
  object-fit: cover;
}

.saf-volunteerpage .tiny-card .title{
  font-size: 24px;
  text-transform: uppercase;
  color:var(--black-primary);
  font-weight: normal;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

.saf-volunteerpage .tiny-card .desg{
  color:var(--black-primary);
  font-weight: normal;
  font-size: 14px;
}



.saf-volunteerpage .volunteerfrm{
  margin-top:30px;
  margin-bottom:30px;
  width: 55%;
}

.saf-volunteerpage .volunteerfrm label{
  text-transform: uppercase;
  font-size: 16px;
  color: var(--black-primary);
}

.saf-volunteerpage .volunteerfrm label.cpt{
  text-transform: none;
  font-size: 14px;
  color: var(--black-primary);
}

.saf-volunteerpage .volunteerfrm .chks{
  display: flex;
}

.saf-volunteerpage .volunteerfrm .chks .chk-item{
  display: flex;
  align-items: center;
}

.saf-volunteerpage .volunteerfrm .chks label{
  text-transform: none;
  font-size: 14px;
  color: var(--black-primary);
  margin: 0px 20px 0px 5px;
}

.saf-volunteerpage .volunteerfrm .gndr-block{
  display: flex;
  align-items: center;
  width: 120%;;
}

@media (max-width:767px){
  .saf-volunteerpage .volunteerfrm .gndr-block{
    width: 100%;
    display:block;
  }
}

.saf-volunteerpage .volunteerfrm .gndr-block label{
  margin: 0px 10px;
  font-size: 14px;
  text-transform: capitalize;
}

.saf-volunteerpage .volunteerfrm .chks input[type=checkbox]{
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.saf-volunteerpage .volunteerfrm .chks input[type=checkbox]:checked{
  background:var(--black-primary);
  background-size: 5px 5px;
}

.saf-volunteerpage .volunteerfrm .chks input[type=radio]{
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.saf-volunteerpage .volunteerfrm .chks input[type=radio]:checked{
  background:var(--black-primary);
  background-size: 5px 5px;
}



.saf-volunteerpage .volunteerfrm .acpt input[type=checkbox]{
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.saf-volunteerpage .volunteerfrm .acpt input[type=checkbox]:checked{
  background:var(--black-primary);
  background-size: 5px 5px;
}

.saf-volunteerpage .volunteerfrm .acpt .cpt a{
  color: var(--black-primary);
    font-size: 14px;
    text-decoration: underline;
    text-transform: capitalize;
}

.saf-volunteerpage .volunteerfrm .gndr-block input[type=radio] {
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.saf-volunteerpage .volunteerfrm .gndr-block input[type=radio]:checked {
  background:var(--black-primary);
  background-size: 5px 5px;
}

.saf-volunteerpage .volunteerfrm input[type="text"]{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}


form .form-control{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}



.saf-volunteerpage .volunteerfrm input[type="email"]{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}




.saf-volunteerpage .volunteerfrm input[type="submit"]{
  border: 0px;
  border-radius: 0;
  background: transparent;
  color: var(--black-primary);
  text-transform: capitalize;
  font-size: 20px;
  text-decoration: underline;
  padding: 0;
  font-family: var(--primary-family);
}

.saf-volunteerpage .formtitle {
  font-size: 56px;
  text-transform: capitalize;
  color: var(--black-primary);
  font-weight: normal;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

@media (max-width:767px){
  .saf-volunteerpage .tiny-card{
    margin-bottom: 30px;
    width: 100%;
  }

  .saf-volunteerpage .volunteer-image img{
    width: 100%;
  }
}

/*--- volunteer page end ---*/


/*--- contact page start --*/

.saf-contactpage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-contactpage .main-title{
  font-size: 80px;
  color: var(--black-primary);
}

.saf-contactpage .sub-title{
  font-family: var(--secondary-family);
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 65%;
}

.saf-contactpage .cntfrm{
  padding: 20px 0px;
  width: 80%;
}

.saf-contactpage .cntfrm label{
  text-transform: uppercase;
  font-size: 16px;
  color: var(--black-primary);
}

.saf-contactpage .cntfrm input[type="text"]{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

.saf-contactpage .cntfrm input[type="email"]{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

.saf-contactpage .cntfrm textarea{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}




.saf-contactpage .cntfrm input[type="submit"]{
  border: 0px;
  border-radius: 0;
  background: transparent;
  color: var(--black-primary);
  text-transform: capitalize;
  font-size: 18px;
  text-decoration: underline;
  padding: 0;
  font-family: var(--primary-family);
}

@media (max-width:767px){


  .saf-contactpage .main-title{
    font-size: 60px;
    color: var(--black-primary);
  }

  .saf-contactpage .sub-title{
    width: 80%;
  }

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

}


/*--- contact page end --*/



/*--- dashboard page start ---*/

.sideborderline{
  background: linear-gradient(to bottom, #8b5ba2, #dd4994, #72b54b, #d6303c, #615ca3, #f6b81d, #94c675, #8e3f8f );
    width: 10px;
    height: 98%;
    z-index: 99;
    position: absolute;
}

.saf-dashboard{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}



.saf-dashboard .main-title{
  font-size: 80px;
  color: var(--black-primary);
}

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


@media (max-width:767px){


  .saf-dashboard .main-title{
    font-size: 60px;
    color: var(--black-primary);
  }

  .saf-dashboard .sub-title{
    width: 80%;
  }
}

.dashboard-panel{
  margin:40px 0px;
}

.dashboard-panel .sidebar{
  background: #f2f2f2;
  padding: 0px 0px 30px 0px;
  height: auto;
}

.dashboard-panel .sidebar .profile .txt-img {
    width: 100%;
    height: fit-content;
    margin: 0px auto 20px;
    background: var(--white-primary);
    border-radius: 0%;
    text-align: center;
    border: 1px solid var(--black-primary);
}

.dashboard-panel .sidebar .profile .txt-img .name {
  padding: 30px 30px;
  font-size: 90px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--black-primary);
  display: inline-flex;
}


.dashboard-panel .sidebar .profile .title {
  margin-bottom: 5px;
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  color: var(--black-primary);
  text-align: center;
  text-transform: uppercase;
}

.dashboard-panel .sidebar .profile .desg {
  font-size: 16px;
  color: var(--black-primary);
  font-family: var(--secondary-family);
  text-transform: capitalize;
  text-align: center;
}

.dashmenu{
  padding: 0 30px;
}

.dashmenu li{
    padding: 12px 0px;
    border-bottom: 1px solid grey;
    font-size: 16px;
    list-style-type: none;
}

.dashmenu li i{
  margin-right: 10px;
  color: var(--black-primary);
}

.dashmenu li a{
  text-decoration: none;
  color:var(--black-primary);
}

.dashboard-panel .content-area{
  background: var(--white-primary);
  /* border: 1px solid #f2f2f2; */
  /* padding: 30px 30px; */
  height: 100%;
}

.content-area .card.card-custom>.card-body {
  padding: 0rem;
}

.bookslot .title{
  font-size: 52px;
  color: var(--black-primary);
  font-weight: 400;
  text-align: center;
}

.bookslot .sub-title{
  font-family: var(--secondary-family);
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  text-align: center;
  width: 100%;
}


.bookingslotform{
  text-align: center;
}

.radio-toolbar input[type="radio"] {
  display: none;
}
.radio-toolbar label {
  display: inline-block;
  background-color: var(--white-primary);
  border: 1px solid var(--black-primary);
  padding: 5px 20px;
  cursor: pointer;
  font-size: 20px;
  margin:5px 20px 5px 0px;
  text-transform: uppercase;
  color: var(--blue-primary);
}
.radio-toolbar input[type="radio"]:checked+label {
  background-color: var(--black-primary);
  color:var(--white-primary);
}
.radio-toolbar input[type="radio"]+label:hover {
  background-color: var(--black-primary);
  color:var(--white-primary);
}

 .bookingslotform input[type="submit"] {
  border: 0px;
  border-radius: 0;
  background: transparent;
  color: var(--black-primary);
  text-transform: capitalize;
  font-size: 20px;
  text-decoration: underline;
  padding: 0;
  font-family: var(--primary-family);
}

@media (max-width: 767px){
  .bookslot .title {
    font-size: 42px;
}
}

.cardbox{
  background: #f3f3f3;
  padding: 20px 20px;
  display:flex;
  margin-bottom: 10px;
  align-items: baseline;
}

.cardbox .iconbox{
  margin-right: 15px;
}

.cardbox .iconbox{
  height: 12px;
  width: 12px;
  background: var(--black-primary);
  border-radius: 0px;
}

.cardbox .details{
  width: 100%;
}

.cardbox .details .title{
  font-size: 20px;
  margin-bottom: 5px;
  text-transform: uppercase;
  padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
}

.cardbox .details .cntxt{
  font-size: 16px;
}

.cardbox  .details ul li{
  list-style-type: square;
  margin-bottom: 10px;
}



.editprofilefrm{
  padding: 20px 0px;
  width: 100%;
}

@media(min-width:768px){
  .editprofilefrm .form-group {
    width: 48%;
    float: left;
    margin-right: 2%;
}
}

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

.editprofilefrm label.cpt{
  text-transform: none;
  font-size: 14px;
  color: var(--black-primary);
}

.editprofilefrm .chks{
  display: flex;
}

.editprofilefrm .chks .chk-item{
  display: flex;
  align-items: center;
}

.editprofilefrm .chks label{
  text-transform: none;
  font-size: 14px;
  color: var(--black-primary);
  margin: 0px 20px 0px 5px;
}

.editprofilefrm .gndr-block{
  display: flex;
  align-items: center;
}

.editprofilefrm .gndr-block label{
  margin: 0px 10px;
  font-size: 14px;
  text-transform: capitalize;
}

.editprofilefrm .chks input[type=checkbox]{
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.editprofilefrm .chks input[type=checkbox]:checked{
  background:var(--black-primary);
  background-size: 5px 5px;
}





.editprofilefrm .gndr-block input[type=radio] {
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.editprofilefrm .gndr-block input[type=radio]:checked {
  background:var(--black-primary);
  background-size: 5px 5px;
}

.editprofilefrm input[type="text"]{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

.editprofilefrm input[type="email"]{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}




.editprofilefrm input[type="submit"]{
  border: 0px;
  border-radius: 0;
  background: transparent;
  color: var(--black-primary);
  text-transform: capitalize;
  font-size: 20px;
  text-decoration: underline;
  padding: 0;
  font-family: var(--primary-family);
}


@media (max-width:767px){
  .editprofilefrm{
    width:100%;
  }
}

/*--- dashboard page end ---*/





/*--- register page start ---*/

.saf-registerpage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-registerpage .main-title{
  font-size: 80px;
  color: var(--black-primary);
}

.saf-registerpage .sub-title{
  font-family: var(--secondary-family);
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 65%;
}

.saf-registerpage .registerfrm{
  padding: 0px 0px;
  width: 100%;
  font-family: 'HelveticaNowDisplay-RG';
  }

.saf-registerpage .registerfrm label{
  text-transform: uppercase;
  font-size: 16px;
  color: var(--black-primary);
}

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

.saf-registerpage .registerfrm label.cpt a{
  font-family: 'HelveticaNowDisplay-EB';
  text-decoration: none;
  color: var(--black-primary);
}

.saf-registerpage .registerfrm .chks{
  display: flex;
}

.saf-registerpage .registerfrm .chks .chk-item{
  display: flex;
  align-items: center;
}

.saf-registerpage .registerfrm .chks label{
  text-transform: none;
  font-size: 16px;
  color: var(--black-primary);
  margin: 0px 20px 0px 5px;
}

.saf-registerpage .registerfrm .gndr-block{
  display: flex;
  align-items: center;
  width: 120%;;
}

@media (max-width:767px){

  .otp-wrapper .col-10{
    flex: 0 0 65%;
    max-width: 65%;
  }

  .otp-wrapper .col-2{
    flex: 0 0 35%;
    max-width: 35%;
  }

  .saf-registerpage .heading150{
     font-size: 48px;
     margin-bottom: 40px;
     margin-top: 40px;
  }

  .saf-registerpage .heading36{
    font-size: 26px;
    line-height: 100%;
    width: 90%;
 }

  .saf-registerpage .registerfrm .gndr-block{
    width: 100%;
    display:block;
  }
}

.saf-registerpage .registerfrm .gndr-block label{
  margin: 0px 10px;
  font-size: 16px;
  text-transform: capitalize;
}

.saf-registerpage .registerfrm .chks input[type=checkbox]{
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  border-radius: 50%;
  -webkit-appearance: none;
}

.saf-registerpage .registerfrm .chks input[type=checkbox]:checked{
  background:var(--black-primary);
  background-size: 5px 5px;
}

.saf-registerpage .registerfrm .chks input[type=radio]{
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.saf-registerpage .registerfrm .chks input[type=radio]:checked{
  background:var(--black-primary);
  background-size: 5px 5px;
}



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

.saf-registerpage .registerfrm .acpt input[type=checkbox]:checked{
  background:var(--black-primary);
  background-size: 5px 5px;
}

/* .saf-registerpage .registerfrm .acpt .cpt a{
  color: var(--black-primary);
    font-size: 14px;
    text-decoration:none;
    text-transform: capitalize;
} */

.saf-registerpage .registerfrm .gndr-block input[type=radio] {
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  border-radius: 50%;
  -webkit-appearance: none;
}

.saf-registerpage .registerfrm .gndr-block input[type=radio]:checked {
  background:var(--black-primary);
  background-size: 5px 5px;
}

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


form .form-control{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

select{
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/> </svg>')
    no-repeat!important;
  background-size: 16px!important;
  background-position: calc(100% - 12px) 10px!important;
  background-repeat: no-repeat!important;
}

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




/* .saf-registerpage .registerfrm input[type="submit"]{
  border: 0px;
  border-radius: 0;
  background: transparent;
  color: var(--black-primary);
  text-transform: capitalize;
  font-size: 18px;
  text-decoration: underline;
  padding: 0;
  font-family: var(--primary-family);
} */


.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%;
}


@media (max-width:767px){
  .saf-registerpage .registerfrm{
    width:100%;
  }

  .saf-registerpage .main-title{
    font-size: 60px;
  }

  .saf-registerpage .sub-title{
    width: 80%;
  }

  .saf-registerpage .registerfrm input::placeholder{
    font-family: 'HelveticaNowDisplay-RG';
    font-size: 16px;
  }

  .saf-registerpage .registerfrm select{
    font-family: 'HelveticaNowDisplay-RG';
    font-size: 16px;
  }

  .forgotform .heading60{
    font-size: 48px;
    line-height: 100%;
    padding-bottom: 20px;
  }
}

/*--- register page end ---*/

.right-block .search-btn {
  position: absolute;
  right: 205px;
  top: 55%;
  /* cursor: pointer; */
  transform: translate(0%, -50%);
  list-style: none;
}

.right-block .search-btn i{
  color: var(--white-primary);
}



/*--- login page start ---*/


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


.saf-loginpage .main-title{
  font-size: 80px;
  color: var(--black-primary);
  text-align: center;
}

.saf-loginpage .loginfrm{
  padding: 10px 0px;
  width: 100%;
}

.saf-loginpage .loginfrm label{
  text-transform: uppercase;
  font-size: 18px;
  color: var(--black-primary);
  font-family: 'HelveticaNowDisplay-RG';
}

.saf-loginpage .loginfrm input[type="text"]{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

.saf-loginpage .loginfrm input::placeholder{
  font-family: 'HelveticaNowDisplay-RG';
  font-size: 16px;
}

@media (max-width:767px){
.saf-loginpage .loginfrm input::placeholder{
  font-family: 'HelveticaNowDisplay-RG';
  font-size: 14px;
}
}


.saf-loginpage .loginfrm input[type="password"]{
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

.saf-loginpage .loginfrm .cntr{
  text-align: center;
  padding: 20px 0px;
}

.saf-loginpage .loginfrm .frg-btn{
  float: right;
  color: var(--black-primary);
  text-decoration: none;
  font-size: 15px;
  font-family: 'HelveticaNowDisplay-EB';
  margin-top: 10px;
}

/* .saf-loginpage .loginfrm input[type="submit"]{
  border: 0px;
  border-radius: 0;
  background: transparent;
  color: var(--black-primary);
  text-transform: uppercase;
  font-size: 24px;
  text-decoration: underline;
  padding: 0;
  font-family: var(--primary-family);
} */

.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(../frontend/images/submit-arrow.svg);
  background-size: 20px;
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 88%;
}


.saf-loginpage .rgtr-link{
  color: var(--black-primary);
  font-size: 16px;
  font-family: 'HelveticaNowDisplay-RG';
}

.saf-loginpage .rgtr-link a{
  color: var(--black-primary);
  font-size: 16px;
  text-decoration: none;
  text-transform: capitalize;
  font-family: 'HelveticaNowDisplay-EB';
}

.saf-loginpage .social-link{
  text-align: center;
  color: grey;
  margin-bottom: 20px;
  font-size: 15px;
}

.saf-loginpage .social-link .social-icon i{
  color: var(--black-primary);
  margin: 0px 10px;
  padding: 0;
}

@media (max-width:767px){
  .saf-loginpage .main-title{
    font-size: 60px;
    color: var(--black-primary);
    text-align: center;
  }

  .saf-loginpage .loginfrm{
    padding: 20px 0px;
  }

}

.main-title{
  font-size: 80px;
  color: var(--black-primary);
}

@media (max-width:767px){
  .saf-loginpage .main-title{
    font-size: 60px;
    color: var(--black-primary);
    text-align: center;
  }
}

/*--- login page end. ---*/


/*--- modal css --*/

@media (min-width: 576px){
.modal-dialog {
    max-width: 500px;
    margin: 8.75rem auto;
}
}

.modal-body .description{
  text-align:center;
}

.modal .modal-content{
  border-radius: 0!important;
}

.modal .modal-header{
  border-bottom: 0px;
  padding: 0rem;
}

.modal .modal-header .modal-title{
  display: none;
}

.modal .modal-footer{
  padding: 5px 10px 5px 10px;
    text-align: center;
    margin: auto;
    border: 0;
    margin-bottom: 15px;
}


.modal .modal-header .close{
  margin-left: 95%;
  margin-top: 4%;
  opacity: 1;
}

.modal-body .close{
  opacity: 1;
}

.modal-body .close i{
  color: var(--black-primary);
}

.modal .modal-header .close i:hover{
  color: var(--black-primary)!important;
}

.modal .modal-footer .external-link-btn{
  background: var(--black-primary);
  border-radius: 0;
  border-color: var(--black-primary);
  color: var(--white-primary);
}

.modal .modal-footer .external-link-btn:hover{
  background: var(--white-primary)!important;
  border-radius: 0!important;
  border-color: var(--black-primary)!important;
  color: var(--black-primary)!important;
}

.modal .modal-footer button.btn.btn-light-primary{
  display: none;
}

.main-footer{
  background-color: var(--black-primary);
  padding: 60px 0px 180px 0px;
  position: relative;
  /* background-image: url('/image/footerbgimg.png');
  background-repeat:no-repeat;
  background-position:bottom;
  background-size:100%; */
}


.main-footer .footerimg{
  position: absolute;
  width: 100%;
  bottom: 0;
}



@media (max-width:767px){

  .main-footer{
    padding: 60px 0px 120px 0px;
  }

  .footer-logo img{
     width: 40%!important;
  }

  .main-footer .footerimg{
    position: absolute;
    width: 100%;
    bottom: 75px;
  }
}

.main-footer .footerimg img{
  width: 100%;
}

.quick-links{
  padding: 20px 20px;
}

.quick-links h4{
  font-size: 18px;
  color: var(--white-primary);
  margin-bottom: 20px;
}

.footer-menus{
  padding: 0;
  column-count: 2;
}

.footer-menus li{
  list-style-type: none;
  margin-bottom: 12px;
}

.footer-menus li a{
  text-decoration: none;
  color: var(--white-primary);
  font-weight: 300;
  font-size: 15px;
}

.contact-details{
  padding: 20px 20px;
}

.contact-details h4{
  font-size: 18px;
  color: var(--white-primary);
  margin-bottom: 20px;
}

.contact-details a{
  text-decoration: none;
  display:block;
  margin-bottom: 12px;
  font-weight: 400;
  color: var(--white-primary);
  font-size: 15px;
}

.contact-details i{
  color: var(--white-primary);
}

.main-footer .social-icon{
  padding: 20px 20px;
}

.social-icon h4{
  font-size: 18px;
  color: var(--white-primary);
  margin-bottom: 20px;
}

.social-icon i{
  color: var(--white-primary);
  margin-right: 20px;
}




/*------ checkout start --------*/


.saf-checkout{
  padding:60px 0px;
}



.saf-checkout .checkoutfrm label {
  text-transform: uppercase;
  font-size: 16px;
  color: var(--black-primary);
}

.saf-checkout .checkoutfrm input[type="text"] {
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

.saf-checkout .checkoutfrm input[type="email"],
.saf-checkout .checkoutfrm select {
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

.saf-checkout .checkoutfrm textarea {
  border: 1px solid var(--black-primary);
  border-radius: 0;
  background: var(--white-primary);
}

.saf-checkout .checkoutfrm input[type=checkbox] {
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.saf-checkout .checkoutfrm input[type="submit"] {
  /*border: 0px;
  border-radius: 0;
  background: transparent;
  color: var(--black-primary);
  text-transform: capitalize;
  font-size: 20px;
  text-decoration: underline;
  padding: 0;*/
}


.saf-checkout .checkoutfrm input[type=checkbox]:checked{
  background:var(--black-primary);
  background-size: 5px 5px;
}

.billing-title{
  font-size: 54px;
  color: var(--black-primary);
  text-align: left;
  margin-bottom: 30px;
}


.saf-checkout .checkoutfrm .shlabel{
  text-transform: none;
  font-size: 14px;
  color: var(--black-primary);
}


.saf-checkout .checkout-sidebar{
  background: #f2f2f2;
  padding: 30px 30px;
}

.saf-checkout .checkout-sidebar .sidebar-title{
  font-size: 32px;
  color: var(--black-primary);
  margin-bottom: 20px;
  border-bottom: 1px solid var(--black-primary);
  padding-bottom: 15px;
}


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

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

.saf-checkout .checkout-sidebar .product-price{
  width: 50%;
  text-align: right;
  font-size: 16px;
}

.saf-checkout .checkout-sidebar .product-price::before{
  content: '₹';
  padding-right:5px;
}

.saf-checkout .checkout-sidebar .product-total{
  display: flex;
  border-bottom: 1px solid black;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.saf-checkout .checkout-sidebar .product-total .title{
  font-size: 18px;
  width: 50%;
  font-weight: bold;
}

.saf-checkout .checkout-sidebar .product-total .total-price{
  width: 50%;
  text-align: right;
  font-size: 18px;
  font-weight: bold;
}


.saf-checkout .checkout-sidebar .product-total .total-price::before{
  content: '₹';
/*  padding-right:5px;*/
}


.saf-checkout .payment-method .title{
  margin-bottom: 30px;
}


.saf-checkout .payment-method .form-group{
  background: var(--white-primary);
  padding: 10px 15px;
  margin-bottom: 8px;
}

.saf-checkout .placeorder{
  margin: 30px 0px;
}

.saf-checkout .placeorder .order-btn{
  border: 0px;
  border-radius: 0;
  background: var(--black-primary);
  color: var(--white-primary);
  text-transform: capitalize;
  font-size: 18px;
  padding: 8px 16px;
  width: 100%;
  text-align: center;
  display: block;
}

.saf-checkout .payment-method input[type=checkbox] {
  border: 1px solid var(--black-primary);
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.saf-checkout .payment-method .pymt{
  text-transform: none;
  font-size: 14px;
  color: var(--black-primary);
  margin-bottom: 0;
}

.saf-checkout .payment-method input[type=checkbox]:checked{
  background:var(--black-primary);
  background-size: 5px 5px;
}


@media (max-width:767px){
  .saf-checkout .checkoutfrm .col-7{
    max-width: 100%;
    margin-bottom: 20px;
    flex: 0 0 100%;
  }
  
  .saf-checkout .checkoutfrm .col-5{
    max-width: 100%;
    flex: 0 0 100%;
  }
  }

/*------ checkout end --------*/


/*----- product page start -----*/

.saf-productpage{
  background: var(--white-primary);
  padding: 50px 0px 50px 0px;
}

.saf-productpage .main-title{
  font-size: 80px;
  color: var(--black-primary);
  font-family: var(--secondary-family);
}

.saf-productpage .sub-title{
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  width: 55%;
}




@media (max-width:767px){

  .saf-productpage .main-title{
    font-size: 60px;
  }

  .saf-productpage .sub-title{
    width:85%;
  }
}

.saf-productpage .searchform label{
  text-transform: uppercase;
  font-size: 16px;
}

.saf-productpage .searchform select{
  text-transform: uppercase;
}

.product-card{
  margin-bottom: 50px;
}

.product-card .imgblock{
  width:100%;
  overflow: hidden;
}

.product-card .imgblock img{
  width: 100%;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}


.product-card .imgblock img:hover{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  z-index: 0;
}

.product-card .product-detail{
  display: flex;
  align-items: flex-end;
  margin-top: 5px;
  justify-content: space-between;
}

.product-card .product-detail .catg-name{
  text-align: left;
  width: 65%;
}

.product-card .product-detail .actionbtn{
  width: 35%;
  text-align: right;
}

.product-card .product-detail .catg-name .category-name{
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
      color: #3f4254;
}

.product-card .product-detail .catg-name .product-name{
  text-transform:capitalize;
  font-size: 20px;
  line-height: 24px;
      color: #3f4254;
}

.product-card .product-detail .catg-name .product-price{
  text-transform:capitalize;
  font-size: 18px;
  line-height: 20px;
      color: #3f4254;
}

.product-card .product-detail .actionbtn .icon-wishlist i{
  background: black;
  padding: 5px;
  color: #fff;
  cursor: pointer;
}

.product-card .product-detail .btn-link{
  text-decoration: underline;
  font-size: 15px;
      color: #3f4254;
}

@media (max-width:767px){
  .saf-productpage .productlist .col-md-3{
    width:50%;
  }

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

  .product-card .product-detail .catg-name .category-name {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
}

.product-card .product-detail .catg-name .product-name {
  text-transform: capitalize;
  font-size: 18px;
  line-height: 22px;
}

.product-card .product-detail .catg-name .product-price {
  text-transform: capitalize;
  font-size: 16px;
  line-height: 18px;
}

.product-card .product-detail .actionbtn .icon-wishlist i{
  font-size: 12px;
}

.product-card .product-detail .btn-link {
  display: none;
}

}

.view-moreitems{
  padding: 25px 0px 25px 0px;
}

.viewmore-title{
  font-size: 36px;
  text-align: center;
  color: var(--black-primary);
}


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

.radio-toolbar label{
  font-size: 12px;
  width: auto;
  text-align: center;
  width: 38px;
  text-align: center;
  height: 38px;
}


.single-quantity{
  display: flex;
  align-items: center;
}

.single-quantity label{
  margin-right: 10px;
  margin-bottom: 0;
}

.single-quantity .form-control{
  width: 80px;
}

.singleaction{
  display: flex;
    margin: 20px 0px;
    align-items: center;
}

.singleaction .icon-wishlist{
  margin-right: 15px;
  background: none;
}

.singleaction .icon-wishlist i {
  background: black;
  padding: 5px;
  color: #fff;
  cursor: pointer;
}

.singleaction .addtocartbtn input[type="submit"]{
  background: var(--black-primary);
  padding:10px 20px 10px 20px;
  color: var(--white-primary);
  border: 0;
  text-decoration: underline;
  font-size: 18px;
}

.socialshare .social-icon{
  display: flex;
}

.socialshare .social-icon h4{
  font-size: 18px;
  color: var(--black-primary);
  margin-right: 15px;
}

.socialshare .social-icon i{
  color: var(--black-primary);
  margin-right: 20px;
}

.saf-singleproductpage .main-title{
  font-size: 80px;
  color: var(--black-primary);
  font-family: var(--secondary-family);
}


.saf-singleproductpage .sub-title{
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 55%;
  margin-bottom: 50px;
}

.single-detail .category-name{
  text-transform: uppercase;
  color: var(--black-primary);
  font-size: 18px;
}

.single-detail .product-name{
  font-family: var(--extrabold-font);
  color: var(--black-primary);
  font-size: 32px;
  margin-bottom: 20px;
}

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

.single-detail .product-color .color-title{
  color: var(--black-primary);
  text-transform: uppercase;
  font-size: 16px;
}

.single-detail .product-color{
  margin-bottom: 20px;
}

.single-detail .product-size{
  color: var(--black-primary);
  text-transform: uppercase;
  font-size: 16px;
}

.single-detail .product-quantity{
  color: var(--black-primary);
  text-transform: uppercase;
  font-size: 16px;
}

.single-detail .singlchart{
  color: var(--black-primary);
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 20px;
}

.single-detail .product-color .color-checkbox {
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    cursor: pointer;
}

.nav-tabs .nav-item a{
  text-transform: capitalize;
  font-size: 20px;
  color: var(--black-primary);
  margin-bottom: 0px;
  border-radius: 0;
}

.nav-tabs .nav-item .nav-link:hover{
  background:var(--black-primary);
  color: var(--white-primary);
}

.nav-tabs .nav-item .nav-link.active{
  background:var(--black-primary);
  color: var(--white-primary);
}

.tab-content>.tab-pane {
    padding: 20px 0px;
}

.image-profile{
  height: 60px;
  width: 60px;
}

.image-profile img{
  width: 100%;
  border-radius: 50%;
}

.saf-testimonials{
  margin-top: 50px;
}

.cstm-col{
  display: flex;
}

.cstm-col .detail-profile{
  width: 70%;
  padding-left: 10px;
}

.cstm-col .detail-profile .title{
  font-size: 20px;
  line-height: 22px;
  color: var(--blue-primary);
  margin-bottom: 5px;
}

.cstm-col .detail-profile .desg{
  line-height: 18px;
  font-size: 16px;
}

.saf-testimonials .single-block{
  background: var(--white-primary);
  border: 1px solid var(--blue-primary);
  padding: 15px;
  margin: 10px;
  height: 400px;
}

.saf-testimonials .single-block .description {
  margin: 20px 0px;
  height: 215px;
  overflow-y: auto;
}

/*-- srcoll top ----*/

#myBtn{
    display: none;
    position: fixed;
    bottom: 0px;
    right: 25px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background: var(--black-primary);
    color: var(--white-primary);
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 0px;
  }

  #myBtn i{
    color: var(--white-primary);
  }

  .whts-btn{
    position: fixed;
    bottom: 60px;
    right: 25px;
    z-index: 99;
    height: 55px;
    width: 55px;
  }

    /*-- srcoll top ----*/



/* ---- cart css -----*/

.card-toolbar .dropdown-inline .btn.btn-primary{
  color: var(--black-primary)!important;
  background-color: transparent!important;
  border-color: var(--black-primary)!important;
  border-radius: 1px!important;
}

.card-toolbar .dropdown-inline .btn.btn-primary:hover{
  color: var(--white-primary)!important;
  background-color: var(--black-primary)!important;
  border-color: var(--black-primary)!important;
  border-radius: 0px!important;
}

.btn.btn-light-success i{
  color: var(--black-primary)!important;
}

.btn.btn-light-success i:hover{
  color: var(--white-primary)!important;
}

.table .btn.btn-light-success {
  color: var(--black-primary)!important;
  background-color: #f9f9f9!important;
  border-color: transparent;
  border-radius: 0px!important;
}



.symbol .symbol-label{
  border-radius: 0px!important;
}

.table .btn.btn-light-success:hover {
  color: var(--white-primary)!important;
  background-color: var(--black-primary)!important;
  border-color: transparent;
}

.table{
  border:1px solid #dee2e6;
}

.table thead th{
  background: var(--black-primary);
  color: var(--white-primary);
  border: 1px solid #000000
}

.card-header:first-child{
  border-radius: 0!important;
}

.card{
  box-shadow: 0 0 0px 0 rgba(82,63,105,.05)!important;
  border: 0!important;
}

.btn.btn-danger {
  color: var(--black-primary)!important;
  background-color: transparent!important;
  border-color: var(--black-primary)!important;
  border-radius: 0;
}


.btn.btn-success {
  color: #fff;
  background-color: var(--black-primary)!important;
  border-color: var(--black-primary)!important;
  border-radius: 0px!important;
}




::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background-color: var(--black-primary);
}

.highlight-listbox::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
}

.highlight-listbox::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.highlight-listbox::-webkit-scrollbar-thumb
{
	background-color: #dadada;
}

@media (max-width:767px){
.highlight-listbox::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
}

.highlight-listbox::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.highlight-listbox::-webkit-scrollbar-thumb
{
	background-color: #F5F5F5;
}
}

.saf-programpage  .program-item .date{
  margin-bottom: 0px;
  text-transform: capitalize;
  width:100%;
  overflow-x: scroll;
}

.date::-webkit-scrollbar{
height: 3px;
}


.saf-programpage .program-item .date p{
  color:var(--black-primary);
  width: max-content;
  margin-bottom: 5px;
}

.saf-programpage  .program-item .venue{
  width:100%;
  overflow-x: scroll;
}

.venue::-webkit-scrollbar{
  height: 3px;
  }

  @media (max-width:767px){
    .program-item .col-md-6{
      max-width: 50%;
    }
  }



.saf-programpage  .program-item .venue p{
  color:var(--black-primary);
  width: max-content;
  margin-bottom: 5px;
}


.highlight-listbox 

.overlay-content{
  position: absolute;
    z-index: 1000000;
    width: 100%;
    height: auto;
    padding-left: 0;
    background: var(--white-primary);
    right: 0vw;
    top: -44px;
    padding: 2vw 0vw;
    transform-origin: top right;
    transition: 0.5s all;
    transform: scale(0);
    transition: transform 0.6s cubic-bezier(0.7, 0, 0.84, 0);
    margin-top:150px;
  }

  .overlay-content.openitem{
    transform: scale(1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    opacity: 1;
    transition-delay: 0.4s;
}


@media (max-width:767px){
  .overlay-content{
   
  }
}

.header-cart{
    background: transparent;
    position: absolute;
    right: 90px;
    top: 15px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    list-style-type:none;
}


.header-cart .cart-counter{
  background: transparent;
  position: absolute;
  right: 13px;
  top: 20%;
  height: 20px;
  width: 20px;
  line-height: 18px;
  cursor: pointer;
  background-color: #fff;
  color: var(--black-primary);
  border-radius: 50%;
  text-align: center;
  border: 1px solid var(--black-primary);
}

@media(max-width:767px){
  .header-cart .cart-counter {
    background: transparent;
    position: absolute;
    right: 20px;
    top: 25%;
    height: 16px;
    width: 16px;
    line-height: 15px;
    cursor: pointer;
    background-color: #fff;
    color: var(--black-primary);
    border-radius: 50%;
    text-align: center;
    border: 1px solid var(--black-primary);
}
}

/*--- fix mobile btn ---*/

.fixmob-btn{
  display: none;
}

@media (max-width:767px){
.fixmob-btn{
  background: var(--black-primary);
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.fixmob-btn ul{
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}

.fixmob-btn ul li{
  display: inline-block;
  width: 24%;
  text-align: center;
  border-right: 1px solid var(--white-primary);
}

.fixmob-btn ul li:last-child{
  border-right: 0px solid var(--white-primary);
}

.fixmob-btn i{
  color: var(--lightgrey-primary);
  font-size: 25px;
}

.fixmob-btn ul li .iconname{
  color:var(--white-primary);
  text-align: center;
  margin-bottom: 0;
}

#myBtn{
  bottom: 0px;
}

/* .whts-btn{
  display: none;
} */


}


.saf-testimonials .single-block .description::-webkit-scrollbar
{
	width: 2px;
	background-color: #F5F5F5;
}





/*---- confirm success page start ----*/

.confirmpage{
  padding: 60px 0px;
}

.message-card{
background: #f2f2f2;
padding: 30px 30px;
text-align:center;
margin: 10px 0px;
}

.message-card .title{
  font-size:36px;
  margin-bottom:10px;
  margin-top:10px;
  text-align:center;
}

.green{
  color:#60a360;
}

.red{
  color:#D06079;
}

.message-card .desc{
  font-size:18px;
  margin-bottom:5px;
  margin-top:5px;
  text-align:center;
}

.message-card a{
  font-size:16px;
  margin-bottom:5px;
  margin-top:5px;
  text-align:center;
}

.message-card img{
  width:90px;
}


svg {
  width: 100px;
  display: block;
  margin: 40px auto 0;
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
  .circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out;
  }
  .line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards;
  }
  .check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards;
  }




@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}


/*---- confirm success page end ----*/
/*---- confirm success page end ----*/

.theme-radio-inline {
    display: flex;
    align-items: center;
}

.theme-radio-inline {
    display: flex;
    align-items: center;
}

.theme-radio-inline input[type=radio] {
    border: 1px solid var(--black-primary);
    height: 15px;
    width: 15px;
    -webkit-appearance: none;
}
.theme-radio-inline input[type=radio]:checked {
    background: var(--black-primary);
    background-size: 5px 5px;
}
.theme-radio-inline label {
    margin: 0px 10px;
    font-size: 14px;
    text-transform: capitalize;
}

.theme-checkbox-inline {
    display: flex;
    flex-wrap: wrap;
}

.theme-checkbox-inline .checkbox-item {
    display: flex;
    align-items: center;
}

.theme-checkbox-inline .checkbox-item input[type=checkbox] {
    border: 1px solid var(--black-primary);
    height: 15px;
    width: 15px;
    -webkit-appearance: none;
}

.theme-checkbox-inline .checkbox-item input[type=checkbox]:checked {
    background: var(--black-primary);
    background-size: 5px 5px;
}

.theme-checkbox-inline .checkbox-item label {
    text-transform: none;
    font-size: 14px;
    color: var(--black-primary);
    margin: 0px 20px 0px 5px;
}
.theme-btn {
    border: 0px;
    border-radius: 0;
    background: transparent;
    color: var(--black-primary);
    text-transform: capitalize;
    font-size: 20px;
    text-decoration: underline;
    padding: 0;
}

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






/** No newline at end of file **/

.registerfrm .btn.btn-success{
  width:100%;
}

.volunteerfrm .btn.btn-success{
  width:100%;
}

@media (max-width:767px){
  .registerfrm .btn.btn-success{
    width:100%;
    font-size: 10px;
  }
  
  .volunteerfrm .btn.btn-success{
    width:100%;
    font-size: 10px;
  }
}

.marquee {
  width: 100%;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #ccc;
}

.theme-book-btn {
    font-size: 16px;
    color: var(--black-primary);
    text-transform: capitalize;
    text-decoration: underline;
}
.theme-book-btn:hover {
    font-size: 16px;
    color: var(--black-primary);
    text-transform: capitalize;
    text-decoration: underline;
}

#snackbar {
  visibility: hidden;
  min-width: 150px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 15px;
  padding: 6px;
  position: absolute;
  z-index: 1;
  bottom: -40px;
  right: 0%;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
/*  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;*/
/*  animation: fadein 0.5s, fadeout 0.5s 2.5s;*/
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 5px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 5px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 5px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 5px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
.exhibitionsingle #snackbar{
  right: unset !important;
  left: 30% !important;
}



#confirmRemoveModal .modal-dialog,
#confirmAlreadyAccountModal .modal-dialog{
  max-width: 500px!important;
}

#confirmRemoveModal .modal-body,
#confirmAlreadyAccountModal .modal-body{
  padding:0.5rem 0rem 0rem 0rem!important;
}

#confirmRemoveModal .modal-body h4,
#confirmAlreadyAccountModal .modal-body h4{
  text-align:center!important;
}

#confirmRemoveModal .btn.btn-primary,
#confirmAlreadyAccountModal .btn.btn-primary{
  background: var(--black-primary)!important;
  border-radius: 0!important;
  border-color: var(--black-primary)!important;
  color: var(--white-primary)!important;
}

@media (min-width: 576px){
  #confirmRemoveModal .modal-dialog ,
  #confirmAlreadyAccountModal .modal-dialog {
    max-width: 500px;
    margin: 12.75rem auto;
}
}

.ytp-chrome-top-buttons {
  display: none!important;
}

iframe .ytp-chrome-top.ytp-show-cards-title{
  opacity: 0!important;
}

#gif_new img{
  height: 30px;
    width: 30px;
    position: absolute;
    margin-left: -25px;
    margin-top: -5px;
    display: none;
}


  .experience-exhibitions form select{
    background: none!important;
  }


.high-load{
  height:120px;
  width:120px;
}

@media (max-width:767px){
.high-load{
  height: 75px;
  width:75px;
}
}

.card.card-custom>.saf-cart-head{
  padding: 0rem!important;
}

.card.card-custom>.saf-cart-body{
  padding: 0rem!important;
}

.singleprogbookbtn{
  color: var(--black-primary);
  text-decoration: underline;
  font-size: 20px;
  text-transform: capitalize;
  margin-top: 0px;
  margin-bottom: 15px;
  display: block;
  width: max-content;
}

.singleprogbookbtn:hover{
  color: var(--black-primary);
  text-decoration: none;
  font-size: 20px;
  text-transform: capitalize;
  margin-top: 0px;
  margin-bottom: 15px;
  display: block;
  width: max-content;
}

@media (max-width:767px){
  .singleprogbookbtn{
    margin-top:-44px;
  }

  .singleprogbookbtn:hover{
    margin-top:-44px;
  }
}

.programrightblock .icon{
  display: flex;
  justify-content: end;
}

.programrightblock .icon img{
  margin-right: 5px;
}

.programrightblock .icon i{
  margin-right: 0;
}

.safbkseat .modal-dialog{
  margin-top: 15%;
}

.safevbk .modal-dialog{
  margin-top: 15%;
}

.inner.show::-webkit-scrollbar{
  height: 5px;
  width: 5px;
}

@media (max-width:767px){
.safbkseat .modal-dialog{
  margin: 30% 15px;
}

.safevbk .modal-dialog{
  margin: 30% 15px;
}

}


.bootstrap-select .dropdown-menu.show{
  z-index: 999!important;
}


.saf-partner .slick-prev:before, .slick-next:before{
opacity: 1;
color: black;
}


.saf-vibepage .prev-arrow{
  background: none;
  border: 0;
  font-size: 36px;
  padding: 0;
}

.saf-vibepage .next-arrow{
  background: none;
  border: 0;
  font-size: 36px;
  padding: 0;
}

.saf-partner .slick-prev{
  top: -8%;
  left: 90%!important;
  position: absolute;
}

.saf-partner .slick-prev::before{
  content: '⟵'!important;
  font-size: 36px;
}

.saf-partner .slick-next{
  top: -8%;
  right: 2%;
  position: absolute;
}

.saf-partner .slick-next::before{
  content: '⟶'!important;
  font-size: 36px;
}

@media (max-width:767px){
  .saf-partner .slick-prev{
    top: -8%;
    left: 70%!important;
    position: absolute;
  }
  
.saf-partner .slick-next{
  top: -8%;
  right: 10%;
  position: absolute;
}
}



.findbadgeformtitle{
  color: var(--white-primary);
  margin-bottom: 20px;
  text-align:center;
  font-family: var(--secondary-family);
  font-size: 32px;
}


.findbadgeform{
  border-bottom: 1px solid #727272;
  margin-bottom: 30px;
  padding-bottom: 45px;
}


.findbadgeform .form-control {
  border: 1px solid var(--white-primary);
  border-radius: 0;
  background: var(--black-primary);
  color: var(--white-primary);
}

.findbadgeform input[type="submit"] {
  border: 1px solid var(--white-primary);
  border-radius: 0;
  background: var(--white-primary);
  color: var(--black-primary);
  width: 100%;
  height: calc(1.5em + 1.3rem + 2px);
  padding: 0.65rem 1rem;
}


.dropdownmenu{
  display: none;
}

.dropdownmenu li a{
  text-align:right;
}

.overlay .overlay-content .dropdownmenu li a{
  font-size: 2.8vw;
}

.dropdown-btn > a:before {
  float: right !important;
  content:"+";
  padding-left: 5px;
  line-height: 36px;
}
.activetoggle > a:before {
  float: right !important;
  content:"-";
  padding-left: 5px;
}


.faq-title{
  font-size: 36px;
  color: var(--black-primary);
}

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

.saf-faqpage .main-title{
  font-size: 80px;
  color: var(--black-primary);
/*  font-family: var(--secondary-family);*/
}

.saf-faqpage .sub-title{
  font-size: 18px;
  line-height: 24px;
  color: var(--black-primary);
  /*  font-style: italic;*/
  width: 55%;
}


.bggrey{
  background: var(--lightgrey-primary);
}

.info-title{
  font-size: 18px;
  color: var(--black-primary);
}

.info-desc{
  font-size: 15px;
  color: var(--black-primary);
}

.access-title{
  color: var(--black-primary);
  margin-left: 15px;
}

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

.access-title-block{
  display: flex;
}

.access-title-block i{
  height: 28px;
  width:28px;
  background: var(--black-primary);
  color: var(--white-primary);
  text-align:center;
  line-height: 26px;
}

.access-title-block img{
  height: 28px;
  width:28px;
}
 

.faq-link{
color: var(--blue-primary);
text-decoration: underline;
font-size: 20px;
text-transform: capitalize;
margin-top: 5px;
}

.faq-link:hover{
  text-decoration: none;
  color: var(--blue-primary);
}

.accessiblity-bglight{
  background:var(--white-primary);
  padding: 50px 0px;
}

.accessiblity-bgdark{
  background:#f3f3f3;
  padding: 50px 0px;
}

.comming_soon_home p{
  text-align: center;
  margin-bottom: 0px;
  font-size: 15px;
}


.logo-item{
  padding: 15px 20px;
}

.logo-item .logo-title{
  font-size: 20px;
  text-align: center;
  color: var(--black-primary);
}


@media (max-width:767px){
  .tvpartner .col-md-12{
    width:100%!important;
  }
  
  .mediapartner .col-md-12{
    width:100%!important;
  }
  
  .lifestylepartner .col-md-12{
    width:100%!important;
  }
}