/* Header */
.cw-header-info {
    background-image: linear-gradient(180deg, rgba(18, 29, 56, 0.2), rgba(250, 250, 250, 0.2)), url(https://apihoard.webit.com/api/v1/Image/64AA190A80E4276D5EA08DE3DE304DEE/64AA190A80E4276D5EA08DE3DE304DEE.jpg?size=1920x1440);
    background-position: 50% 50%;
    background-size: cover;
}
.cw-header-info .cw-address,
.cw-header-info .cw-phone {
    font-size: 1.8em;
    font-weight: 900;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.7);
    margin: 0;
}

.cw-header-info img {
    max-width: 600px;
    width: 100%;
    margin: -60px auto;
}

.cw-header-info .cw-phone a {
    color: #EBCB53;
    font-size: 1.4em;
}

.cw-header-business h3 {
    font-size: 3em;
    padding: 0.3em 0.5em;
    margin-bottom: 0;
}
.cw-header-business p {
    font-size: 0.9em;
    /* padding: 0.2em 0.5em; */
    line-height: 1.4em;
    margin-bottom: 0;
}

/* Hero */
.cw-hero {
    background: var(--color-theme-primary);
}

.cw-hero .cw-heroLogo {
    max-width: 220px;
    width: 100%;
    
        margin: 2em 0;
}
@media (min-width:1200px) {
    .cw-hero .cw-heroLogo {
        max-width: 280px;
        margin: 0 0 3em 0;
    }
}
.cw-heroText {
    margin: auto;
    max-width: 660px;
    background: var(--color-theme-primary);
}

.cw-heroText h1 {
    position: relative;
    z-index: 2;
    background: var(--color-theme-primary);
    background: linear-gradient(to right, white 4px, transparent 4px) 0 0, linear-gradient(to right, white 4px, transparent 4px) 0 100%, linear-gradient(to left, white 4px, transparent 4px) 100% 0, linear-gradient(to left, white 4px, transparent 4px) 100% 100%, linear-gradient(to bottom, white 4px, transparent 4px) 0 0, linear-gradient(to bottom, white 4px, transparent 4px) 100% 0, linear-gradient(to top, white 4px, transparent 4px) 0 100%, linear-gradient(to top, white 4px, transparent 4px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 40px 25px;
    padding: 1em;
}

.cw-heroText h1 {
    font-size: 1.4rem;
    color: var(--color-theme-secondary);
    text-shadow: 2px 2px 0 rgb(0, 0, 0);
}

.cw-heroText h1 span {
    color: var(--color-theme-primary);
    text-shadow: 2px 2px 0 rgb(0, 0, 0);
    font-size: 1.4em;
    /* line-height: 1; */
}

@media (max-width: 567px) {}

@media (min-width: 768px) {
    .cw-heroText h1 {
        /* position: absolute; */
        /* bottom: 50px; */
    }
}

@media (min-width: 1200px) {
    .cw-heroText h1 {
        /* bottom: 35%; */
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .cw-heroText h1 {
        font-size: 1.7rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {

    .cw-hero .cw-hero-center {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;

        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .cw-hero .cw-heroText {
        max-width: 800px;
        background: transparent;
    }
}
/* Navbar */
.navbar {
    font-size: 1.5em;
}
.navbar .nav-item .nav-link {
    padding: 0.8em 0;
    font-family: "Khand", sans-serif;
}

/* collapse faq */

.collapse-header {
    position: relative;
    padding: 1.1rem 4rem 1.1rem 1em;
    background: var(--color-theme-background);
    color: var(--color-theme-text);
    border-bottom: 1px solid var(--color-theme-border);
    display: block;
    overflow: hidden;
    font-size: 1.1em;
    font-weight: 700
}

.collapse-header:hover,
.collapse-header:not(.collapsed) {
    color: var(--color-theme-primary)
}

.collapse-header::after {
    content: "+";
    position: absolute;
    z-index: 3;
    right: 1em;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    font-size: 1.5em;
    line-height: 1em;
    transition: .2s;
    color: var(--color-theme-primary)
}

.collapse-header.collapsed::after {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.collaspe-content {
    padding: 1.5rem 1em;
    border-bottom: 1px solid var(--color-theme-border)
}