.ty-advisory {
    padding: 50px 0px 20px 0px;
    background-color:var(--bg-color);
}

.ty-advisory .container {
    width: 80%;
    margin: auto;
}

.ty-advisory h1 {
    text-align: center;
    padding-bottom: 15px;
}

.ty-advisory p {
    text-align: center;
    font-size: 18px;
}

.ty-advisory .advisory-bx {
    position: relative;
    border: 1px solid #fff;
   box-shadow: 12px 12px 24px #d1d9e6, -12px -12px 24px #fff;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 50px 0px 10px 0px;
    border-radius: 10px;
}

.ty-advisory .bx_advisory {
    width: 80%;
    margin: auto;
}

.ty-advisory .advisory-bx h6 {
    position: relative;
    z-index: 10;
    padding-top: 10px;
    font-size: 18px;
    font-weight: 700;
}

.ty-advisory .adpl-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ty-advisory .adpl-btn::after {
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #2d3748;
    margin-left: 4px;
    z-index: 10;
}

.ty-advisory .advisory-btn {
    background: var(--bg-color);
    color: #2d3748;
    border: none;
    padding: 15px 30px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    box-shadow: 6px 6px 12px #d1d9e6, -6px -6px 12px #fff;
    transition: all 0.2s ease;
    position: relative;
    z-index: 10;
}

.ty-advisory .owl-carousel .owl-nav button.owl-prev {
    position: relative;
    top: -118px;
    left: -12px;
    background: #f0f0f3;
    box-shadow: 6px 6px 12px #d1d9e6, -6px -6px 12px #fff;
    padding: 8px 15px !important;
}

.ty-advisory .owl-carousel .owl-nav button.owl-next {
    position: relative;
    top: -118px;
    left: 96%;
    padding: 8px 15px !important;
    background: #f0f0f3;
    box-shadow: 6px 6px 12px #d1d9e6, -6px -6px 12px #fff;
}

.ty-advisory .advisory-bx {
    position: relative;
    overflow: hidden;
    /* Neumorphic Shadow */
    box-shadow:
        10px 10px 25px rgba(190, 170, 140, 0.45),
        -10px -10px 25px rgba(255, 255, 255, 0.9);
}


.ty-advisory .advisory-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.ty-advisory .advisory-bx::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid #fff;
    box-shadow: 12px 12px 24px #d7dfeae9, -12px -12px 24px #fffefd;
    background: linear-gradient(145deg, #413c338c, #f0f0f024);
    z-index: 1;
}

/* responsive start */
@media (min-width:1200px) and (max-width:1399px) {
    .ty-advisory h1 {
        font-size: 30px;
    }

    .ty-advisory p {
        font-size: 16px;
    }

    .ty-advisory .advisory-bx h6 {
        font-size: 16px;
    }

    .ty-advisory .advisory-bx {
        margin: 50px 0px 10px 21px;
    }

    .ty-advisory .owl-carousel .owl-nav button.owl-prev {
        left: 2px;
    }
}

@media (min-width:1901px) and (max-width:3000px) {
    .ty-advisory h1 {
        font-size: 45px;
        ;
    }

    .ty-advisory p {
        font-size: 20px;
    }

    .ty-advisory .advisory-bx h6 {
        font-size: 20px;
    }
    .ty-advisory .advisory-bx {
    height: 264px;
}
}

@media (max-width:990px) {
    .ty-advisory .owl-carousel .owl-nav button.owl-next {
        top: 19px;
        left: 47%;
    }

    .ty-advisory .owl-carousel .owl-nav button.owl-prev {
        top: 17px;
        left: 139px;

    }

    .ty-advisory .advisory-bx {
        margin: 38px 0px 10px 13px;
    }

    .ty-advisory h1 {
        font-size: 32px;
    }

    .ty-advisory p {
        line-height: 1.7;
    }
}
@media (min-width:760px) and (max-height:665px){
        .ty-advisory .owl-carousel .owl-nav button.owl-prev {
        top: 18px;
        left: 309px;
    }

}