::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: #ff0083;
}

::selection {
  color: white;
  background: #ff0083;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #b41d8d;
  background-image: url('../assets/img/content-bg.jpg');
  font-f amily: 'Hind Siliguri';
  font- family: 'Tiro Bangla';
  font-family: 'Noto Sans Bengali';
  font-size: 1.1rem;
}

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

.show-red {
  border: 1px solid red;
}

.h1 {
  color: #671051;
}

.btn {
  opacity: 0.9;
}

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.videos{
  max-width: 90%; 
  background: black;
   padding: 10px; 
   border-radius: 20px; 
   border: 4px ridge #ec0089;
}

.buy-tab {
  max-width: 130px;
  background-color: #ec0089;
  z-index: 5;
  border-radius: 10px;
}

.buy-img {
  height: 60px;
  width: 150px;
}

.branding {
  writing-mode: vertical-lr;
  text-orientation: upright;
  color: #ec0089;
  font-we ight: bold;
  letter-spa cing: 4px;
}

.brandd {
  max-height: 130px;
}

.section1 {
  position: relative;
  top: -40px;
}

.section {
  margin-top: 5%;
}

.liste:hover {
  color: #ec0089;
}

.accordion-button:not(.collapsed) {
  background-color: #ec0089;
  color: white;
}

.accordion-body {
  background-color: #ec008912 !important;
}

.accordion {
  --bs-accordion-btn-focus-border-color: red !important;
}


/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 1366px) {
  .buy-tab{
    max-width: 120px;
  }
  
  .navbar-brand img{
    max-height:  60px;
  }

  .buy-img{
    height: 50px; 
    width: 150px;
  }
  
  .brandd {
    max-height: 90px;
  }

  .videos{
    max-width: 70%;
  }

}

@media (max-width: 1200px) {
  .contact1-form {
    width: 44%;
  }
}

@media (max-width: 992px) {
  .section1 {
    position: relative;
    top: -5px !important;
  }

  .navbar {
    background-color: white !important;
    position: relative !important;
    opacity: 0.8 !important;

  }
}

@media (max-width: 768px) {
  .brandd {
    max-height: 60px;
  }
  .videos{
    max-width: 95%;
  }
}

@media (max-width: 576px) {
  .container-contact1 {
    padding: 90px 15px 88px 15px;
  }
}

@media (max-width: 400px) {
  .navbar-brand img{
    max-height:  45px;
  }

}

@media (max-width: 320px) {
  .navbar-brand img{
    max-height:  35px;
  }

}