.footer-bg{
    background-color: var(--darkblue);
}
.email-error{
    color: rgb(236, 76, 76);
    font-size: 17px;
    font-family: Bariol , sans-serif;
}
.email-success{
    color: var(--blue);
    font-size: 17px;
    font-family: Bariol , sans-serif;
}
.text-pb-style{
    font-size : 16px;
    font-family : Bariol , sans-serif;
}
.title--privacy{
    font-size : 13px;
    font-family : Bariol , sans-serif;
}
.btn--submit__footer{
    color:white;
    background-color:var(--blue);
    padding: 10px 30px;
    border-radius : 128px;
    outline:none !important;
    border: none !important;
}
.btn--submit__footer:hover , .btn--submit__footer:focus{
    background-color : white ;
    color: var(--blue);
    border: 2px solid var(--blue) !important;
    cursor: pointer;
    transition: background-color 0.9s ease;
}
.input--footer{
    font-family: Bariol , sans-serif;
    font-size : 18px;
    color : gray;
    outline : none !important;
    border : none !important;
    background-color : white;
    border-radius: 50px;
    padding: 14px 28px;
}
.icon--style:hover path  , .icon--style:focus path{
    outline : none !important;
    transition: fill 0.9s ease;
    cursor : pointer !important;
    fill : white !important;
    background:transparent;
}
.gap--style{
    gap: 1rem;
}
#peyksolutionlist li a , #peykdiscoverlist li a{
    text-decoration: none !important;
}
#peyksolutionlist li a::before ,#peykdiscoverlist li a::before{
    content: url('../image/footer/arrow-right.svg');
    font: 400 18px/1 "Bariol";
    color: white;
    display: inline-block;
    vertical-align: center;
    margin-left: -45px;
    margin-right: 0;
    opacity: 0;
    visibility: hidden;
    transition: .5s ease;
}
#peyksolutionlist li a:hover:before , #peykdiscoverlist li a:hover:before{
    text-decoration: none !important;
    margin-right: 7px;
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}
.privacy--link {
    text-decoration : none !important;
    color : white !important;
}
.privacy--link:hover , .privacy--link:focus{
    text-decoration : none !important;
    color : var(--blue) !important;
    cursor : pointer;
}














.btnFooter {
    font-size: 18px;
    background: var(--blue);
    border: 2px solid var(--blue);
    transition: 0.3s;
    box-shadow: none;
}
.btnFooter:hover ,.btnFooter:active  ,.btnFooter:focus    {
    background: var(--darkblue);
    border-color: var(--blue);
    border-color: var(--blue);
    transition: 0.3s;
    box-shadow: none;
    outline: none;
}
.listStyle {
    background: transparent;
    border: none;
}
.titleFooter {
    font-size: 30px;
    color: var(--blue);
    font-family: 'BariolBold';
}
.footerLink {
    text-decoration: none !important;
    font-size: 22px !important;
    color: white !important;
    transition: 0.9s ;
}
.footerLink:hover {
    color: var(--blue) !important;
    transition: 0.9s;
}
/*<!-- ============================================  download popup ============================================  -->*/
.download-app-popup{
    background: var(--darkblue);
    z-index: 99;
    position: fixed;
    bottom: 0;
}
.install-app{
    background: var(--blue);
    border: 2px solid var(--blue);
    box-shadow: none;
    outline: none;
}
.install-app:hover,.install-app:focus{
    background: transparent;
    border: 2px solid var(--blue);
    outline: none;
    box-shadow: none;
}
/*.font-image{*/
/*    font-size: 2rem;*/
/*    color: var(--blue);*/
/*}*/
/*button scroll */
#back2Top {
    width: 32px;
    height: 32px;
    line-height: 22px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: fixed;
    bottom: 4%;
    right: 2%;
    background-color: #2EC8E8;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 50px;
    z-index: 99999;
}

#back2Top:hover {
    background-color: #DDF;
    color: #000;
}

#back2Top img {
    margin-top: 35% !important;
}
.modal{
    z-index:999999999999 ;
}
/*<!-- ============================================  download popup ============================================  -->*/

/* responsive mode ****************************************  */
@media only screen and (min-width: 320px) and (max-width: 567px)
{
    .privacy--link , .privacy--link:hover , .privacy--link:focus{
        text-decoration : none !important;
        color : var(--blue) !important;
        cursor : pointer;
    }
    #peyksolutionlist li a::before ,#peykdiscoverlist li a::before{
        content: unset !important;
        margin-left: unset !important;
        margin-right: unset !important;
    }
    .titleFooter {
        font-size: 25px;
    }
    .footerLink {
        font-size: 18px !important;
    }
    .input--footer{
        width: 100% !important;
    }
    #copyright{
        order: 3;
    }
    #madewithlove{
        order: 2;
    }
    #social{
        order: 1;
    }
    .text-pb-style{
        text-align: left !important;
    }



    .responsive-ul {
        margin-left: -2rem;
    }
    #back2Top img {
        margin-top: 7px !important;
    }
    #back2Top{
        bottom: 3%;
        right: 3% !important;
        z-index: 99;
    }
    .intercom-lightweight-app-launcher{
        bottom: 12% !important;
        z-index: 99;
    }
}
@media only screen and (min-width: 577px) and (max-width: 767px){
    .responsive-ul{
        margin-left: -2rem;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #back2Top{
        bottom : 10% !important;
        right : 5% !important;
    }
    .titleFooter {
        font-size: 25px;
    }
    .footerLink {
        font-size: 18px !important;
    }
    #peyksolutionlist li a::before ,#peykdiscoverlist li a::before{
        content: unset !important;
        margin-left: unset !important;
        margin-right: unset !important;
    }
    .input--footer{
        width : 100% !important;
    }
    .text-pb-style{
        text-align: left !important;
    }
}