* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body {
  font-family: "Poppins", sans-serif;
}
html {
  scroll-behavior: smooth;
}
:root {
  --main-color: #dc3545;
  --shadow-color: rgb(220 53 69);
  --white-color: #fff;
  --dark-color: #282121;
  --footer-muted-text-color: #b5afaf;
}
::selection {
  background: var(--main-color);
  color: var(--white-color);
}
/* Reset Bootstrap Defult BG Color */
.bg-light {
  background-color: #f7f4f4 !important;
}
.bg-dark {
  background-color: var(--dark-color) !important;
}
.bg-input {
  background-color: var(--footer-muted-text-color);
}
.text-footer {
  color: var(--footer-muted-text-color);
}
/* Reset Bootstrap Form */
.form-control {
  border: none !important;
}
.form-control:focus {
  box-shadow: 0 0 0 0.11rem var(--shadow-color);
}
.form-select {
  border: none !important;
}
.form-select:focus {
  box-shadow: 0 0 0 0.11rem var(--shadow-color);
}
select option:checked {
  background: var(--main-color);
  color: var(--white-color);
}
.form-check-input:checked {
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
}
.form-check-input:focus {
  box-shadow: 0 0 0 0.11rem var(--shadow-color);
}
/* Reset Bootstrap Accordion */
.accordion-button:focus {
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  color: var(--main-color);
  background-color: var(--white-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dc3545'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/* Reset Bootstrap Popover */
.btn-close {
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat;
}
/* Reset Bootstrap DropDown list */
.nav-link.active {
  color: var(--white-color) !important;
  background-color: var(--main-color) !important;
}
.dropdown-item:active {
  color: var(--white-color) !important;
  background-color: var(--main-color) !important;
}
/* h1 font size change */
h1 {
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: 4rem;
  }
}
/* Heading Underline */
h2 {
  position: relative;
}
h2::after {
  content: "";
  width: 50px;
  height: 3px;
  position: absolute;
  background-color: var(--main-color);
  left: 50%;
  bottom: -5px;
  transform: translate(-50%, 5px);
}
h3 {
  position: relative;
}
h3::after {
  content: "";
  width: 50px;
  height: 3px;
  position: absolute;
  background-color: var(--main-color);
  left: 0;
  bottom: -5px;
  transform: translate(0%, 5px);
}
/* Line Height on every P Tag */
p {
  line-height: 2;
}
.capital::first-letter {
  font-weight: bold;
  font-size: x-large;
}
/* Hover Effect on every FA fab class */
.fab:hover {
  color: var(--main-color);
}
/* Owl Carosel Dot color change */
.owl-dot.active span {
  background: var(--main-color) !important;
}
/* Banner Section */
.carousel-item img {
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  height: 90vh;
}
.overlay {
  background: linear-gradient(
    180deg,
    rgba(9, 9, 9, 1) 0%,
    rgba(255, 255, 255, 0) 50%
  );
  position: relative;
  width: 100%;
  height: 90vh;
  z-index: 2;
}
.contentBox {
  position: absolute;
  top: 10%;
  left: 25%;
  transform: translate(-25%, -10%);
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .carousel-item img {
    height: 70vh;
  }
  .overlay {
    height: 70vh;
    background: linear-gradient(
      90deg,
      rgba(9, 9, 9, 1) 0%,
      rgba(255, 255, 255, 0) 70%
    );
  }
  .contentBox {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
/* Gelary */
#galary .container {
  column-count: 4;
}
@media screen and (max-width: 768px) {
  #galary .container {
    column-count: 2;
  }
}
.glow {
color: blue;
 animation: blink 1s steps(1, end) infinite;
}
.glow::after {
    content: "";
    width: 0px; 
    height: 0px;
   
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}