@import 'partials';
.partner-wrap{ background:#FAFAFA; padding: 50px 0;
    @media ($sm-991){ padding: 30px 0;}
    .logo-wrap{ 
        .img{ background: $white; border-radius:50px; box-shadow: 0px 3px 6px #00000008; border: 1px solid #DCDCDC; width: 172px; height: 65px; display: flex; align-items: center; justify-content: center; padding: 10px 25px; margin: 0;
            @media ($sm-1679){height: 60px; width: 160px;}
            @media ($sm-991){ height: 55px; width: 150px;}
            @media ($sm-767){height: 50px; width: 140px;}
            img{max-height: 35px;
                @media ($sm-1679){max-height: 30px;}
                @media ($sm-767){max-height: 26px;}
            }
        }
        .slick-slide{
            &+.slick-slide{margin-left: 20px;
                @media ($sm-767){ margin-left: 10px;}
            }
        }
    }
}

.footer-wrap{background:url(../img/footer-bg.png) no-repeat top center / cover;
    .flex{display: flex; align-items: center; justify-content: space-between;
        @media ($sm-991){ flex-direction:column; gap: 20px;}
        @media ($sm-579){row-gap: 10px; column-gap: 15px;}
    }
    .top-sec{border-bottom: 1px solid #C48ED5; padding: 35px 0;
        @media ($sm-1199){padding: 20px 0;}
        .logo{margin: 0; padding: 0; max-width: 144px;
            @media ($sm-1679){max-width: 130px;}
            @media ($sm-1199){max-width: 100px;}
        }
        .menu{
            ul{display: flex; gap: 100px; margin: 0; padding: 0;
                @media ($sm-1679){gap: 50px;}
                @media ($sm-767){gap: 15px;}
                @media ($sm-579){flex-wrap: wrap; row-gap: 10px; column-gap: 15px; justify-content: center;}
                @media ($sm-479){flex-direction: column; align-items: center; row-gap: 5px;}
                li{font-size: 16px; list-style: none;
                    @media ($sm-1679){font-size: 15px;}
                    @media ($sm-767){font-size: 13px;}
                    @media ($sm-579){}
                    a{ color: $white; background: url(../img/love.svg) no-repeat left center; text-decoration: none; padding: 0 0 0 20px;
                        @media ($sm-767){background-size: 8px; padding-left: 12px;}
                        &:hover{}
                    }
                }
            }
        }
    }
    .middle-sec{border-bottom: 1px solid #C48ED5; padding: 25px 0;
        @media ($sm-1199){padding: 20px 0;}
        .listing{display: flex; gap: 50px; margin: 0; padding: 0;
            @media ($sm-1679){gap: 30px;}
            @media ($sm-579){row-gap: 10px; column-gap: 15px;}
            @media ($sm-479){flex-direction: column; align-items: center; row-gap: 5px;}
            li{font-size: 14px; list-style: none; color: $white;
                @media ($sm-1679){font-size: 13px;}
                a{text-decoration: none; color: $white;
                    &:hover{text-decoration: underline;}
                }
            }
        }
        .social-media{display: flex; align-items: center;
            @media ($sm-479){flex-direction: column; justify-content: center; padding: 10px 0 0 0;}
            .para{font-size: 14px; color: $white; margin: 0; padding:0 20px 0 0;
                @media ($sm-1679){font-size: 13px;}
                @media ($sm-479){padding: 0 0 10px 0;}
            }
            .right-listing{display: flex; margin: 0; padding: 0;
                li{
                    list-style: none; 
                    svg{display: block;
                        @media ($sm-1199){width: 25px; height: 25px;}
                    }
                    &+li{margin-left: 10px;}
                }
            }
        }
    }
    .bottom-sec{ padding: 30px 0;
        @media ($sm-1199){padding: 20px 0;}
        .para{padding: 0; margin: 0; color: $white; font-size: 14px; text-align: center;
            @media ($sm-1679){font-size: 13px;}
        }
    }
}