.tank-detail {
    .tank-heading {
        font-size: 30px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        color: var(--main-color);
        padding-bottom: 20px;
    }

    .main {
        display: flex;

        .left,
        .right {
            width: 50%;
            display: flex;
            justify-content: center;
            align-items: start;
        }

        .left {
            padding-right: 50px;

            .outer {
                overflow: hidden;
                border-radius: 10px;

                img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                    transition: .3s;

                    &:hover {
                        transform: scale(1.2);
                    }
                }
            }
        }
        .right{
            p{
                padding-bottom: 0;
                line-height: 30px;
                font-size: 18px;
                text-align: justify;
            }
        }
    }

    

    .points{
        padding-top: 50px;
        .point-heading{
            font-size: 18px;
            color: var(--main-color);
            text-transform: uppercase;
            text-align: center;
            padding-bottom: 20px;
        }
        .point{
            padding-bottom: 20px;
            b{
                color: var(--main-color);
                text-transform: uppercase;

            }
        }
    }


    .description {
        padding-top: 20px;

        p {
            list-style: decimal;
            padding-bottom: 0;
            padding: 10px 40px;
            padding-right: 100px;
            background-color: var(--main-color);
            margin-bottom: 20px;
            color: #fff;
            position: relative;
            display: inline-block;

            &::before {
                position: absolute;
                content: '';
                background-color: #fff;
                height: 100%;
                width: 5px;
                left: 10px;
                top: 0;
            }
        }
    }
    @media(max-width:991px){
        .main{
            flex-direction: column;
            .left, .right {
                padding: 0;
                width: 100%;
            }
        }
    }
}