.ftco-section {
    padding: 7em 0;
}

.ftco-no-pt {
    padding-top: 0;
}

.ftco-no-pb {
    padding-bottom: 0;
}

//HEADING SECTION
.heading-section {
    font-size: 28px;
    color: $black;
}

.ftco-navbar-light {
    background: $primary !important;
    z-index: 3;
    padding: 0;

    @include media-breakpoint-down(md) {
        background: $black !important;
        position: relative;
        top: 0;
        padding: 10px 15px;
    }

    .navbar-brand

{
    color: $white;
    text-transform: uppercase;
    &:hover, &:focus

{
    color: $white;
}

@include media-breakpoint-down(md) {
    color: $white;
}

}

.navbar-nav {
    @include media-breakpoint-down(md) {
        padding-bottom: 10px;
    }

    > .nav-item

{
    > .nav-link

{
    font-size: 11px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
    color: $white;
    text-transform: uppercase;
    letter-spacing: 2px;
    &:hover

{
    color: $white;
}

opacity: 1!important;
@include media-breakpoint-down(md) {
    padding-left: 0;
    padding-right: 0;
    padding-top: .9rem;
    padding-bottom: .9rem;
    color: rgba(255,255,255,.7);
    &:hover

{
    color: $white;
}

}
}

.dropdown-menu {
    border: none;
    background: $white;
    -webkit-box-shadow: 0px 10px 34px -20px rgba(0,0,0,0.41);
    -moz-box-shadow: 0px 10px 34px -20px rgba(0,0,0,0.41);
    box-shadow: 0px 10px 34px -20px rgba(0,0,0,0.41);
    border-radius: 4px;
    .dropdown-item

{
    font-size: 12px;
    color: $black;
    &:hover, &:focus

{
    background: $primary;
    color: $white;
}

}

@include media-breakpoint-down(md) {
    background: $black;
    border-left: 1px solid rgba(255,255,255,.3);
    border-radius: 0;
    box-shadow: none;

    .dropdown-item {
        color: rgba(255,255,255,.8);
    }
}

}


&.cta {
    > a

{
    color: $white;
    background: $secondary;
    border-radius: 0px;

    @include media-breakpoint-down(md) {
        color: $white;
        background: $secondary;
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 5px;
    }
}

}

&.active {
    > a

{
    color: $white;

    @include media-breakpoint-down(md) {
        color: $white;
    }
}

}
}
}

.navbar-toggler {
    border: none;
    color: rgba(255,255,255,.5) !important;
    cursor: pointer;
    padding-right: 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .1em;
    &:focus

{
    outline: none !important;
}

}
}