.dealer-header-section{
    padding-top: 2rem;
    padding-bottom: 4.68rem;
}

.image-hexagon-wrapper{
    width: 13.81rem;
    height: 18.18rem;
    margin: 0 auto 0 auto;
    /* filter: drop-shadow(2px 8px 20px #D2CEDD); 
    -webkit-filter: drop-shadow(2px 8px 20px #D2CEDD);  */
    /* below code add for safari browser- thin grey line issue */
    margin-bottom: -1px;
    border-bottom: 1px transparent solid;

}

.hexagon-img{
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 50% 75%, 0% 100%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 50% 75%, 0% 100%, 0% 25%);
    object-fit: cover;
}

.dealer-icon{
    width: 6.625rem;
    height: 5.5rem;
    border-inline-end: 1px solid #D9C0FF;
}

.app-icon{
    width: 7.25rem;
    height: 2.5rem;
}

.app-icon:first-of-type{
    margin-bottom: 0.9rem;
}

@media(min-width: 768px){

    .dealer-header-section{
        padding-top: 2.5rem;
        padding-bottom: 4.87rem;
        padding-left: 4.18rem;
        padding-right: 4.18rem;
        background: url(/wp-content/themes/northladder/img/mobile-arrow-bg.svg);
        background-repeat: no-repeat;
        background-position: left 5% top 40%;;
    }

    .image-hexagon-wrapper{
        width: 330px;
        height: 434px;
        margin-bottom: -1px;
    }

    .dealer-desc{
        max-width: 25.625rem;
        margin: auto;
    }

    .app-icon:first-of-type{
        margin-bottom: 0rem;
    }
}

@media(min-width: 905px){

    .dealer-header-section{
        padding-top: 2.5rem;
        padding-bottom: 6.75rem;
        padding-left: 0rem;
        padding-right: 0rem;
        background-image: url('/wp-content/themes/northladder/img/desktop-arrow-bg.svg');
        background-repeat: no-repeat;
        background-position: top 45% left 55%;

    }

    .image-hexagon-wrapper{
        width: 349px;
        height: 460px;
        margin-inline-start: auto;
        margin-inline-end: 0;
        margin-bottom: -1px;
    }

    .dealer-desc{
        max-width: unset;
        margin: 0;
    }
}

@media(min-width: 1240px){
    .dealer-header-section{
        padding-top: 3.5rem;
        padding-bottom: 8rem;
        background-position: top 45% left 55%;
    }

    .image-hexagon-wrapper{
        width: 401px;
        height: 528px;
        margin-inline-start: auto;
        margin-inline-end: 0;
        margin-bottom: -1px;
    }
}

@media(min-width: 1440px){
    .dealer-header-section{
        background-position: top 40% left 58%;;
        background-repeat: no-repeat;
    }
}

@media(min-width: 1440px){
    .dealer-header-section{
        background-position: top 30% left 55%;;
    }
}