footer{background: #262626;padding: 4rem 0 4rem; padding-bottom: 10rem;}
footer h6:not(:last-child){margin-bottom: 2.7rem;}
footer h6 a{color:#fff;font-size: 1.4rem;font-weight: 400;display: block; text-align: center;}
footer .menu-ul-ftr{display: none;}
footer .menu-ul-ftr a{display: block; font-size: 1.4rem; color: #CBCBCB; line-height: 1.5; font-weight: 300}
footer .menu-ul-ftr a:not(:last-child){margin-bottom: .5rem;}
footer .row>*{flex-grow: 1;}
.f-menu-mid{display: flex; align-items: center; flex-direction: column; text-align: center; background-color: var(--primary-color); padding: 3rem 3.5rem; margin-top: 1.5rem}
.f-menu-mid h4{font-size: 2.1rem; margin-bottom: 3rem;}
.f-menu-mid :where(p, h4, a){color: #fff;}
.f-menu-mid p{font-size: 1.6rem; font-weight: 300;}
.f-menu-mid p:not(:last-child){margin-bottom: 1.5rem;}
.f-menu-mid p.phone-email span{display: block; font-size: 1.2rem; font-weight: 700; margin-bottom: .5rem;}

.f-menu-bottom {text-align: center; padding-top: 2rem}
.f-menu-bottom span{font-size: 1.4rem; font-weight: 700; display: block; margin-bottom: 2rem; color: #fff;}
.f-menu-bottom .input-group{border: 1px solid #707070; max-width: 30rem; margin-inline: auto; margin-bottom: 2rem;}
.f-menu-bottom .input-group input:focus{box-shadow: none;}
.f-menu-bottom .input-group input, .f-menu-bottom .input-group input::placeholder{color: #fff;}
.f-menu-bottom .input-group input{padding: 1rem;}
.f-menu-bottom .input-group :is(input, button){background-color: transparent; border: none; font-size: 1.2rem; font-weight: 300;}
.f-menu-bottom .input-group button{padding: 0}
.f-menu-bottom p{color: #9F9F9F; margin-bottom: 0;}
.f-menu-bottom #footyear{display: inline;color: #9F9F9F; font-weight: 400; font-size: 1.2rem;}




/* ------Footer Css Start------ */
footer {
    background: #262626;
    padding: 4rem 0 4rem;
    padding-bottom: 10rem;
}
footer .right-menu ul {
    display: flex;
    gap: 3rem;
    margin-top: 2rem;
}
footer .right-menu .main-link {
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
footer .right-menu .main-link li a {
    color: #fff;
    font: var(--font-14);
    font-weight: 700;
}
footer .right-menu .main-link li a:hover{
    color: #C3263D;
}
footer .right-menu .quick-link li a {
    color: #fff;
    font-size: 12px;
    font-weight: 200;
}
footer .right-menu .quick-link li a:hover{
    color: #C3263D;
}
footer .right-menu .quick-link li a strong {
    font-weight: 700;
}
footer .right-menu ul.quick-link {
    margin-bottom: .5rem;
}
.bd-bottom {
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}
.copy-right{
    padding-top: 1rem;
}
.copy-right li a {
    color: #fff;
    font-size: 12px;
    font-weight: 200;
}
.copy-right li {
    color: #fff;
    font-size: 12px;
    font-weight: 200;
}
.footer-contact-us h5 {
    color: #fff;
    font: var(--font-14);
    font-weight: 700;
    margin-bottom: 1rem;
}
.footer-contact-us h4 {
    color: #fff;
    font: var(--font-21);
    font-weight: 500;
    margin-bottom: .9rem;
}
.footer-contact-us p {
    font-size: 14px;
    font-weight: 200;
    color: #fff;
}
.footer-contact-us a {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: .5rem;
    font-weight: 200;
}
.footer-contact-us a:hover{
    color: #C3263D;
}
.footer-contact-us a img {
    padding-right: 1rem;
}
.subscribe input {
    background: #fff;
    padding: 12px 16px;
    border: none;
}
.subscribe .input-group {
    align-items: stretch;
    max-width: 261px;
    margin-inline: auto;  
}
.subscribe .input-group input {
    margin: 0 auto;
    flex-grow: 1;
}
.subscribe button {
    background-color: #fff;
    border: none;
    font-size: 1.2rem;
    font-weight: 300;
}
.subscribe {
    max-width: 261px;
    /* margin: 0 auto; */
}
.subscribe h6 {
    margin-top: 2.4rem;
    color: #fff;
    font: var(--font-12);
    font-weight: 700;
    margin-bottom: 1.4rem !important;
}
.subscribe ul {
    display: flex;
    gap: 1rem;
}


@media (min-width: 992px){
    footer{padding-bottom: 4rem;}
    footer h6:not(:last-child){margin-bottom: 2rem;}
    footer h6 a:not(.active-link){pointer-events: none;}
    footer .menu-ul-ftr{display: block;}
    footer .menu-ul-ftr + h6{margin-top: 4rem}
    footer h6 a{margin-bottom: 0rem; text-align: left; font-weight: 600;}
    .f-menu-bottom{display: flex; justify-content: center; align-items: center; column-gap: 1rem; margin-top: 3rem}
    .f-menu-bottom .newsletter{display: flex; align-items: center; column-gap: 1rem;}
    .f-menu-bottom .newsletter .input-group{max-width: 20rem;}
    .f-menu-bottom p{font-size: 1.2rem;}
    .f-menu-bottom .newsletter span{white-space: nowrap; margin-bottom: 0; font-size: 1.2rem;}
    .f-menu-bottom .copyright{display: flex; column-gap: 1rem;}
    .f-menu-bottom .copyright a{color: #9F9F9F;}
    .f-menu-bottom .input-group{margin-bottom: 0;}
    footer .row {--bs-gutter-x: 2rem}
}
@media (min-width: 1200px){
    .f-menu-bottom, .f-menu-bottom .newsletter, .f-menu-bottom .copyright{column-gap: 3rem;}

    footer .row .col-lg-3{width: 14%;}
}

@media screen and (max-width:991px){
   footer {
    background: #262626;
    padding: 3rem 4rem 4rem;
    padding-bottom: 10rem;
} 
.footer-contact-us{
    display: none;
}
.f-menu-mid{
    display: none;
}
footer{
    text-align: center;
}
.right-menu .main-link{
    display: block;
    padding-top: 2rem;
}
footer .right-menu .main-link li a{
    padding: 1rem 0;
    display: block;
}
.bd-bottom .quick-link{
    display: block;
    padding: 1rem 0;
}
footer .right-menu .quick-link li a{
    font: var(--font-12);
    display: block;
    padding: 0.5rem 0;
    font-weight:200;
}
footer .right-menu ul{
    display: flex;
    padding: 2rem 0;
}
footer .right-menu ul.copy-right{
    display: block;
}
.subscribe {
    max-width: 100%
}
.copy-right li {
    display: block;
    text-align: center
}
.copy-right li a{
    font-weight: 200;
}
.subscribe ul {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

}

@media screen and (max-width:360px){
    footer {
        background: #262626;
        padding: 3rem 2rem 4rem;
        padding-bottom: 8rem;
    }
}