:root {
    --color-dark-blue: #0f1c2c;
    --color-mustard-yellow: #c99005;
    --color-bright-yellow: #f9b000;
}
.text-blue {
    color: var(--color-dark-blue);
}
.text-yellow {
    color: var(--color-mustard-yellow);
}
.bg-blue {
    background-color: var(--color-dark-blue);
}
.bg-yellow {
    background-color: var(--color-mustard-yellow);
}
svg {
    color: var(--color)
}
section:not(.testimonial, .callBan) {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
input[type=number].tel::-webkit-inner-spin-button, 
input[type=number].tel::-webkit-outer-spin-button {
  opacity: 1;
  -webkit-appearance: none; 
}





.gallery {
    display: flex;
    flex-direction: column;
}

.gallery-slider,
.gallery-thumbs {
    width: 100%;
    height: auto;
    min-height: 5rem;
}
.gallery-slider .swiper-slide {
    text-align: center;
    color: var(--bs-white);
    padding-top: 5rem;
    padding-bottom: 5rem;
    background: linear-gradient(#0f1c2cba, #0f1c2cba), var(--bg-image) no-repeat center/cover;
}
.gallery-thumbs  {
    /* max-height: 100px; */
}
.gallery-thumbs .swiper-slide {
    width: 100px;
    /* height: 100px; */
    text-align: center;
    overflow: hidden;
    /* opacity: 0.1; */
    color: var(--bs-white);
    cursor: pointer;
}
.gallery-thumbs .swiper-slide-thumb-active {
    /* opacity: 1; */
    color: var(--color-mustard-yellow);
}
.swiper-slide svg {
    width: var(--svg-size, 2.7em);
    height: var(--svg-size, 2.7em);
}

.banner-nav {
    background-color: var(--color-dark-blue);
    position: relative;
    justify-content: center;
    text-align: center;
}
.gallery .banner-nav:after,
.gallery .banner-nav:before {
    content: "";
    position: absolute;
    /* right: 50%;
    right: 48.2%; */
    transform: translateX(-13px);
    z-index: 1;
}
.header-top .gallery-slider [class^='swiper-button']{
    width: 3rem;
    color: var(--bs-white);
}
.header-top .gallery-slider [class^='swiper-button']:after {
    display: none;
}
@media only screen and (min-width: 768px) {
    .gallery .header-top {
        order: 2;
    }
    .gallery .banner-nav {
        order: 1;
    }
    .banner-nav {
        border-bottom: .2em solid var(--color-bright-yellow);
    }
    .gallery .header-top .hillier-bwd-nav {
        position: absolute;
        width: 100%;
        z-index: 99;
    }
    .gallery .banner-nav:after {
        border-top: 15px solid var(--color-dark-blue);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        bottom: -14px;
    }
}
@media only screen and (max-width: 767px) {
    .gallery .header-top .hillier-bwd-nav {
        background-color: var(--color-dark-blue);
    }
    .banner-nav {
        border-top: .2em solid var(--color-bright-yellow);
    }
    .gallery .banner-nav:after {
        border-bottom: 15px solid var(--color-dark-blue);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        top: -15px;
    }
}
@media only screen and (max-width: 575px) {
    .gallery-thumbs .swiper-wrapper svg {
        width: 50px;
        height: 50px;
    }
    .gallery-thumbs .swiper-wrapper svg + span {
        font-size: 0.75em;
    }
}




.config-item .card {
    border: none;
    overflow: hidden;
    box-shadow: 0 4px 9px 0 #00000017;
}
.config-item .card .card-body {
    margin-top: -1.4rem;
    border-radius: 7% 7% 0 0;
}
.config-item .card .card-body .cont-area {
    text-align: center;
}
.config-item .card .card-body .cont-area .item-title {
    margin-top: 1rem;
}
.config-item .card .card-body .cont-area svg {
    --color: #c99005
}
.config-item .card .card-body .cont-area .item-title {
    font-weight: 400;
}



.testimonial {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 2rem;
    /* background: var(--color-dark-blue) url('../img/bg-pattern.svg') no-repeat 23% 20rem/cover; */
    background: var(--color-dark-blue) url('../img/bg-pattern.svg') no-repeat 23% 18.5vh/cover;
}
.testimonial .left-imgWraper {
    margin-top: -4rem;
}
.testiSlide {
    width: 100%;
    height: auto;
    margin-top: 2rem;
}
.testiSlide .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
}
.testiSlide .blockquote-footer {
    margin-top: 1rem;
}
.testiSlide .blockquote-footer:before {
    display: none;
}
.testiSlide .blockquote-footer .author {
    display: block;
    color: var(--color-mustard-yellow);
    font-weight: 700;
    font-size: calc(100% + 0.2em);
}
.testiSlide .navig {
    position: relative;
    padding: 1rem;
    text-align: center;
    display: flex;
    justify-content: center;
}
.testiSlide .swiper-button-next,
.testiSlide .swiper-button-prev {
    --color: var(--bs-white);
    position: unset;
}
.testiSlide .swiper-button-next:after, 
.testiSlide .swiper-button-prev:after {
    content: "";
    display: none;
}
.testiSlide .swiper-button-next {
    margin-left: 1em;
}
.testiSlide .swiper-button-prev {
    margin-right: 1em;
}





section.contact .form-contact {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
section.contact .form-contact input.form-control {
    border-radius: 50px;
    padding-left: 1.5rem;
}
section.contact .form-contact input.form-control ~ label {
    padding-left: 1.5rem;
    transition: all .1s ease-in-out;
}
/* section.contact .form-contact input.form-control:not(:empty) ~ label,
section.contact .form-contact .form-floating .form-control:focus ~ label {
    padding-left: 2.2rem;
    top: -0.45rem;
    width: auto;
    height: auto;
    padding: 0;
    background: #fff;
    margin-left: 2em;
    opacity: 1;
    padding-right: .5rem;
    padding-left: .5rem;
} */






.callBan {
    background-color: var(--color-mustard-yellow);
    color: var(--bs-white);
    padding-top: 2rem;
    padding-bottom: 2rem;
}



footer {
    background-color: var(--color-dark-blue);
    padding-top: 5rem;
    padding-bottom: 5rem;
}
footer .footer-logo a {
    color: var(--bs-white);
}
footer .foo-social ul,
footer .foo-nav ul {
    list-style: none;
    padding: 0;
    display: flex;
    margin-bottom: 0;
}
footer .foo-social ul a,
footer .foo-nav ul a {
    text-decoration: none;
    color: var(--bs-white);
}
footer .foo-social ul li:hover a,
footer .foo-nav ul li:hover a {
    color: var(--color-mustard-yellow);
}
footer .foo-social ul .link-item:not(:last-child),
footer .foo-nav ul .link-item:not(:last-child) {
    margin-right: 1rem;
}
footer .foo-social ul {
    justify-content: end;
}
footer .footer-bottom {
    border-top: 1px solid var(--color-bright-yellow);
}
footer .foo-social ul a {
    font-size: 1.5em;
}

@media only screen and (max-width: 767px) {
    footer .footer-logo {
        text-align: center;
    }
}
@media only screen and (max-width: 575px) {
    footer .foo-nav ul,
    footer .foo-social ul {
        justify-content: center;
    }
}