footer.footer{
    background-color: $pColor;
    padding:30px 0 15px;


    .flex_space_adjustment_row{
        justify-content: space-between;
        .col-xl{
            
            @include xl-up{
                flex:unset;
                width: auto;
            }

            &.col-left{
                @include xl-up{
                    width: 15%;
                }
                @include xxl-up{
                   width: 20%; 
                }
                
            }
            &.col-center{
                @include xl-up{
                    width: 65%;
                }
                @include xxl-up{
                   width: 58%; 
                }

            }
            &.col-right{
                @include xl-up{
                   width: 20%; 
                }
              

               
                
            }
          
        }
    }

    .logo_wrapper{
        display:flex;
        flex-direction: column;
        align-items: center;
        //align-items: flex-start;
        height: 100%;
        justify-content: center;

        .img_wrap{
           /*  img{ 
             max-width: 320px;
            } */
        }
        
    }

    .social_wrapper{
        display: flex;
        gap: 12px;
        margin: 10px 0;
        //margin: 25px 0 25px 15px;
        justify-content: center;
        width: 100%;
      
        .icon_wrap {
            background-color: $sColor;
            width: 30px;
            height: 30px;
          
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            transform: translate(0, 0);

            &:hover{
                transform: translate(0, 5px);
                transition: all 0.3s ease;
            }
        }
    }

    p.heading{
        font-size: 26px;
        text-transform: uppercase;
        color:#fff;
        display: inline-block;

        &:after{
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background-color: $sColor;
            margin-top: -4px;
        }
    }
    .m_l_adjust{
        @include xxl-up{
            margin-left: 35px;
        }
    }
    .ul_wrapper{

        @include lg-up{
            display: flex;
               gap:50px;
             
        }


        .m_adjust{
            @include xl-up{
                margin-top: -20px;
            }
        }
    }
    ul{
        list-style: none;
        padding: 0;
        column-count: 2;  
        margin-top:10px;
        @include sm-up{
            column-count: 2;  
        }

        @include xl-up{
               column-count: 4; 
        }
        li{
            display: flex;
            align-items: center;
            gap:10px;
            padding:5px 0;

            &::before{
                content:"";
                width: 10px;
                height: 10px;
                display: inline-flex;
                min-width: 10px;
                background-color: $sColor;
                
            }
            a{
                font-size:15px;
                color:#fff;
                margin-inline-start:0; 
                transition: all 0.3s ease;
                overflow: hidden;
                width: 100%;
                white-space: nowrap;
                text-overflow: ellipsis;

                &:hover{
               /*      transition: all 0.3s ease;
                    margin-inline-start:3px;  */
                    color:$sColor;
                }

            }
        }
    }

    .contact_wrapper{
        .wrap{
            display: flex;
            gap: 10px;
            align-items: center;
            padding: 7px 0;
            min-height: 60px;
            position: relative;

            .icon_wrap{
                  background-color: $sColor; 
                width: 40px;
                height: 40px;
                min-width: 40px;
                min-height: 40px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top:-5px;
                border:1px solid $sColor;
            }

            .wrapper_span{
                color:#fff;
                font-size: 16px;
                display: inline-block;
                padding-right: 5px;
                position: absolute;
                left: 50px;
                top: 20px;
              

                .wrap_span{
                    display: inline-block;
                    &:after{
                        content: "";
                        display: block;
                        width: 100%;
                        height: 1px;
                        background-color: $sColor;
                        margin-top: -4px;
                    }
                }
               
            }
            .a_wrap{
                display: flex;
                flex-direction: column;
                margin-left: 50px;
                color: #fff;
                //margin-top: 15px;
                margin-top: 6px;
            }
            a{
                color:#fff;
            }
        }
       
    }
}
.bottom_bar{
    background-color: $sColor;
    display: flex;
    justify-content: center;
    align-items: center;
    color:$black;
    font-size: 14px;


    .copy_text{
        color:#000;
        padding:5px 0;
        font-family: $tahoma;
        text-align: center;

        @include md-up{
            text-align: left;
        }
        a{
            color:#000;
        }
    }

    
}