footer {
    background: #0f172a;
    color: #fff;
}

.footer-links {
    border-top: 1px solid #ffffff14;
    border-bottom: 1px solid #ffffff14;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    display: grid;
}

.footer-links a {
    color: #fff;
    cursor: pointer;
    background: 0 0;
    border-right: 1px solid #ffffff14;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 5rem;
    text-decoration: none;
    transition: background-color .28s cubic-bezier(.4, 0, .2, 1), color .28s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    text-decoration: none;
    font-size: var(--h4_size);
    line-height: var(--h4_lineheight);
    font-weight: 700;

}

.footer_dmc a:hover{
    background-color: var(--bgColor2);
}

.footer_dmc a:hover .footer-grid-arrow{
    transform: translateX(0px);
}


.footer_dmc a:hover{
   color: var(--bgColor1);   
}


.footer-brand h2{
    font-size: clamp(2rem, 6vw, 6rem);
    font-weight: 800;
    opacity: .1;
    line-height: 1;
    text-shadow: 10px 10px #000;
    color: #fff;
        margin-bottom: 0;
}

.bottom-bar {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--gap15);
    border-top: 1px solid #ffffff14;
    padding: 15px 0;
    align-items: center;
}

.bottom-bar a,
.bottom-bar span {
    color: var(--peraColor3);
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}

.footer_cms_link {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.footer_cms_link a{
    position: relative;
    display: block;
    padding-left: 10px;
    margin-left: 10px;
    transition: 0.2s all ease;
}

.footer_cms_link a::before{
 position: absolute;
 content: '';
 width: 1px;
 height: 100%;
 background: #ffffff40;
 left: 0;

}

.footer_cms_link a:first-child{
    padding-left: 0;
    margin-left: 0;
}
.footer_cms_link a:first-child::before{
    display: none;
}

.footer_cms_link a:hover{
    color: #ffffff;
}


.footer-grid-arrow{
    color: var(--activecolor);
    justify-content: center;
    align-items: center;
    width: clamp(16px, 3.6vw, 30px);
    height: clamp(16px, 3.6vw, 30px);
    transition: transform .28s cubic-bezier(.4, 0, .2, 1), color .28s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    transform: translateX(-10px);
}


/*--------------------*/

.footer_grid_box{
    display: grid;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gap50);
    grid-template-columns: 1fr 1fr 1fr;
    padding: var(--gap50) 0;
}

.footer_grid_box h6 {
    color: var(--headingColor2);
    font-family: "Elms Sans", sans-serif;
    text-transform: capitalize;
    font-size: var(--h5_size);
    line-height: var(--h5_lineheight);
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc12;
}

.footer_iso ul{
    display: flex;
    align-items: center;
    gap:15px;
}

.footer_iso ul li {
    list-style: none;
    width:120px;
}
.footer_iso ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer_menu ul{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.footer_menu ul li{
    list-style: none;
}

.footer_menu ul li a {
 color: #fff;
 text-decoration: none;
 padding: 0;
 font-size: 16px;
 font-weight: 600;
 line-height: 1;
 text-transform: capitalize;
 display: flex;
 align-items: center;
 justify-content: space-between;
 position: relative;
 transition: 0.2s all;
}

.footer_menu ul li a:hover{
    color: var(--activecolor);
}






















@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 1100px){
    .footer-links a{padding: var(--gap20);}
}

@media only screen and (max-width: 840px){
  .footer_grid_box{    grid-template-columns: 1fr;}
}

@media only screen and (max-width: 768px){
    .footer_iso ul li {width: 70px;}
    .bottom-bar{flex-direction: column;gap: 5px;}
    .bottom-bar a, .bottom-bar span{font-size: 14px;}
}

@media only screen and (max-width: 640px){
    .footer-links a{font-size: var(--h6_size);line-height: var(--h6_lineheight);}
}

@media only screen and (max-width: 480px){
    .footer-links{grid-template-columns: repeat(1, 1fr);}
    .footer_dmc {border-bottom: 1px solid #ffffff14;}    
    .bottom-bar a, .bottom-bar span{font-size: 12px;}
    .footer-links a{padding: 10px;}
    .footer_menu ul{gap: 10px;}
    .footer_iso ul{    gap: 5px;}
    .footer_iso ul li {width: 50px;}
        
}