/*-- Header --*/

.header .navbar-nav .nav-link {
  text-transform: uppercase;
  line-height: 36px;
  font-size: 0.85rem !important;
}

.header .navbar .active > .nav-link {
  color: #cb1d32;
}

.header .container {
  max-width: 1400px;
}

.header .header-info-logo-img img {
  width: 288px;
}

.cw-header-contact {
  padding: 2px 6px;
  color: #fff;
  font-weight: 700;
}

.cw-phone {
  color: #fff;
}

.cw-phone:hover {
  color: #e4e4e4;
}

.cw-address {
  font-size: 0.9rem;
}

.cw-phone:before {
  display: inline-block;
  margin-right: 0.35rem;
  font-family: FontAwesome;
  content: "\f095 ";
  color: #fff;
  font-weight: 400;
}

.cw-address:before {
  display: inline-block;
  margin-right: 0.35rem;
  font-family: FontAwesome;
  content: "\f041";
  color: #fff;
  font-weight: 400;
}

@media (min-width: 992px) {
  .cw-header-contact {
    position: fixed;
    width: 100%;
    z-index: 1040;
  }

  .cw-header-info .header-info-logo-img {
    position: fixed;
    z-index: 1040;
    top: 33px;
    background: 0 0;
  }

  nav.navbar .container {
    position: relative;
    height: 135px;
    margin: 0 auto;
  }

  .navbar-nav {
    position: absolute;
    right: 0;
    top: 3.5rem;
    z-index: 2;
  }
}

.header .navbar,
.header .navbar.bg-primary {
  border-bottom: 8px solid #970015;
}

/*Hero*/

@media (min-width: 992px) {
  .cw-hero {
    padding-top: 4em !important;
    min-height: 534px;
  }

  h1.display-2.text-uppercase {
    line-height: 81px;
  }

  .cw-hero h1 {
    font-size: 3rem;
  }

  .cw-hero h3 {
    font-size: 2rem;
    /* color:#CB1D32;  */
    font-weight: 900;
    /* background-color: #fff; */
  }
}

@media (min-width: 1400px) {
  .cw-hero h1 {
    font-size: 3rem;
  }
}

.cw-hero {
  background: #151f26;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(https://apihoard.webit.com/api/v1/Image/AEEB12FD22E96B3A07567059DD9F3EE8/AEEB12FD22E96B3A07567059DD9F3EE8.jpg?size=1920x1440);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  color: #fff;
}

.hero-text p {
  text-shadow: 1px 1px 5px #000;
  /* font-size: 1.4em; */
}

.hero-text p span {
  font-weight: 800;
  /* color:#f77239; */
  /* font-size: 1.2em; */
}

/*cards*/

.cw-serviceSection h4 {
  color: #fff;
}

.cw-btnTXT {
  position: relative;
}

.contactBTN {
  position: absolute;
  right: 1em;
  top: -25px;
  z-index: 3;
}

.cw-btnTXT i {
  font-size: 2em;
  background-color: #ffff;
  color: var(--color-theme-primary);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  line-height: 50px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

.cw-btnTXT i:hover {
  background-color: #222;
}

/*Internal page titles*/

section:not(.page-home) .title {
  position: relative;
  margin-bottom: 2em;
  padding: 3rem 0 2.5rem;
  background: url(https://apihoard.webit.com/api/v1/Image/5266B10FCAC6D9C204C5D9678B89BE79/5266B10FCAC6D9C204C5D9678B89BE79.png?size=Original)
    no-repeat bottom center;
  text-align: center;
}

section:not(.page-home) .title .title-heading {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 2.75rem;
  -webkit-text-shadow: 0 0 4px rgb(0, 0, 0, 0.5);
  -moz-text-shadow: 0 0 4px rgb(0, 0, 0, 0.5);
  text-shadow: 0 0 4px rgb(0, 0, 0, 0.5);
}

@media (min-width: 280px) {
  section:not(.page-home) .title {
    padding: 0rem 0 0.5rem;
  }
}

@media (min-width: 330px) {
  section:not(.page-home) .title {
    padding: 3rem 0 2.5rem;
  }
}

section:not(.page-home) .textwithimage-in-container {
  padding-bottom: 0em !important;
}

/* service area */
.pg-services-list {
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
}

@media (min-width: 576px) {
  .pg-services-list {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
  }
}

@media (min-width: 992px) {
  .pg-services-list {
    column-count: 4;
    -moz-column-count: 4;
    -webkit-column-count: 4;
  }
}

.pg-services-list li {
  margin-top: 0;
  margin-bottom: 13px;
  margin-left: 38px;
}

.pg-services-list li::before {
  float: left;
  overflow: hidden;
  width: 23px;
  height: 23px;
  content: "";
  margin-right: 7px;
  margin-left: -35px;
  background-image: url("https://apihoard.webit.com/api/v1/Image/3E10BB59CC37A8E46C79CFC8A9DA108B/3E10BB59CC37A8E46C79CFC8A9DA108B.png?size=320x240");
  background-size: 23px 23px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.page-home #cw-modal .modal-dialog {
  max-width: 650px;
}
.page-home #cw-modal .modal-footer {
  border-top: 0;
}

.redbanner-wrapper {
  background-image: url("https://apihoard.webit.com/api/v1/Image/5266B10FCAC6D9C204C5D9678B89BE79/5266B10FCAC6D9C204C5D9678B89BE79.png?size=Original"); /* Update with your image path */
  background-size: cover; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents tiling */
}

/* .page-about-us .cw-footer .cw-chamber-img {
    display: none;
} */

.cw-footer .cw-payment-img {
  margin: 1em 0;
}

@media (min-width: 992px) {
  .cw-footer .cw-payment-img {
    margin: 0 0 0 1.25em;
  }
  .cw-footer .cw-waaa-img {
    margin-left: 1rem;
  }
}

@media (min-width: 1200px) {
  .cw-footer .cw-payment-img {
    margin: 0 0 0 2em;
  }
}

    /*-- FAQ Accordions --*/

    .transition,
    .cw-accordion>li i:before,
    .cw-accordion>li i:after,
    .cw-content {
        transition: all 0.25s ease-in-out;
    }

    .cw-accordion h6 {
        color: var(--color-theme-primary)
    }

    .flipIn,
    .cw-accordion li,
    h3 {
        animation: flipdown 0.5s ease both;
    }

    .no-select,
    h5 {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .cw-accordion {
        list-style: none;
        perspective: 900;
        padding: 0 1rem;
        background: #f4f7f7;
        margin-bottom: 0;
    }

    .cw-accordion .cw-content {
        position: relative;
        overflow: hidden;
        font-size: .9rem;
        max-height: 800px;
        opacity: 1;
        transform: translate(0, 0);
        z-index: 2;
    }

    .cw-accordion>li {
        position: relative;
        padding: 0;
        margin: 0;
        padding-bottom: 4px;
        padding-top: 28px;
        padding-right: 2rem;
        border-top: 1px dotted #dce7eb;
    }

    .cw-accordion>li:nth-of-type(1) {
        animation-delay: 0.5s;
    }

    .cw-accordion>li:nth-of-type(2) {
        animation-delay: 0.75s;
    }

    .cw-accordion>li:nth-of-type(3) {
        animation-delay: 1s;
    }

        .cw-accordion>li:nth-of-type(4) {
        animation-delay: 1.25s;
    }

        .cw-accordion>li:nth-of-type(5) {
        animation-delay: 1.5s;
    }

        .cw-accordion>li:nth-of-type(6) {
        animation-delay: 1.75s;
    }

        .cw-accordion>li:nth-of-type(7) {
        animation-delay: 2s;
    }

        .cw-accordion>li:nth-of-type(8) {
        animation-delay: 2.25s;
    }

        .cw-accordion>li:nth-of-type(9) {
        animation-delay: 2.5s;
    }

        .cw-accordion>li:nth-of-type(10) {
        animation-delay: 2.75s;
    }

        .cw-accordion>li:nth-of-type(11) {
        animation-delay: 3s;
    }

        .cw-accordion>li:nth-of-type(12) {
        animation-delay: 3.25s;
    }

        .cw-accordion>li:nth-of-type(13) {
        animation-delay: 3.5s;
    }

        .cw-accordion>li:nth-of-type(14) {
        animation-delay: 3.75s;
    }

        .cw-accordion>li:nth-of-type(15) {
        animation-delay: 4s;
    }

            .cw-accordion>li:nth-of-type(16) {
        animation-delay: 4.25s;
    }

            .cw-accordion>li:nth-of-type(17) {
        animation-delay: 4.5s;
    }

            .cw-accordion>li:nth-of-type(18) {
        animation-delay: 4.75s;
    }

    .cw-accordion>li:last-of-type {
        padding-bottom: 1.5rem;
    }

    .cw-accordion>li i {
        position: absolute;
        transform: translate(-6px, 0);
        margin-top: 0;
        right: 0;
        background: var(--color-theme-primary);
        width: 20px;
        height: 21px;
        text-align: center;
        border-radius: 50%;
    }

    .cw-accordion>li i:before,
    .cw-accordion>li i:after {
        content: "";
        position: absolute;
        top: 6px;
        left: 8.5px;
        background-color: #fff;
        width: 3px;
        height: 9px;
    }

    .cw-accordion>li i:before {
        transform: translate(-2px, 0) rotate(45deg);
    }

    .cw-accordion>li i:after {
        transform: translate(2px, 0) rotate(-45deg);
    }

    .cw-accordion>li input[type=checkbox] {
        position: absolute;
        cursor: pointer;
        width: 100% !important;
        height: 100% !important;
        z-index: 1;
        opacity: 0;
        clip: unset !important;
        clip-path: unset !important;
        -webit-clip-path: unset !important;
    }

    .cw-accordion>li input[type=checkbox]:checked~.cw-content,
    .cw-accordion>li input[type=checkbox]:checked~.cw-accordion {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        transform: translate(0, 50%);
    }

    .cw-accordion>li input[type=checkbox]:checked~i:before {
        transform: translate(2px, 0) rotate(45deg);
    }

    .cw-accordion>li input[type=checkbox]:checked~i:after {
        transform: translate(-2px, 0) rotate(-45deg);
    }

    @keyframes flipdown {
        0% {
            opacity: 0;
            transform-origin: top center;
            transform: rotateX(-90deg);
        }

        5% {
            opacity: 1;
        }

        80% {
            transform: rotateX(8deg);
        }

        83% {
            transform: rotateX(6deg);
        }

        92% {
            transform: rotateX(-3deg);
        }

        100% {
            transform-origin: top center;
            transform: rotateX(0deg);
        }
    }

    @media (min-width: 768px) {
        .cw-accordion {
            padding: 0 2rem;
        }
    }