.navbar-dark .navbar-nav .nav-link {
  color: #fff !important;
}

body {
  font-family: "Druk Wide" !important;

  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Druk Wide" !important;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
  color: #e30b7b !important;
}


.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #e30b7b !important;
}
.banner-boxes a:hover,
.nav-button:hover,
.lft-rgt-flex-box a:hover,
.lft-rgt-flex-box a:hover,
.gallery-cap a:hover,
.card-bg a:hover {
  text-decoration: none !important;
  color: #fff !important;
 

}
.nav-button{margin-bottom:5px;}

.nav-button{
      position: relative;
         margin-bottom: 5px; 
    }

  .nav-button::before  {
      content: "";
      position: absolute;
      width: calc(100% + 16px);
 height: calc(100%);

    }

.nav-button:hover::before {
       border: 9px solid  #E30B7B !important;
    filter: blur(9.5px);
    top: -5px;
    left: -6px;
    width: calc(100% + 16px);
   height: calc(100% + 16px);
}
.banner-content a{
      position: relative;
         margin-bottom: 5px; 
    }

.banner-content a::before  {
      content: "";
      position: absolute;
      width: calc(100% + 16px); 
 height: calc(100% + 16px);

    }
header{position: absolute;top: 0;z-index: 1500;width: 100%;}
.banner-content a:hover::before {
    border-radius: 15px;
        border: 9px solid #E30B7B !important;
    filter: blur(9.5px);
    top: -5px;
    left: -6px;
    /* z-index: -2; */
    width: calc(100% + 16px);
   height: calc(100% + 16px);
}
.content-blocks a{
      position: relative;
         margin-bottom: 5px; 
    }

.content-blocks a::before  {
      content: "";
      position: absolute;
      width: calc(100% + 16px); 
 height: calc(100% + 16px);

    }

.content-blocks a:hover::before{
    border-radius: 15px;
        border: 9px solid #E30B7B !important;
    filter: blur(9.5px);
    top: -5px;
    left: -6px;
    /* z-index: -2; */
    width: calc(100% + 16px);
   height: calc(100% + 16px);
}
.banner-boxes a{
      position: relative;
         margin-bottom: 5px; 
    }

.banner-boxes a::before  {
      content: "";
      position: absolute;
      width: calc(100% + 16px); 
 height: calc(100% + 16px);

    }

.banner-boxes a:hover::before{
    border-radius: 15px;
       border: 9px solid #E30B7B !important;
    filter: blur(9.5px);
    top: -5px;
    left: -6px;
    /* z-index: -2; */
    width: calc(100% + 16px);
   height: calc(100% + 16px);
}
.lft-rgt-flex-box a{
      position: relative;
         margin-bottom: 5px; 
    }

.lft-rgt-flex-box a::before  {
      content: "";
      position: absolute;
      width: calc(100% + 16px); 
 height: calc(100% + 16px);

    }

.lft-rgt-flex-box a:hover::before{
    border-radius: 15px;
       border: 9px solid #E30B7B !important;
    filter: blur(9.5px);
    top: -5px;
    left: -6px;
    /* z-index: -2; */
    width: calc(100% + 16px);
   height: calc(100% + 16px);
}
.gallery-cap a{
      position: relative;
         margin-bottom: 5px; 
    }

.gallery-cap a::before  {
      content: "";
      position: absolute;
      width: calc(100% + 16px); 
 height: calc(100% + 16px);

    }
    .navbar-brand img {
      width: 160px;
    }
.gallery-cap a:hover::before{
    border-radius: 15px;
       border: 9px solid #E30B7B !important;
    filter: blur(9.5px);
    top: -5px;
    left: -6px;
    /* z-index: -2; */
    width: calc(100% + 16px);
   height: calc(100% + 16px);
}
.video-captions a{
      position: relative;
         margin-bottom: 5px; 
    }

.video-captions a::before  {
      content: "";
      position: absolute;
      width: calc(100% + 16px); 
 height: calc(100% + 16px);

    }

.video-captions a:hover::before{
    border-radius: 15px;
        border: 9px solid #E30B7B !important;
    filter: blur(9.5px);
    top: -5px;
    left: -6px;
    /* z-index: -2; */
    width: calc(100% + 16px);
   height: calc(100% + 16px);
}

.banner-content a:hover, .nav-button:hover, .content-blocks a:hover, .lft-rgt-flex-box a:hover, .gallery-cap a:hover, .video-captions a:hover, input.mailerlite-subscribe-submit:hover{
     border-radius: 15px  !important;box-shadow: 6px 6px 0px 0px #E30B7B  !important; border: 3px solid var(--2023-white, #FFF)  !important;background:#000 !important;
}
.banner-content a, .nav-button, .content-blocks a, .lft-rgt-flex-box a, .gallery-cap a, .video-captions a, input.mailerlite-subscribe-submit{
    border: 3px solid var(--2023-white, #FFF)  !important;
background: var(--2023-core-pink, #E30B7B)  !important;position: relative;
box-shadow: 6px 6px 0px 0px #E30B7B  !important;
}
.banner-boxes a, .bg-black2 .lft-rgt-flex-box a{
     border-radius: 15px  !important;box-shadow: 6px 6px 0px 0px #000 !important; border: 3px solid var(--2023-white, #FFF)  !important;background: #000 !important;
}
.banner-boxes a:hover, .bg-black2 .lft-rgt-flex-box a:hover{
    border: 3px solid var(--2023-white, #FFF)  !important;
background: var(--2023-core-pink, #E30B7B);
box-shadow: 6px 6px 0px 0px #E30B7B  !important;
}
.bg-black2 .lft-rgt-flex-box a:hover{background:#000 !important;}
/*Header*/

div,
section {
  scroll-margin-top: 5rem;
}

.nav-button:hover {
  border: 2px solid #fff;
  background: transparent;
}

.bg-black2 .lft-rgt-flex-box a:hover {
  border: 2px solid #fff;

  background: #e30b7b;
}

.content-blocks a:hover {
  border: 2px solid #fff;
color:#fff !important;
  background: #000;
}

.video-captions a:hover {
  border: 2px solid #fff;
color:#fff !important;
  background: #000;
}

.banner-boxes a:hover {
  border: 2px solid #fff;

  background: #e30b7b;
}

.banner-content a:hover,
.lft-rgt-flex-box a:hover,
.lft-rgt-flex-box a:hover,
.gallery-cap a:hover,
.card-bg a:hover {
  background: #000;

  text-decoration: none;
  color: #fff !important;
}

.bg-black2 .lft-rgt-flex-box a {
  color: #fff;

  border-radius: 15px;

  border: 2px solid #fff;

  background: #000;
}

a small {
  font-size: 50% !important;

  font-weight: 400;

  text-transform: none !important;
}
.djs-section a small{font-size: 80% !important;}
.cp{cursor: pointer;}
.pinkhover:hover{background:#E30B7B !important;color: #FFF !important;}
.w150{width: 150px;}
.wd45{width: 45px;}
.header_logo{width: 195px;}
.card-hover:hover .cp{background: #000 !important;color: white !important;cursor: pointer;}
.card-hover:hover{cursor: pointer;}
.card-bg a small {
  font-size: 65% !important;

  font-weight: 400;

  text-transform: initial !important;
}

.flx p {
  margin-top: 0;

  margin-bottom: 0;
}

#mc-embedded-subscribe:hover {
  background: transparent;
}

.black-bg {
  border-radius: 15px;

  border: 1px solid #fff;

  background: #000;
}

.fixed-nav {
  position: fixed !important;

  top:25px;

  right: 0;

  left: 0;

  z-index: 1030;

  margin-left: 50px;

  margin-right: 50px;
}

.fixed-nav .nav-link {
  font-size: 13px !important;
}

.fixed-nav .nav-button {
  font-size: 16px !important;
}



.nav-link {
  color: #fff;

  font-family: "Druk Wide" !important;

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

  line-height: 20px; /* 133.333% */

  text-transform: uppercase;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;

  margin-left: auto;
}

.pd-lrt-50 {
  padding-right: 50px;

  padding-left: 50px;

  padding-top: 50px;
}

.pd-t25{padding-top: 25px;}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 25px;

  padding-left: 25px;
}

.nav-button {
  color: #fff;

  border-radius: 15px;

  border: 2px solid #fff;

  background: #e30b7b;

  font-family: "Druk Wide" !important;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

  padding: 10px;
}

/*Banner*/

.banner {
  background-size: cover;

  background-repeat: no-repeat;
  background-color: #0a9db9;
}

#banner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #000, #000);
  opacity: 0.6;
  z-index: 0;
}

#banner .container{
    z-index: 1;
    position: relative;
}

.banner-logo {
  width: 250px;
}

.banner-content {
  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 40px;

  padding-top: 200px;

  padding-bottom: 70px;
}

.banner-content h3 {
  color: #fff;

  opacity: 0.75;

  text-align: center;

  font-family: "Druk Wide" !important;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.banner-content h1 {
  color: var(--2023-white, #fff);

  text-align: center;

  font-family: "Druk Wide" !important;

  font-size: 35px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.banner-content a {
  color: #fff;

  border-radius: 15px;

  border: 2px solid #fff;

  background: #e30b7b;

  font-family: "Druk Wide" !important;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

  padding: 10px;

  text-align: center;
}

.banner-content p {
  color: #fff;

  text-align: center;

  font-family: "Druk Wide" !important;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 30px; /* 150% */
}

.small,
.banner-content a small {
  font-size: 40%;

  font-weight: 400;

  text-transform: capitalize;
}

.banner-boxes h3 {
  color: var(--2023-white, #fff);

  text-align: center;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.pink-box {
  border-radius: 15px;

  border: 1px solid var(--2023-white, #fff);

  background: var(--2023-core-pink, #e30b7b);

  box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.1);

  padding: 20px 0px 20px 20px;

  display: flex;

  flex-direction: column;

  gap: 24px;

  margin-bottom: 30px;

  min-height: 275px;
}

.pink-box h4 {
  color: var(--2023-white, #fff);

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.pink-box h4 small {
  color: var(--2023-white, #fff);

  font-size: 10px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.ptb-50 {
  padding-top: 50px;

  padding-bottom: 50px;
}

.banner-boxes {
  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding-bottom: 50px;
  width: 100%;
}

.banner-boxes a {
  color: #fff;

  border-radius: 15px;

  border: 2px solid #fff;

  background: #000;

  font-family: "Druk Wide" !important;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

  padding: 10px;

  text-align: center;
}

.small,
.banner-boxes a small {
  font-size: 40%;

  font-weight: 400;

  text-transform: capitalize;
}

/*Section 2*/

.blue-bg {
  background: var(--2023-core-blue, #0a9db9);
}

.content-blocks {
  padding-top: 70px;

  padding-bottom: 70px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;
  gap: 25px;
  position: relative;
}

.content-blocks h4 {
  color: var(--2023-white, #fff);

  text-align: center;

  opacity: 0.75;

  font-family: Druk Wide;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.content-blocks h5 {
  color: var(--2023-white, #fff);

  text-align: center;

  opacity: 0.75;

  font-family: Druk Wide;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 30px; /* 150% */
}

.artist-sec h2 {
  color: var(--2023-white, #fff);

  font-family: Druk Wide;

  font-size: 55px;

  font-style: italic;

  font-weight: 500;

  line-height: 60px;

  text-transform: uppercase;

  text-align: center;

  margin-top: 20px;

  margin-bottom: 20px;
}

.content-blocks h3 {
  color: var(--2023-white, #fff);

  font-family: Druk Wide;

  font-size: 35px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
  opacity: 0.75;
}

.img-1 {
  position: absolute;

  top: 28%;

  width: 38%;

  left: 28%;
}

.img-2 {
  position: absolute;

  top: 61%;

  width: 38%;

  left: 35%;
}

.img-3 {
  position: absolute;

  top: 47%;

  width: 17%;

  right: 0;
}

.content-blocks a {
  color: #fff;

  border-radius: 15px;

  border: 2px solid #fff;

  background: #e30b7b;

  font-family: "Druk Wide" !important;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

  padding: 10px;

  text-align: center;
}

.flx {
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 20px;
}

.small,
.content-blocks a small {
  font-size: 40%;

  font-weight: 400;

  text-transform: capitalize;
}

.lft-rgt-flex-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rgt-flx,
.lft-flx {
  width: 50%;
}

.lft-flx {
  padding: 50px;

  width: 50%;

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 25px;
}

.lft-rgt-flex-box p {
  color: var(--2023-white, #fff);

  text-align: center;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 30px; /* 150% */
}

.lft-rgt-flex-box h3 {
  color: var(--2023-white, #fff);

  text-align: center;

  font-size: 35px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.lft-rgt-flex-box a {
  color: #fff;

  border-radius: 15px;

  border: 2px solid #fff;

  background: #e30b7b;

  font-family: "Druk Wide" !important;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

  padding: 10px;

  text-align: center;
}

.bg-black {
  display: flex;

  padding: 70px 50px;

  flex-direction: column;

  justify-content: flex-end;

  align-items: flex-start;

  gap: 50px;

  align-self: stretch;
  background: #000;
}

.card-section h2 {
  color: var(--2023-white, #fff);

  text-align: center;

  text-shadow: 0px 1px 50px #000;

  font-size: 35px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.card-bg h4 {
  color: var(--2023-white, #fff);

  font-family: Druk Wide;

  font-size: 23px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
  z-index: 2;
}

.card-bg h5 {
  z-index: 2;

  color: rgba(255, 255, 255, 0.75);

  font-family: Druk Wide;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 30px; /* 150% */
}

.card-bg a {
  z-index: 2;

  color: #fff !important;

  border-radius: 15px;

  border: 2px solid #fff;

  background: #e30b7b;

  font-family: "Druk Wide" !important;

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: capitalize;

  padding: 10px;

  text-align: center;
}

.card-bg a small {
  color: #fff;

  text-align: center;

  font-family: Druk Wide;

  font-size: 10px;

  font-style: normal;

  font-weight: 500;

  line-height: 20px; /* 133.333% */
}

.card-bg {
  background-position: center;

  background-size: cover !important;

  background-repeat: no-repeat;

  height: 54vh;
  border-radius: 20px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  padding: 25px;
  border: 1px solid #fff;

  gap: 10px;
}

.row {
  margin-right: 0 !important;

  margin-left: 0 !important;
}

.pt-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.bg-black2 {
  padding: 70px 0px;

  background: #000;
}

.star-rating {
  display: flex;

  justify-content: center;

  gap: 15px;
}

.slider {
  padding: 70px;
}

.slick-slide img {
  display: block;

  width: auto !important;
}

::placeholder {
  color: #fff;

  opacity: 1; /* Firefox */
}

.video-captions h2 {
  color: var(--2023-white, #fff);

  text-align: center;

  font-family: Druk Wide;

  font-size: 55px;

  font-style: italic;

  font-weight: 500;

  line-height: 60px; /* 109.091% */

  text-transform: uppercase;
}

.video-captions {
  position: absolute;

  top: 25%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  width: 100%;
  gap: 50px;
  
    padding: 0px 30px;
}

.gallery-cap {
  position: absolute;

  top: 25%;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  flex-direction: column;

  gap: 30px;
}

.gallery-cap h4 {
  color: var(--2023-white, #fff);

  text-align: center;

  text-shadow: 0px 1px 50px #000;

  /* H3 */

  font-family: Druk Wide;

  font-size: 35px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.left-sec-gallery,
.right-sec-gallery {
  position: relative;
}

.right-sec-gallery {
  margin-top: -235px;
}

.left-sec-gallery {
  margin-top: 50px;
}

.gall-caption h4 {
  color: #fff;

  /* H4 */

  font-family: Druk Wide;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.gall-caption p {
  color: var(--2023-white, #fff);

  /* Base Size */

  font-family: Druk Wide;

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 30px; /* 150% */
}

.gall-caption {
  position: absolute;

  bottom: 15px;

  left: 10px;
}

.bg-change {
  background: var(--2023-core-blue, #0a9db9);

  padding: 50px;
  transition: background-color 1s;
}

.gallery-flex {
  display: flex;
  position: relative;

  gap: 500px;

  align-items: center;

  justify-content: space-between;
  padding-top: 70px;
  padding-bottom: 70px;
}

.gallery-cap a {
  color: #fff;

  border-radius: 15px;

  border: 2px solid #fff;

  background: #e30b7b;

  font-family: "Druk Wide" !important;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

  padding: 10px;

  text-align: center;
}

.small,
.gallery-cap a small {
  font-size: 40%;

  font-weight: 400;

  text-transform: capitalize;
}

.video-captions a {
  color: #fff;

  border-radius: 15px;

  border: 2px solid #fff;

  background: #e30b7b;

  font-family: "Druk Wide" !important;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

  padding: 10px;

  text-align: center;
}

.small,
.video-captions a small {
  font-size: 40%;

  font-weight: 400;

  text-transform: capitalize;
}

input[type="email"] {
  overflow: visible;

  display: flex;

  width: 437px;

  padding: 11px 25px 15px 25px;

  align-items: flex-start;

  gap: 10px;

  border-radius: 5px;

  border: 1px solid var(--2023-white, #fff);

  background: transparent;

  color: #fff;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;

  display: block;

  padding: 10px 15px;

  margin-left: auto;

  margin-right: auto;

  border-radius: 15px;

  border: 2px solid var(--2023-core-pink, #e30b7b);

  background: var(--2023-core-pink, #e30b7b);

  color: #fff;

  margin-top: 25px;

  color: var(--2023-white, #fff);

  text-align: center;

  font-family: Druk Wide;

  font-size: 25px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;
}

.footer-sec {
  border-top: 1px solid var(--2023-white, #fff);

  background: var(--2023-black, #000);
  padding: 100px 30px;
}

.bord-padd {
  padding-bottom: 50px;

  border-bottom: 1px solid #ccc;
}

.padd {
  padding-top: 50px;
}

.padd .flexx {
  margin-bottom: 45px;
}

.links ul {
  list-style: none;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 25px;

  flex: 1 0 0;
}

.links ul li a {
  color: var(--2023-white, #fff);
  font-family: Druk Wide !important;
}

.links ul li {
  color: var(--2023-white, #fff);

  font-family: Druk Wide !important;

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

  line-height: 20px; /* 133.333% */

  text-transform: uppercase;
}

.copy-right p {
  color: var(--2023-white, #fff);

  font-family: Druk Wide;

  font-size: 10px;

  font-style: normal;

  font-weight: 500;

  line-height: 18px; /* 100% */
}

.social h4 {
  color: var(--2023-white, #fff);

  font-family: Druk Wide;

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

  line-height: 20px; /* 133.333% */

  text-transform: uppercase;
  margin-bottom: 30px;
}

.tia {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.d-none-desk {
  display: none;
}

.d-none-mobb {
  display: block;
}

.card-bg {
  position: relative;

  overflow: hidden;
}

.card-bg::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(
    180deg,
    rgba(241, 138, 192, 0) 21.88%,
    #f18ac0 100%
  );

  opacity: 0; /* Initially, the overlay is hidden */

  transition: opacity 0.3s; /* Add a smooth transition effect */
  border-radius: 20px;
}

/* Show the overlay on hover */

.card-bg:hover::before {
  opacity: 1; /* Make the overlay fully visible on hover */
  border-radius: 20px;
}

.sticky-mob {
  display: none;
}

.sticky-mob .nav-button {
  color: #fff;

  border-radius: 0px;

  border: 2px solid #fff;

  background: #e30b7b;

  font-family: "Druk Wide" !important;

  font-size: 25px !important;

  font-style: normal;

  width: 100%;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

  display: flex;

  padding: 10px;

  align-items: center;

  justify-content: center;

  gap: 14px;
}

/*----------------*/

@media (min-width: 501px){
   .blogbody {
        padding-top: 200px;
    } 
}

@media (max-width: 500px){
    .blogbody {
        padding-top: 150px;
    }   
}
/*----------------*/

@media only screen and (max-width: 768px) {
    .sticky-mob .pink-btn{
        font-size: 14px !important;
    }
    .banner {
    position: relative;
    margin-top: -370px !important;
    /* Default styles for the banner */
}
.mailerlite-subscribe-submit{
    font-size: 14px !important;
}

    .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background: #000;
    border-radius: 15px;
    border: 1px solid #fff;
    margin-top: 16px;
}
    .fixed-nav .navbar-brand img {
  width: 160px;
}
  .banner-content {
    gap: 25px;
  }

  .gallery-flex {
    gap: 350px;

    padding-top: 0;

    padding-bottom: 0;
  }

  .lft-rgt-flex-box p {
    font-size: 14px;
  }

  .lft-rgt-flex-box h3 {
    font-size: 16px;
  }

  .content-blocks h4 {
    font-size: 18px;
  }

  .pink-box {
    gap: 15px;

    justify-content: flex-start;

    align-items: center;

    min-height: auto;

    height: 100%;
    padding: 10px;
  }

  .odd {
    flex-direction: column-reverse !important;
  }

  .card-bg h5 {
    font-size: 12px;
  }

  .card-section h2 {
    font-size: 20px;
    padding-bottom: 25px;
  }

  .card-bg h4 {
    font-size: 14px;
  }

  .banner-content h3 {
    font-size: 16px;
  }

  .banner-content h1 {
    font-size: 19px;
  }

  .banner-content p {
    display: none;
  }

  .banner-boxes h3 {
    font-size: 19px;
  }

  .pink-box svg {
    width: 10%;
  }

  .pink-box h4 {
    margin-bottom: 0px;
    font-size: 16px;
    text-align: center;
  }

  .container-fluid.pd-lrt-50 {
     padding:40px 10px !important;
  }

  .content-blocks h3 {
    color: var(--2023-white, #fff);

    font-family: Druk Wide;

    font-size: 18px;
  }

  .banner-content {
    padding-top: 70px;

    padding-bottom: 70px;
  }

  .fixed-nav {
    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1030;

    margin-left: 10px;

    margin-right: 10px;

    margin-top: 0px;
  }

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

  a small {
    font-size: 11px !important;
  }

  .img-1 {
    position: absolute;

    top: 41%;

    width: 38%;

    left: 28%;
  }

  .img-2 {
    position: absolute;

    top: 72%;

    width: 38%;

    left: 35%;
  }

  .img-3 {
    position: absolute;

    top: 58%;

    width: 24%;

    right: 74px;
  }

  a {
    width: 90%;
  }

  .sticky-mob {
    position: fixed;

    bottom: 0;

    width: 100%;
    display: flex;
    z-index: 4;
  }

  .d-none-mobb {
    display: none;
  }

  .d-none-desk {
    display: block;
  }

  a {
    font-size: 16px !important;
  }

  .padd .flexx {
    margin-bottom: 45px;

    display: flex;

    gap: 11px;

    justify-content: left;
  }

  .copy-right p {
    color: var(--2023-white, #fff);

    font-family: Druk Wide;

    font-size: 13px;

    font-style: normal;

    font-weight: 500;

    line-height: 22px;

    text-align: center;
  }

  .tia {
    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-direction: column;

    gap: 23px;
    margin-bottom: 40px;
  }

  .links ul {
    margin-left: 0;

    padding-left: 0;
  }

  .video-captions {
    top: 40%;

    gap: 10px;
  }

  .video-captions a {
    font-size: 18px;
  }

  .video-captions h2 {
    font-size: 15px;

    line-height: normal;
  }

  input[type="email"] {
    overflow: visible;

    display: flex;

    width: 100%;
  }

  [type="reset"],
  [type="submit"],
  button,
  html [type="button"] {
    -webkit-appearance: button;

    font-size: 20px;
  }

  .slider {
    padding: 10px;
  }

  .flexx a {
    width: auto;
  }

  .footer-sec {
    padding: 50px 30px;
  }

  .bord-padd {
    padding-bottom: 25px;

    border-bottom: 1px solid #ccc;
  }

  .gallery-flex {
    display: flex;

    flex-direction: column;
  }

  .left-sec-gallery {
    margin-top: 0;
  }

  .gallery-cap {
    position: absolute;
    top: 40%;
  }

  .gallery-cap h4 {
    font-size: 18px;
  }

  .right-sec-gallery {
    margin-top: 0;
  }

  .artist-sec h2 {
    font-size: 29px;

    line-height: 39px;

    margin: 10px;
  }

  .lft-rgt-flex-box {
    flex-direction: column;
  }

  .row {
    margin-right: 0;

    margin-left: 0;
  }

  .rgt-flx,
  .lft-flx {
    width: 100% !important;
  }

  .content-blocks {
    gap: 5px;
  }

  .d-none-mob {
    display: none;
  }

  .pd-lrt-50 {
    padding-right: 10px;

    padding-left: 10px;

    padding-top: 10px;
  }

  .bg-black {
    display: flex;

    padding: 50px 20px;
  }

  .bg-black2 {
    padding: 50px 0px;

    background: #000;
  }

  .pt-70 {
    padding-top: 0px;

    padding-bottom: 0px;
  }

  .lft-flx {
    padding: 15px;
  }

  .mb-toggler-align {
    display: flex;

    width: 100%;

    justify-content: space-between;

    align-items: center;
  }

 .black-bg {
    border-radius: 15px;
    border: 1px solid #fff0;
    background: #0000;
    justify-content: center;
}

  .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);

    border-color: rgba(255, 255, 255, 0.1);

    margin: 0;
  }

  .content-blocks h3 {
    text-align: center;
  }
}

@media only screen and (min-width: 1600px) {
  .lft-rgt-flex-box img {
    width: 100%;
  }
}

@media only screen and (max-width: 1606px) and (min-width: 1600px) {
  .card-bg {
    height: 42vh;
  }
}

@media only screen and (min-width: 2048px) {
  .card-bg {
    height: 42vh;
  }
}

@media only screen and (min-width: 2400px) {
  .card-bg {
    height: 60vh;

    padding: 50px;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 820px) {
  .col-md-3 {
    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 55%;

    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1025px) and (min-width: 1200px) {
  .card-bg {
    height: 77vh;
  }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
    #mobileMenuButton{
        margin-top:0px !important;
    }
     .pop-right img{width: 48% !important;display:none;}
  .card-bg a small {
    font-size: 64% !important;

    font-weight: 400;

    text-transform: capitalize !important;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;

    flex: 0 0 50%;

    max-width: 55%;

    margin-bottom: 20px;
  }

  .sticky-mob {
    position: fixed;

    bottom: 0;

    width: 100%;
    display: flex;
    z-index: 4;
	  border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .d-none-mobb {
    display: none;
  }

  .d-none-desk {
    display: block;
  }

  .artist-sec h2 {
    color: var(--2023-white, #fff);

    font-family: Druk Wide;

    font-size: 29px;
  }

  .video-captions h2 {
    color: var(--2023-white, #fff);

    text-align: center;

    font-family: Druk Wide;

    font-size: 37px;
  }

  .video-captions {
    position: absolute;

    top: 20%;
  }

  .col-md-3,
  .col-md-4 {
    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;
  }

  .gallery-flex {
    flex-direction: column;
  }

  .right-sec-gallery {
    margin-top: 0;
  }

  .left-sec-gallery {
    margin-top: 0;
  }

  .gallery-cap {
    position: absolute;

    top: 43%;
  }

  .slider {
    padding: 0;
  }

  .mb-toggler-align {
    display: flex;

    width: 100%;

    justify-content: space-between;

    align-items: center;
  }

  .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);

    border-color: rgba(255, 255, 255, 0.1);

    margin-left: auto;

    margin-right: 0;
  }

  .nav-button {
    margin-left: auto;

    margin-right: auto;
  }

  a {
    font-size: 19px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  p {
    font-size: 16px !important;
  }

  input[type="email"] {
    overflow: visible;

    display: flex;

    width: 100%;
  }

  .bg-black {
    display: flex;

    padding: 50px 50px;
  }

  .pt-70 {
    padding-top: 30px;

    padding-bottom: 30px;
  }

  .bg-black2 {
    padding: 100px 0px;

    background: #000;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  .card-bg h4 {
    font-size: 20px;
  }

  .card-bg h5 {
    z-index: 2;

    font-size: 16px;
  }

  .card-bg a {
    font-size: 17px;
  }

  .bg-black2 {
    padding: 60px 0px;

    background: #000;
  }

  .bg-black {
    padding: 60px 0px;

    background: #000;
  }

  .card-bg {
    height: 62vh;
  }
}

@media only screen and (min-width: 1920px) and (max-width: 1980px) {
  .artist-sec h2 {
    font-size: 70px;
    line-height: 56px;
  }

  .content-blocks h4 {
    font-size: 40px;
  }

  .content-blocks h5 {
    font-size: 36px;

    line-height: 1px;
    margin-bottom: 30px;
  }

  a small {
    font-size: 75% !important;
  }

  .card-bg a {
    font-size: 30px;
  }
}

@media only screen and (min-width: 2000px) and (max-width: 2100px) {
  .artist-sec h2 {
    font-size: 75px;
    line-height: 61px;
  }

  .content-blocks h4 {
    font-size: 40px;
  }

  .content-blocks h5 {
    font-size: 36px;

    line-height: 1px;
    margin-bottom: 40px;
  }

  .card-bg a {
    font-size: 35px;
  }

  a small {
    font-size: 75% !important;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1480px) {
  .artist-sec h2 {
    font-size: 50px;
    line-height: 45px;
  }

  .content-blocks h4 {
    font-size: 30px;
  }

  .content-blocks h5 {
    font-size: 26px;

    line-height: 1px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1380px) {
  .artist-sec h2 {
    font-size: 48px;
    line-height: 45px;
  }

  .content-blocks h4 {
    font-size: 30px;
  }

  .content-blocks h5 {
    font-size: 26px;

    line-height: 1px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 2400px) {
  .artist-sec h2 {
    font-size: 95px;
    line-height: 81px;
  }

  .content-blocks h4 {
    font-size: 50px;
  }

  .content-blocks h5 {
    font-size: 46px;

    line-height: 1px;
    margin-bottom: 50px;
  }

  .card-bg a {
    font-size: 39px;
  }

  a small {
    font-size: 79% !important;
  }
}

.mobileonly{
    display: none;
}

@media (max-width: 780px) {

    .mobileonly{
        display: block;
    }

    .hideonmobile{
        display: none;
    }

    .bg-change, .card-section{
        padding: 50px 0;
    }

    .card-section h2{
        font-size: 16px;
    }

    .card-bg h4{
        font-size: 16px;
    }

    .card-bg h5 {
        font-size: 13px;
        line-height: 1.2;
    }

    .card-bg a{
        width: 100%;
    }

    .card-bg a small{
        font-size: 11px !important;
    }

    .card-section .col-md-3{
        padding: 15px 0;
    }

    .card-section .card-bg{
        justify-content: center;
        text-align: center;
    }

    .card-section .card-bg h5 br{
        display: none;
    }

}

.w100{
    width: 100%;
}

.mobileheadercards{
    width: 100%;
    margin-top: 25px;
    padding-bottom: 35px;
}

.mobileheadercards .slick-track
{
    display: flex !important;
}

.mobileheadercards .slick-slide
{
    height: inherit !important;
}

.mobileheadercards .slick-dots li button:before{
    opacity: .75;
    color: #FFF;
    font-size: 12px;
}

.mobileheadercards .slick-dots li.slick-active button:before{
    color: #e30b7b;
}

#artist .mobileonly img{
    margin: 25px 0;
    width: 100%;
}

.banner {
    position: relative;
    margin-top: -150px;
    /* Default styles for the banner */
}

.navbar-toggler:focus {
    outline: none; /* Remove the default focus outline */
}

.navbar-toggler:focus ~ .banner {
    position: relative;
    margin-top: -250px; /* Adjust the margin as needed */
    /* Add any other styles you want to apply when the toggler is focused */
}
    .insta-feed{
    background: #000;
    padding-top: 30px;
    padding-bottom: 30px;
}
.insta-sec{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;color: #fff !important;
}
.insta-sec a {
    color: #dee2e6;}
.footer-sec .links ul{padding: 0px;}
#myNavbar{
  position: fixed;
  left: 0;
  right: 0;
  top: 25px;
  z-index: 1030;
  margin-left: 50px;
  margin-right: 50px;
}
/*.pop-items img{width: 40px !important;}*/
.popupbody .form-container .nav-button{font-size:22px !important;}

/* CTA image right*/
.pop-right img{
    /*width: 100%;*/
}
@media (max-width: 750px) {
  #myNavbar{margin-left: 5px;
    margin-right: 5px;}
  .hero-section h2{padding-top: 20px !important;padding-bottom: 7px !important;}
  .djs-section h2{font-size: 22px;}
  .hero-section .description p{margin-right: 75px;}
  .passes-section h2{font-size: 22px;}
  .contact-section h2{font-size: 22px;}
  .m-pdng{padding: 23px 0px;}
  .eww h2{font-size: 22px;margin-top: 16px;}
  .vp-video-wrapper video{object-fit: cover !important;}
  .vp-video-wrapper video{object-fit: cover !important;}
  .vp-video-wrapper.transparent{height: 100%;}
  .tia img{width: 20px !important;}
  .player .vp-video-wrapper{overflow: visible !important;}
  .vp-center{align-items: normal !important;}
  .mob_radius img{border-top-right-radius: 100px;}
  /*.pop-heading{font-size: 13px !important;}*/
  .item-container{display: block !important;}
  .pop-items img{width: 25px !important;}
  .pop-items{font-size: 10px !important;padding: 10px 15px !important;margin-bottom: 5px;align-items: center;gap: 5px;justify-content: left !important;flex-direction: row !important;}
  .popupbody .form-container{display: block !important;}
  .popupbody .form-container .nav-button{font-size: 14px !important;width: 100% !important;}
  .pop-left{padding:20px 15px 25px !important;overflow: hidden;}
  .pop-left .form-container{padding-top: 6px !important;}
  .pop-main-container{
    display: flex !important;
    flex-direction: column;
    grid-template-columns: auto !important;
  }
  /*.pop-right{text-align: center;margin: 9px 0px;}*/
  /*.pop-right img{width: 40% !important;display:none;}*/
  .pop-subheading{margin-top:5px !important;font-size: 11px !important;}
}
#mobileMenuButton{padding: 5px 8px;font-size: 15px;}
.m-pl0{padding-left: 0px;}
@media (max-width: 767px) {
.m-pl0{padding-left: 15px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1025px) {
.eww p{font-size: 15px;}
.eww h2{font-size: 26px;}
}
.pass_mob{display: flex;align-items: center;border-top:2px solid #FFF;justify-content: center;border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 60px;}
@media (max-width:500px) {
/* .pop-right img{display: none !important;} */



.pop-up-btn{
    width: 100% !important;
    font-size: 14px !important;
}
}
@media only screen and (max-width: 992px) {
    
    .pop-main-container {
    grid-template-columns: none !important;
}
    
.black-bg {background:#000 !important;}
}

.sticky-mob .pink-btn {
  background-color: #E30B7B;
  color: white;
  padding: 10px;
  box-shadow: none;
}

.sticky-mob .pink-btn:hover{background-color: #F49236 !important;}

.wh32 {
  width: 31px;
  height: 31px;
}

}