footer{
    background-color:var(--footerBg);
    padding:65px 0;
    padding-bottom:0px;
    position:relative;
    z-index:5;
    color:white;
}
footer .head {
    color:whitesmoke;
    font-size:17px;
    font-weight: 300;
    margin-bottom:20px;
}
footer a {
    font-size:14px;
    line-height: 16px;
    margin-bottom:15px;
    font-weight: 300;
    color:whitesmoke;
    opacity: .8;
}
footer a:hover {
    opacity: 1;
    color:whitesmoke;
}
footer article {
    color:whitesmoke;
    font-weight: 200;
    font-size:14px;
    line-height: 22px;
    max-width: 300px;
    opacity: .9;
    margin-bottom:45px;
}
footer .pageEnd {
    background-color:#1c1c1c;
    padding:10px 0px;
}
footer .footerUl li {
    position: relative;
}
footer .footerUl li a i {
    margin-right:10px;
}
footer .evident {
    color:var(--evident);
}
footer .pageUp {
    margin-left:30px !important;
    position: fixed;
    right:15px;
    bottom:15px;
    z-index: 15;
    opacity: 0;
    transition: .3s;
}
footer .pageUp i {
    padding:15px;
    color:white;
    display:inline-block;
    background-color:var(--primaryColor);
    border-color:var(--primaryColor) !important;
    border-radius: var(--radius);
}
footer .mapContent {
    margin-top:25px;
    border-radius: var(--radius);
    border:solid 2px white;
}
footer .mapContent iframe {
    height: 200px !important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
footer .buttonContnet {
    margin-top:15px;
}
footer .buttonContnet .button {
    line-height: 40px !important;
    padding:0px 15px;
}
footer .buttonContnet .button i {
    line-height: 40px !important;
}
footer .corporateCol {
    padding-right:45px;
}
footer input {
    background-color:transparent;
    border:solid 1px rgba(255,255,255,.2);
    width: 100%;
    padding:0px 25px;
    padding-left:15px;
    line-height: 50px;
    outline-color:var(--evident);
    border-radius: 5px;
    color:white;
    font-size:14px;
    position: relative;
    box-shadow:none;
    outline:none;
}
footer input:focus {
    box-shadow:none;
    border-color:var(--evident);
}
footer form li > i {
    position: absolute;
    left:15px;
    bottom:17px;
    color:White;
    opacity: .4;
}
footer form .button {
    border-radius: 100%;
    width: auto;
    text-align: center;
    border: none;
    padding: 0px;
    background-color:transparent;
    line-height: 16px;
    font-size: 16px;
}
footer form .button i {
    position: relative;
    left:0;
    top:0;
    line-height: 16px;
    margin-left:0px;

}
footer form .button:hover {
    background-color:var(--success);
}
footer form {
    margin-bottom:45px;
}
footer ul.social {
    display:flex;
    flex-wrap: wrap;
}
footer ul.social li:first-child {
    width: 100%;
    margin-bottom:15px;
    margin-right:0px;
}
footer ul.social li {
    margin-right:15px;
}
footer .pageEnd span {
    font-size:12px;
    line-height: 23px;
    margin-right:10px;
}
footer .pageEnd i {
    font-size:23px;
}
footer .banks {
    padding: 15px;
    margin-top:15px;
    margin-bottom: 25px;
    border-top: solid 1px rgba(255,255,255,.05);
}
footer .banks ul {
    display:flex;
    justify-content: center;
    width: 100%;
    justify-content: space-between;
}
footer .banks img {
    height: 18px;
    filter: brightness(0) invert(1);
    opacity: .5;
}
footer .banks ul li {
    margin-left:10px;
    margin-right: 10px;
}
footer .inputBox {
    position: relative;
}
footer .inputBox i {
    position: absolute;
    bottom:18px;
    left:13px;
}
footer .inputBox button {
    position: absolute;
    bottom:18px;
    right:10px;
}
footer .inputBox button:hover {
    background-color:transparent;
}
@media screen and (max-width:1600px){
    footer .menuList li.apk ul{
        display:block
    }
    footer .menuList li.apk ul li{
        margin-bottom:25px
    }
    footer .menuList li a{
        line-height:23px;
    }
}
@media screen and (max-width:821px){
    footer .contactList .buttons a{
        display:flex!important;
        white-space:nowrap
    }
}
@media screen and (max-width:769px){
    footer .contactList .buttons a{
        white-space:nowrap;
        display:flex;
        width:fit-content
    }
    footer .mobileLayout{
        max-width:100%;
        min-width:100%;
        padding-bottom:15px;
        border-bottom:1px solid rgba(255,255,255,.1)
    }
    footer .mobileLayout>ul>li:nth-last-child(1),footer .mobileLayout>ul>li:nth-last-child(2){
        width:100%;
        float:left
    }
    footer .menuList li a{
        font-size:14px
    }
    footer .menuList ul{
        padding-left:0;
        padding-right:0
    }
}
@media screen and (max-width:992px){
    footer .banks {
        padding: 15px;
        margin-top: 15px;
        margin-bottom: 25px;
        border-top: none;
    }
    footer  .footerCols  .social {
        background: none;
        padding: 0px;
        text-align: center;
        justify-content: center;
    }
    footer .corporateCol {
        padding:35px;
    }
    footer .corporateCol a {
        display:flex;
    }
    footer .corporateCol a i {
        line-height: 18px;
    }
    footer .footerCols > div {
        padding:5px;
    }
    footer .footerCols > div ul {
        padding:25px;
        border-radius: 15px;
        background-color:rgba(0,0,0,0.1);
        height: 100%;
    }
    footer .footerCols > div:nth-child(3) {
        text-align: right;
        order:3;
    }
    footer .footerCols > div:nth-child(1) {
        order:1;
        width: 100% !important;
    }
    footer .footerCols > div:nth-child(2) {
        order:3;
        width: 100% !important;
    }
    footer .footerCols > div:nth-child(2) ul {
        display:flex;
        flex-wrap: wrap;
    }
    footer .footerCols > div:nth-child(2) ul li:first-child {
        width: 100%;
    }
    footer .footerCols > div:nth-child(2) ul li {
        padding:3px;
    }
    footer .footerCols > div:nth-child(2) ul li a {
        padding:10px;
        border: solid 1px rgba(255,255,255,.1);
        border-radius: 5px;
        margin:0px;
        font-size:13px;
    }
     footer .footerCols > div:nth-child(3) {
        order:3;
        text-align: left;
    }
    footer .footerCols > div:nth-child(4) {
        order:4;
    }
    footer article {
        max-width: 100%;
        margin-bottom:20px;
        padding-bottom:5px;
        border-bottom:1px solid rgba(255,255,255,.05);
    }
    footer .corporateCol {
        padding-right: calc(var(--bs-gutter-x)/ 2);
    }
    footer .banks ul {
        flex-wrap: wrap;
        zoom:85%;
        justify-content: center;
    }
    footer .banks ul li {
        margin-top:7px;
        margin-bottom:7px;
    }
    footer .socials {
        margin-top:15px;
    }
    footer .bottom .corporateLinks li a{
        white-space:nowrap
    }
    footer .bottom .container{
        padding-left:15px;
        padding-right:15px;
        zoom:75%;
        border-radius:15px!important
    }
    footer .bottom{
        margin-top:0px;
    }   
    footer{
        border-radius:0px!important;
        width:100%!important;
        margin-left:0px!important;
        margin-bottom:0px!important;
        padding-top:25px;
    }
    footer .corporateLinks {
        flex-wrap:wrap;
        font-size:16px !important;
        text-align: left;
        line-height: 40px;
    }
    footer .bottom .corporateLinks li {
        width: 50%;
        text-align: left;
    }
    footer .bottom .corporateLinks li a {
        text-align: left;
    }
    footer .menuList .head {
        font-size: 18px !important;
        margin-bottom: 2px !important;
    }
    footer .socials li a {
        line-height: 31px;
    }
    footer .menuList ul.cozumler {
        margin-top:20px;
        margin-bottom:20px;
        padding:10px 0px;
        border-top:1px solid rgba(255,255,255,.1);
        border-bottom:1px solid rgba(255,255,255,.1);
        border-radius: 0px;
        height: auto;
    }
    footer .menuList li.apk {
        margin-bottom:0px;
    }
    footer .menuList ul {
        padding-bottom:0px;
    }
    footer .digital {
        margin-top:20px;
        margin-bottom:20px;
        padding:10px 0px ! important;
    }
}
@media screen and (max-width:768px) {
    footer .socials li a i {
        margin-left: 10px;
    }
}