*{
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 18px;
}
body{
  background-color: #eeeef0 !important;
}
h2, h3, h6, h5, h4, p{
  font-weight: 600 !important;
  color: #495057;
}
td{
  color: #495057;
}
a:hover {
    text-decoration: none !important;
    color: teal !important;
}
a > h6:hover {
  color: teal
}
a > h5:hover {
  color: teal
}
a {
    color: #495057 !important;
}
.navlinks{
  font-size: 20px;
  font-weight: 600;
}
.brand-logo{
    width: 250px;
}
.drawing-store-dropdown{
    width: max-content;
}
@media screen and (max-width: 574px) {
    .drawing-store-dropdown {
      width: 100%;
    }
  }
@media screen and (max-width: 578px) {
    .btn {
      margin-top: 7px;
    }
  }
 .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
.carousel{
  background-color: rgb(244, 161, 0);
}
.navbar{
  box-shadow: #495057;
}

.col-md{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 10px;
}
.hex {
  margin-top: 15px;
  margin-bottom: 15px;
  height: 130px;
  width: 130px;
  background: #00CBA9;
  -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.hex-row{
  display: grid;
  gap: 15px;
}
.hex-container{
  margin-top: 80px;
  color: #495057;
}
.hex-icon{
  color: white;
  width: 50px !important;
  height: 50px;
}
.divider{
  height: 6px;
  width: 100px;
  background-color: #138496;
  border-radius: 10px;
  margin-top: 18px;
  margin-bottom: 18px;
}
.circle-div{
  height: 50px;
  width: 50px;
  background-color: #FF5500;
  border-radius: 50%;
  margin-left: 1px;
}
.circle-icon{
  color: white;
  width: 23px !important;
  height: 23px;
}
.categories-div-a a{
  margin-right: 10px;
}
.categories-div-a{
  margin-left: 69px;
}
.review-div{
  padding: 30px;
  background-color: white;
}
.youtube{
  color: red;
}
.youtube-card-div{
  background-color: #eeeef0 !important
}
iframe{
  border: none;
}
.subscribe{
  background-image: url("/bg8.jpg");
  background-position: center bottom;
}

.social-icon{
  font-size: 40px;
  margin-right: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 578px) {
  .footer-links-div {
    display: flex;
    flex-direction: column;
    justify-content: start;
    margin-left: 40px;
  }
}