/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  color: rgb(var(--bs-tertiary-color-rgb));
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.custom-header .navbar-brand{
  width: 18%;
}

.custom-header .nav-item a.active{
  text-decoration: underline;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.banner-notice{
  background-color: #ff0000ad;
  color: var(--bs-primary-text);
  padding: 0.5rem 0;
  text-align: center;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.banner-notice .announcement{
  width: 43px;
  margin-right: 17px;
  vertical-align: middle;
}

.typedCont{
  min-height: 210px;
  /* height: 210px; */
}
.typedCont p{
  text-transform: uppercase;
}
.home-how-section-2{
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
}

.mainSlider .carousel-item{
  height: 27rem;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .card-deck .card {
  margin-right: 15px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .marketing .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
}
.marketing .card-deck .card .img-bg{
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
}

.marketing .card-deck .card .card-footer{
  background-color: transparent;
  border-top: 0;
}
.marketing .col-lg-4 a{
  /* bottom:1rem; */
}

.testimonialSlider .carousel-item{
  height: 15rem;
}

.testimonialSlider .card-title, .testimonialSlider .card-subtitle{
  font-weight: 700;
}

.newItems .col-lg-6 {
  height: 14rem;
}

.newItems .col-lg-6 a{
  bottom:1rem;
}

#carouselTestimonials .carousel-control-prev{
  left: -125px;
  top: -50px;
}
#carouselTestimonials .carousel-control-next{
  right: -125px;
  top: -50px;
}
@media (max-width: 1024px) {
  .custom-header .navbar-brand{
    width: 20%;
  }
  .custom-header .nav-item .nav-link{
    margin: 0px !important;
    padding: 5px;
    font-size: 17px !important;
  }
  #carouselTestimonials .carousel-control-next{
    right: -42px;
  }
  .mainSlider .carousel-item{
    height: auto;
  }
  
  .banner-notice{
    position: relative;
  }
  .testimonialSlider .carousel-item{
    height: 18rem;
  }
  .typedCont{
    min-height: 255px;
    /* height: 210px; */
  }
}
@media (max-width: 768px) {
  .custom-header .nav-item .nav-link{
    padding: 4px;
    font-size: 12px !important;
  }
  .testimonialSlider .carousel-item{
    height: 20rem;
  }
}
@media (max-width: 576px) {
  .custom-header .navbar-brand{
    width: 40%;
  }
  .custom-header .nav-item .nav-link{
    font-size: 18px !important;
  }
  #carouselTestimonials .carousel-control-next, #carouselTestimonials .carousel-control-prev{
    display: none;
  }

  .testimonialSlider .carousel-item{
    height: 30rem;
  }
  .typedCont{
    min-height: 280px;
    /* height: 210px; */
  }
}
/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


.form-control-dark {
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle:not(:focus) {
  outline: 0;
}

.team .custom-col{
  min-height: 190px;
}
.team .custom-col>div{
  min-height: 100%;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
}


/* The Modal (background) */
#image-viewer {
  display: none;
  position: fixed;
  z-index: 1031;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}
.modal-content {
  margin: auto;
  display: block;
  height: 100%;
  width: auto;
}
.modal-content { 
  animation-name: zoom;
  animation-duration: 0.6s;
}
@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
#image-viewer .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
#image-viewer .close:hover,
#image-viewer .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .modal-content {
    height: 96%;
    margin-top: 40px;
  }
}
@media (max-width: 576px) {
  .modal-content {
    width: 95%;
    height: auto;
    margin-top: 63px;
  }
}

.text-danger{
  color: #ff0000 !important;
}
.text-dark{
  color: #000 !important;
}
.fs-5-5 {
  font-size: 1.1rem !important;
}
.btn-danger{
  background-color: #ff0000;
  border-color: #ff0000;
}
.btn-danger:hover{
  background-color: #ff0000;
  border-color: #ff0000;
}
.btn-danger:focus{
  background-color: #ff0000;
  border-color: #ff0000;
}
.btn-danger:active{
  background-color: #ff0000;
  border-color: #ff0000;
}
.btn-danger:disabled{
  background-color: #ff0000;
  border-color: #ff0000;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active{
  background-color: #ff0000;
  border-color: #ff0000;
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus{
  background-color: #ff0000;
  border-color: #ff0000;
}
.btn-danger:not(:disabled):not(.disabled).active:hover, .btn-danger:not(:disabled):not(.disabled):active:hover{
  background-color: #ff0000;
  border-color: #ff0000;
}

.bg-dark{
  background-color: #000 !important;
}