.foot{
    padding: 50px 0 20px;
    color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.headline{
    color: #101828;
    font-size: 22px;
    line-height: 24px;
    font-family: Chivo, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}
.flexx{
    flex-wrap: nowrap;
}
.addr{
    color: #101828;
    white-space: wrap;
    font-weight: 400 !important;
    font-size: 17px;
    font-family: Noto Sans, sans-serif;
    line-height: 28px;
}
.wdth-20{
    width: 20%;
    flex: 0 0 auto;
}
.wdth-19{
    width: 17%;
    flex: 0 0 auto;
}
.mtp-10{
    margin-top: 12px !important;
}
.mtp-20{
    margin-top: 20px !important;
}
.mbtm-30{
    margin-bottom: 30px !important;
}
.mbtm-20{
    margin-bottom: 20px !important;
}
.textstyle{
    font-family: Noto Sans, sans-serif;
    line-height: 28px;
    font-weight: 400 !important;
    font-size: 17px;
}
.textld{
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.menu-foot{
    display: inline-block;
    margin-left: -2.5rem;
}
.menu-foot li{
    list-style: none;
    margin-bottom: 8px;
}
.menu-foot li a{
    color: #667085;
    font-family: Noto Sans, sans-serif;
    font-size: 17px;
    line-height: 28px;
    text-decoration: none;
    transition-duration: .2s;
    transition: all .3s ease 0s;
    background-color: transparent;
}
.colorgray600 {
    color: #475467;
}
.colorgray400 {
    color: #90331c !important;
}
.linktag{
    touch-action: manipulation;
    color: #000;
    transition: all .3s ease 0s;
    text-decoration: none;
    background-color: transparent;
}
.linktag:hover,
.linktag:focus {
    text-decoration: none;
    color: #90331c;
    outline: none; /* Optionally removes the focus outline if needed */
}
.foot-btm{
    border-top: 1px solid #e4e7ec;
    padding: 30px 0;
    color: #667085;
    font-size: 14px;
}
.icon-circle{
    display: inline-block;
    background-color: #90331c; 
    border-radius: 50%;        
    width: 35px;               
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faicon {
    color: white;              
    font-size: 24px; 
}
@media (min-width: 1400px) {
    .containment{
        max-width: 1220px;
    }
    .txtindlt {
        text-indent: 42%;
        white-space: nowrap;
    }
    .txtindhd {
        text-indent: 20%;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .txtindlt {
        text-indent: 40%;
        white-space: nowrap;
    }
    .txtindhd {
        text-indent: 20%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .txtindlt {
        text-indent: 29%;
        white-space: nowrap;
    }
    .txtindhd {
        text-indent: 17%;
    }
}

@media (min-width: 769px) and (max-width: 991.98px) {
    .flexx {
        flex-wrap: wrap;
        justify-content: start;
        top:35px;
    }

    
    .wdth-20 {
        width: 21%;
        flex: 0 0 50%;
        align-content: center;
    }
    .wdth-19{
        width: 17%;
        flex: 0 0 50%;
        align-content: center;
    }
    .pbtm-40 {
        padding-bottom: 40px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    
    .d-flex{
        display: inline-flex !important;
        margin-left: -35px;
    }
    
}
@media (min-width: 577px) and (max-width: 768px) {
    .flexx {
        flex-wrap: wrap;
        justify-content: center;
    }
    .wdth-20{
        width: 21%;
        flex: 0 0 53%;
        align-content: center;
    }
    .wdth-19{
        width: 17%;
        flex: 0 0 53%;
        align-content: center;
    }
    .pbtm-40{
        padding-bottom:40px;
    }
    .prgt{
        padding-right:31%;
        /* padding-top:35px; */
    }
    
    
}
@media (min-width: 421px) and (max-width: 576px) {
    .flexx {
        flex-wrap: wrap;
        justify-content: center;
    }
    .wdth-20{
        width: 21%;
        flex: 0 0 53%;
        align-content: center;
    }
    .wdth-19{
        width: 17%;
        flex: 0 0 53%;
        align-content: center;
    }
    .pbtm-40{
        padding-bottom:40px;
    }
    .prgt{
        padding-right:25%;
    }
}
@media (max-width: 420px) {
    .flexx {
        flex-wrap: wrap;
        justify-content: center;
    }
    .wdth-20{
        width: 21%;
        flex: 0 0 72%;
        align-content: center;
    }
    .wdth-19{
        width: 17%;
        flex: 0 0 72%;
        align-content: center;
    }
    .pbtm-40{
        padding-bottom:40px;
    }
    .prgt{
        padding-right:20%;
    }
}
.prgts a:hover{
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    .flexx {
        text-align: center !important;
    }
  
}