﻿
.container-fluid {
  /*  padding-right: 1px;
    padding-left: 1px;*/
}
/*.container {
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}*/
.demo-icon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.footer-row {
    
    padding-top: 34px !important;
    padding-bottom: 34px !important;
    line-height: 24px !important;
    font-weight: 400;
}
.footer {
    background: none;
}
.store-image{
    padding-right:10px;
}
.footer-image {
    padding-top: 18px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    font-size:14px;
}
.footer-collapse-li {
    padding-top: 15px;
}

.footer-li {
    padding-bottom: 10px !important;
}
.footer-title-li-icon{
    display:flex;
    justify-content:center;
}
.footer .footer-header a {
    color: white;
    font-size: 14px !important;
    font-weight: 800;
}

    .footer ul li a:hover {
        color: white;
    }

    .footer ul li a {
        color: white;
        font-weight:400;
    }

    .footer a, .footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
        color: white;
    }

.footer-row::after, .footer-row::before {
    display: none;
}

.footer ul li a {
    font-size: 14px !important;
}

.footer-title-li-about {
    font-size: 14px !important;
    font-weight: 900;
}

.footer-title-li-Legal {
    font-size: 14px !important;
    font-weight: 900;
}

.footer-title-li-More {
    font-size: 14px !important;
    font-weight: 900;
}

.footer-li {
    font-size: 14px !important;
    font-weight: 400px;
}

.footer-title-li-follow {
    display: none;
}

.footer-title-li-icon span {
    padding-right: 20px !important;
}

.arame-ui-footer {
    padding-left: 10px;
}

.footer ul {
    padding-top: 0;
    list-style:none !important;
}
.MobileHeader {
    display: none;
}
.desktopHeader {
    display: block;
}
.Legal-li{
    display:block;
}
.More-li{
    display:block;
}
.about-li{
    display:block;
}
.footer-ctx {
/*    padding-left: 34px !important;
    padding-right: 34px !important;*/
    background-color: #28255C !important;
}
.divfooter {
    margin-top: calc(-1* var(--bs-gutter-y)) !important;
    margin-right: calc(-.5* var(--bs-gutter-x)) !important;
    margin-left: calc(-.5* var(--bs-gutter-x)) !important;
}
@media(max-width:767px) {
    .footer-collapse ul {
        padding: 0px !important;
    }
    .footer-collapse-li{
        padding-top:15px;
    }
    .footer-collapse {
        padding-bottom: 50px;
    }
    .MobileHeader{
        display:block;
    }
    .desktopHeader {
        display: none;
    }

    .about-li {
        display: none;
    }
    .Legal-li{
        display:none;
    }
    .More-li
    {
        display:none;
    }
    .MobileHeader a{
        display:inline-flex;
        gap:15px;
    }
    .footer-title-li-about.active img {
        transform: rotate(180deg);
    }
    .footer-title-li-Legal.active img {
        transform: rotate(180deg);
    }
    .footer-title-li-More.active img {
        transform: rotate(180deg);
    }

    
    .More-li {
        display: none;
    }
    .footer-row {
        text-align: center;
    }

   

    .footer-title-li-about {
        font-size: 14px !important;
        text-align: center;
    }



    .footer-title-li-Legal {
        font-size: 14px !important;
        font-weight: 900;
        text-align: center;
    }

    .footeralign-aboutus {
        padding-top: 40px;
    }

    .footer-li {
        text-align: center;
        font-size: 14px !important;
        font-weight: 400;
    }

    .footeralign {

        padding-top: 0px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        .footeralign.social-section {
            padding-left: 79px;
        }

    .arame-ui-footer {
        padding-top: 120px;
    }

    .footer-title-li-icon {
        text-align: center;
        /*padding-left: 40px;*/
        padding-bottom: 8px;
    }

    .arame-ui-footer {
        padding-top: 80px !important;
    }

    .footer footer-ctx {
        padding-bottom: 0px !important;
    }

    .footer-title-li-follow {
        display: block;
        font-size: 14px !important;
        font-weight: 900;
        text-align: center;
    }

    .footer-title-li-icon span {
        padding-right: 32px !important;
    }

    .vectorImg {
        margin-left: 2%;
    }
}
.footer-collapse > ul{
    padding:0px;
}