@import url("https://fonts.maateen.me/bangla/font.css");

body {
  font-family: "Bangla", sans-serif;
}

.brand-name-font {
  font-size: 28px;
  color: #ffdc1f !important;
}

.menu-bar-font {
  font-size: 20px;
}

.custom-font-20 {
  font-size: 20px;
}

.custom-font-21 {
  font-size: 21px;
}

.custom-font-22 {
  font-size: 22px;
}

.p-font {
  font-size: 25px !important;
}

.white-font {
  color: white !important;
}

.yellow-font {
  color: #ffdc1f !important;
}

.ico-font{
    font-size:18px;
}

.watch-button {
  height: 44px;
  width: 168px;
  text-decoration: none !important;
  font-weight: bold;
  color: white !important;
  padding: 10px 24px 10px 24px;
  background-image: linear-gradient(rgb(248, 133, 2), rgb(241, 10, 10));
  box-shadow: 10px 10px 40px gray;
}

.product-button {
   color: #ffdc1f !important;
   background: rgb(1,6,24);
   background: linear-gradient(7deg, rgba(1,6,24,1) 16%, rgba(43,51,136,1) 100%); 
}
.product-button:hover{
    color: white!important;
    background-image: linear-gradient(rgb(33, 0, 122), rgb(16, 143, 247));
}

.menu-button {
   color: #ffdc1f !important;
   background: rgb(1,6,24);
   background: linear-gradient(7deg, rgba(1,6,24,1) 16%, rgba(43,51,136,1) 100%); 
}
.menu-button:hover{
    color: white !important;
    background-image: linear-gradient(rgb(33, 0, 122), rgb(16, 143, 247));
}

.acording-bg {
  background-color: #b8140c !important;
  border: 2px solid rgb(10, 97, 196);
  box-shadow: 10px 10px 40px rgb(219, 219, 219);
}

.custom-gradient-bg {
  background-image: linear-gradient(rgb(33, 0, 122), rgb(16, 143, 247));
  
}

.card-image {
  width: 100%;
  height: 200px;
}

.custom-service {
  border: 1px solid #4682f9;
}

.custom-service:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition-delay: 0.1s;
  opacity: 0.9;
}

.card-image:hover {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.custom-gradient {
  background: rgb(0, 5, 28);
  background: linear-gradient(
  160deg,
    rgb(46 70 183) 4%,
    rgb(29 28 49) 43%,
    rgb(3 88 148) 100%
  )
}


.paragraph-font {
  font-size: 20px;
}

.slider-image {
  width: 100%;
  height: 350px;
}

.my-slider{
    margin:0; 
    padding:0; 
}

@media only screen and (max-width: 600px) {
    .slider-image {
        width: 100%;
        height:200px;
    }
}