* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

  }







  body{

    background: #0B0B0B;

    font-family: poppins;

    font-weight: 400;

    font-style: normal;

    color: #000;

    font-size: 1em;

    line-height: 1.5;

    scroll-behavior: smooth;

  } 



  ::-webkit-scrollbar {

    width: 9px;

  }



  /* Track */



  ::-webkit-scrollbar-track {

    background: #0B0B0B;

  }



  /* Handle */

  ::-webkit-scrollbar-thumb {

    background: #202020;

    border-radius: 10px;

  }





  ::-moz-selection { /* Code for Firefox */

    color: #fff;

    background: #202020;

  }



  ::selection {

    color: #fff;

    background: #202020;

  }



 

section{

  position: relative;

      padding: 1em 0;

}







  img{

    width: 100%;
    border-radius: 20px;

  }



  ul{

    padding: 0;

    margin: 0;

  }



  li{

    list-style: none;

  }  



  h1{

    font-size: 2em;

    color: #fff;

    line-height: 1;

    font-weight: 600;

  }



  h2{

    font-size: 4em;

    color: #fff;

    font-weight: 600;

    line-height: 1;

  }



  h3{

    font-size: 1.5em;

    line-height: 1.3;

    color: #fff;

    font-weight: 600;

  } 



  h5{

    font-size: 1em;

    color: #0B0B0B;

    font-weight: 700;

  }



.card {

    border-radius: 25px;

    padding: 1.2em;

}

.spotlight{

  background: #985DE5;

  padding-bottom: 4em;

}

.caption {

    /* background: #fff; */

    border-radius: 15px;

    /* padding: 15px; */

    width: 95%;

    position: relative;

}

.caption .icon-emo {

    position: absolute;

    right: -20px;

    bottom: -25px;

    display: flex;

    align-items: end;

}

.caption .icon-emo img {

    width: 65px;

}



.swag-labs{

  background: #FF073A;

}

.swag-labs img {

    width: 80%;

}

.swag-labs .caption {

    background: transparent;

    position: static;

    bottom: 0;

    display: block;

    align-items: end;

    justify-content: space-between;

    width: 100%;

        padding-right: 30px;

}

.swag-labs .caption .icon-emo {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 35px;
}

.swag-labs .caption .icon-emo img {

    width: 65px;

}

.swag-labs .caption .icon-emo span {
    position: absolute;
    right: -5px;
    top: -20px;

}



/* .brandcare-originals img.brandcare-originals-banner {
    height: 50vh;
    object-fit: cover;
} */
.brandcare-originals .caption {

    background: transparent;

    position: absolute;

    bottom: -50px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    text-align: right;

    padding: 30px;

}

.brandcare-icon img {

    width: 50px;

}



form {

     padding: 4.5em 2em;

}

.form-control {

    background: #000;

    color: #fff;

    border: 1px #fff solid;

    border-radius: 50px;

    padding: 1.1em 1em;

}

.form-control:focus {

    color: #fff;

    background-color: #000;

    border-color: #fff;

    outline: 0;

    box-shadow: none;

}

.form-control::placeholder {

    color: #fff;

}



.form-control::-ms-input-placeholder {

    color: #fff;

}

.submit-div {

    display: flex;

    align-items: center;

}

.form-check a{

  display: block;

  font-size: 12px;

  text-decoration: none;

  color: #fff;

  margin-top: 10px;

}

.form-check-input {

    width: 20px;

    height: 20px;

    margin-top: .25em;

    border-radius: 50px;

    background-color: #000;

    border: 1px solid rgb(255 255 255);

  }

.form-check-input[type=checkbox] {

    border-radius: 50px;

}

.form-check-input:checked[type=checkbox] {

    background: url(../img/check.svg) center no-repeat;

}

.form-check-input:checked {

    background-color: #000;

    border-color: #ffffff;

}

.form-check-input:focus {

    border-color: #ffffff;

    outline: 0;

    box-shadow: none;

}

label{

    font-size: 12px;

    cursor: pointer;

}

button.btn {

    border: 1px #fff solid;

    background: #000;

    border-radius: 50px;

    width: 60px;

    height: 60px;

    margin-right: 20px;

}

.btn-check:focus+.btn, .btn:focus {

    outline: 0;

    box-shadow: none;

}

button.btn:hover{

  background: #FF073A;

  border: 1px #FF073A solid;

}



.just-In {

    background: #B6FF00;

        padding: 2em;

}

.just-In h1, .just-In h3, .just-In p, .what-you-say h1, .what-you-say h3{

  color: #0B0B0B;    

}

.emo{

  cursor: pointer;

}
img.emo{
  border-radius: 0;
}

.what-you-say{

  background: #39FF14;

}

.what-you-say img {

    width: 65px;

    position: absolute;

    right: 10px;

    top: 10px;

}

.what-you-say label.form-check-label {

    font-size: 18px;

    font-weight: 500;

}

.what-you-say label.form-check-label span{

  position: absolute;

  right: 0;

}

.what-you-say .form-check-input:checked[type=radio] {

    background: #985DE5;

}

.what-you-say .form-check-input {

    width: 20px;

    height: 20px;

    margin-top: .25em;

    border-radius: 50px;

    background-color: transparent;

    border: 2px solid #0B0B0B;

}

.form-check-label{

  position: relative;

  width: 100%;

}

.form-check-label:before {

    content: "";

    width: 100%;

    height: 7px;

    background: #000;

    position: absolute;

    bottom: -10px;

    right: 0;

    border-radius: 5px;

}



.birthday h1 {

    position: absolute;

    top: 12px;

    z-index: 9;

    left: 1em;

    right: 0;

}

.birthday span {

    font-size: 18px;

}

.birthday .icon-emo {
    position: absolute;
    top: 8%;
    transform: translateY(-50%);
    z-index: 9;
    right: 10px;
    display: flex;
    align-items: end;
}

.birthday .icon-emo img{
  width: 65px;
}
/* .birthday-item img {
    height: 420px;
    object-fit: cover;
} */


.slick-dots li button {

    font-size: 0;

    width: 10px;

    height: 10px;

    border: none;

    border-radius: 50px;

    scale: 0.5;

}

ul.slick-dots {

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

}

ul.slick-dots li {

    line-height: 1;

}

.slick-active button{

  background: #0B0B0B;

  scale: 1 !important;

}



.missing{

  background: #1F51FF;

  padding-bottom: 3em;

}



.missing .icon-emo img {

    width: 75px;

    position: absolute;

    right: 10px;

    top: 10px;

}

.today {

    display: flex;

    align-items: end;

    margin: 2px;

}

.today img {
    width: 50%;
    margin-right: 15px;
}

.today p {
    line-height: 1.3;
}




footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 2em;

}

footer p {

    font-size: 14px;

}

.logo {

    display: flex;

    align-items: center;

}

.logo img {

    width: 90px;

    margin-right: 20px;

    padding-right: 20px;
    border-radius: 0;

}

.logo a:first-child img {

  border-right: 1px #fff solid;

}

 

.desktop-hidden{

  display: none;

}



/* 
 div#bflowdata img {
    height: 325px;
    object-fit: cover;
} */

.spec-hover {
    background: #ff073a;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 50px;
    color: #ffffff;
}
.spec-hover:hover{
  color: #000;
}
.missing img {
    cursor: unset;
}

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

  h1 {

    font-size: 1.8em;

  }

  .birthday h1 {

      font-size: 1.5em;

      left: 1.4em;

  }

  form {

      padding: 5.5em 2em;

  }

}



@media only screen and (max-width: 1536px) {
  /* div#bflowdata img {
      height: 225px;
  } */

}

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

  h1 {

    font-size: 1.5em;

  }

  h3 {

    font-size: 1.1em;

  }

  

  .spotlight h1.mb-5, .spotlight h3.mb-5 {

      margin-bottom: 1em !important;

  }

  .what-you-say h3.mb-5 {

      margin-bottom: 1em !important;

  }

  .caption {

    width: 100%;

  }

.caption .icon-emo img, .swag-labs .caption .icon-emo img, .birthday .icon-emo img, .missing .icon-emo img {

      width: 50px;

  }

  .what-you-say img {

    width: 45px;

  }

  .brandcare-icon img {

      width: 40px !important;

  }

  .caption .icon-emo {

    right: -10px;

  }

  .swag-labs img {

      width: 90%;

  }


  .birthday-item img {
    height: 355px;
  }

  .what-you-say label.form-check-label {

      font-size: 15px;

  }

  .what-you-say .form-check-input {

    width: 18px;

    height: 18px;

  }

  .birthday span {

      font-size: 12px;

  }

.form-check a {

    margin-top: 5px;

}

  form {

      padding: 3.5em 2em;

  }



  button.btn {

    width: 50px;

    height: 50px;

    margin-right: 8px;

}

.today img {
    width: 50%;
  }

.just-In img {
    height: 315px;
    object-fit: cover;
}




}





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

  h1 {

        font-size: 1.2em;

  }

  h3 {

      font-size: 1em;

  }

  form {

      padding: 2.5em 2em;

  }

  .form-control {

    padding: 0.5em 1em;

  }

  .swag-labs img {

      width: 100%;

  }

  .today {

      display: block;

  }

  .what-you-say label.form-check-label {

        font-size: 12px;

    }

}



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

.mobile-hidden{

  display: none;

}

.desktop-hidden{

  display: block;

}



.swag-labs{

  margin-bottom: 1em;

}

  .swag-labs img {

    width: 100%;

}



.brandcare-originals {
  padding: 0 0.9em;
  margin-top: 2em;
  margin-bottom: 3em;
}

.brandcare-originals .caption h1 {

    font-size: 1.2em;

}

.brandcare-originals .caption {

  text-align: unset;

  padding: 0 1em;

  display: block;

  bottom: -20px;

  width: 90%;

  margin: 0 auto;

}

.brandcare-originals .caption .caption-icon{

    text-align: left;

}

.swag-labs .caption{

  left: 0;

}

.spotlight {

    padding-bottom: 3em;

}

.today img {

      width: 90%;

      margin-bottom: 1em;

  }

  .missing {

      padding-bottom: 0;

  }

form {

  padding: 1.5em 1em;

  margin-bottom: 1em;

}

.form-control {

    padding: 0.7em 1em;

}

.submit-div {

    margin-top: 2em;

    padding: 0 1em;

}

button.btn {

    margin-right: 20px;

}



.just-In {

  padding: 1em;

  margin: 0 0.9em;

}

.just-In img{

  margin-bottom: 1.5em;

}

.just-In h1.mb-5{

  margin-bottom: 1em !important;

}



.what-you-say {

    margin-top: 1em;

}

footer {

    flex-direction: column;

}

footer img{

  margin-bottom: 1.5em;

}

.logo img {

    width: 80px;

  }



}