.DraggerPage{
    .main{
        .box{
            display: flex;
            p{
                font-size: 18px;
                font-weight: 400;
            }
            .image{
                img{
                    width: 75%;
                }
            }
        }
        #sailent_feature{

            .keypoints{
                ul{
                    display: flex;
                    flex-wrap: wrap;
                    gap: 20px;
                    margin: 0;padding: 0;
                    padding-top: 20px;
                    li{
                        list-style: none;
                        max-width: 90%;
                        width: calc(25% - 20px);
                        box-shadow: 0 0 10px #00000056;
                        border-radius: 10px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding: 40px 20px;
                        text-align: center;
                        transition: .3s;
                        font-weight: 500;
                        &:hover{
                            background-color: var(--sec-color);
                            color: #fff;
                            transform: translateY(-10px);
                        }
                    }
                }
                @media(max-width:991px){
                    ul{
                        li{
                            width: 100%;
                        }
                    }
                }
            }
        }

        #service_desired{
            .list{
                padding: 0;margin: 0;
                display: flex;
                gap: 10px;
                padding-top: 20px;
                flex-wrap: wrap;
                p{
                    list-style: none;
                    background-color: var(--sec-color);
                    display: inline;
                    // padding: 10px 30px;
                    padding: 10px;
                    position: relative;
                    color: #fff;
                    border-radius: 50px;
                    display: inline;
                    width: calc(50% - 30px);
                    text-align: center;
                    transition: .3s;
                    &:hover{
                        background-color: var(--primary-color) !important;
                    }
                }
            }
        }

        #our_costumer{
            .list{
                ul{
                    display: flex;
                    flex-wrap: wrap;
                    li{
                        width: 50%;
                    }
                }
            }
        }

        #our_partner{
            marquee{
                padding-top: 20px;
                .logos{
                    display: flex;
                    height: 100%;
                    gap: 50px;
                    width: 100%;
                    position: relative;
                    left: -100%;
                    img{
                        width: 200px;
                        object-fit: contain;
                    }
                }
            }
        }
    }


    @media(max-width:991px){
        .main{
            .box{
                flex-direction: column-reverse;
                p{
                    text-align: justify
                }
                .image{
                    border: 1px solid var(--primary-color);
                    padding: 10px;
                    margin-bottom: 40px;
                    img{
                        width: 100%;
                    }
                }
            }


            #sailent_feature{

                .keypoints{
                    ul{
                        justify-content: center;
                    }
                }
            }

            #service_desired{
                .list{
                    p{
                        width: 100%;
                        font-size: 14px;
                    }
                }
            }

            #our_costumer{
                .list{
                    ul{
                        li{
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    
}