[mn="1007"] {
     --gradStart_default: rgba(255, 255, 255, 1);
     --gradEnd_default: rgba(255, 255, 255, 0);

     --secpt: 0px;
     --secpb: 0px;

     .itm {
         &.lr-w {
             flex: 0 0 100%;
             max-width: 100%;
             flex-direction: row-reverse;
             padding: 0;
         }

         .l,
         .r {
             flex: 0 0 50%;
             max-width: 50%;
             position: relative;

             @media(width<575px) {
                 flex: 0 0 100%;
                 max-width: 100%
             }
         }

         .l {
             min-height: 300px; 

             @media(width<=575px) {
                 &:after {
                     display: none
                 }
             }
         }

     }

     .textbx {
         padding: 0 0 0 0;
         width: 600px;
         max-width: 100%;
         margin: 0 auto;
     }

     ._content {
         border: 0;
     }


     .floatingbg {
         position: absolute;
         left: 0;
         top: 0;
         height: 100%
     }

     @media (max-width: 575px) {
         .textbx {
             padding: 0 0 0 0 !important
         }

         .floatingbg {
             position: inherit;
             padding: 15px
         }
     }

     .rowbxlist {

        --ObjImgPadu: var(--ObjImgPadu_default, 60px 0);
        --ttlClru: var(--ttlClru_default, var(--secttlclr));
        --bgclr: var(--bgclr_default, transparent);

        @media (width <= 1200px) { 
            --ObjImgPadu: var(--ObjImgPadu_1200, 15px 0); 
        } 
        @media (width <= 991px) { 
            --ObjImgPadu: var(--ObjImgPadu_991, 15px 0); 
        } 
        @media (width <= 767px) { 
            --ObjImgPadu: var(--ObjImgPadu_767, 15px 0); 
        } 
        @media (width <= 575px) { 
            --ObjImgPadu: var(--ObjImgPadu_575, 15px 0); 
        }

        /* ================================ */
        /* ================================ */

        padding: var(--ObjImgPadu);
        background-color: var(--bgclr);

        & ._ittl {
            text-align: var(--listingTtlAlg_default, inherit)
        }
        & h4 {
            color: var(--ttlClru); 

            &::after,
            &::before{
                display: none;
            }
        }
         .rowcont {
             min-height: auto;
         }

         .rowcont {
             @media(width>=575px){
                min-height: 50vh;
             }
         }
     }

     &.dsg_1 {
         .rowbxlist:nth-child(even) {

             .rowcont {
                 .row {
                     flex-direction: row-reverse;
                 }
             }

             .lr-w {
                 flex-direction: initial;
             }

             /* .l {
                 &:after {
                     background: linear-gradient(90deg, var(--gradEnd_default) 0%, var(--gradStart_default) 100%);
                     left: auto;
                     right: 0; 
                 }
             } */
         }
     }
     &.dsg_2 {
         .rowbxlist:nth-child(odd) {

             .rowcont {
                 .row {
                     flex-direction: row-reverse;
                 }
             }

             .lr-w {
                 flex-direction: initial;
             } 
         }
     } 

 }

 /* ============================ */
 /* ============================ */
 /* // customization */

 [mn="1007"] {
    counter-reset: count 0;

    .rowbxlist{
        counter-increment: count 1;

        .ttldecor-top{
            font-family: var(--ft-t1);
            color: #ccc;
            font-size: var(--ttlsize);
            line-height: 1; 

            &::after{
                content: counter(count, decimal-leading-zero);
            }
        }
    }
    & ul, 
    & ol{
        text-align: left; 
    }
    @media(width>991px){
        & ul, 
        & ol{
            display: flex;
            flex-wrap: wrap;
            padding: 0;
            justify-content: space-between;
            margin-left: 30px;
            line-height: 1.4;
            
            &>li{
                flex: 0 0 calc(50% - 15px);
                max-width: calc(50% - 15px); 
            }
        }
    }
 }

 /* ================================== */
 /* ================================== */
 /* ================================== */

 html.apple [mn="1007"] {
    --gradStart_default: rgba(255, 255, 255, 1);
    --gradEnd_default: rgba(255, 255, 255, 0);

    --secpt: 0px;
    --secpb: 0px; 
}
html.apple [mn="1007"] .itm.lr-w {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: row-reverse;
    padding: 0;
}

html.apple [mn="1007"] .itm .l,
html.apple [mn="1007"] .itm .r {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;

    
}
@media(width<575px) {
    html.apple [mn="1007"] .itm .l,
    html.apple [mn="1007"] .itm .r {
        flex: 0 0 100%;
        max-width: 100%
    }
}

html.apple [mn="1007"] .itm .l {
    min-height: 300px;  
}
@media(width<=575px) {
    html.apple [mn="1007"] .itm .l:after {
        display: none
    }
}
 html.apple [mn="1007"] .textbx {
    padding: 0 0 0 0;
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}

 html.apple [mn="1007"] ._content {
    border: 0;
}


 html.apple [mn="1007"] .floatingbg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

@media (max-width: 575px) {
     html.apple [mn="1007"] .textbx {
        padding: 0 0 0 0 !important
    }

     html.apple [mn="1007"] .floatingbg {
        position: inherit;
        padding: 15px
    }
}

 html.apple [mn="1007"] .rowbxlist {

   --ObjImgPadu: var(--ObjImgPadu_default, 60px 0);
   --ttlClru: var(--ttlClru_default, var(--secttlclr));
   --bgclr: var(--bgclr_default, transparent);

   

   /* ================================ */
   /* ================================ */

   padding: var(--ObjImgPadu);
   background-color: var(--bgclr);

    
}
@media (width <= 1200px) { 
    html.apple [mn="1007"] .rowbxlist {
    --ObjImgPadu: var(--ObjImgPadu_1200, 15px 0); 
    } 
} 
@media (width <= 991px) { 
    html.apple [mn="1007"] .rowbxlist {
    --ObjImgPadu: var(--ObjImgPadu_991, 15px 0); 
    } 
} 
@media (width <= 767px) { 
    html.apple [mn="1007"] .rowbxlist {
    --ObjImgPadu: var(--ObjImgPadu_767, 15px 0); 
    } 
} 
@media (width <= 575px) { 
    html.apple [mn="1007"] .rowbxlist {
    --ObjImgPadu: var(--ObjImgPadu_575, 15px 0); 
    }
}
html.apple [mn="1007"] .rowbxlist ._ittl {
    text-align: var(--listingTtlAlg_default, inherit)
}
 html.apple [mn="1007"] .rowbxlist h4 {
    color: var(--ttlClru); 
}
html.apple [mn="1007"] .rowbxlist h4::after,
    html.apple [mn="1007"] .rowbxlist h4::before{
        display: none;
    }
 html.apple [mn="1007"] .rowbxlist .rowcont {
     min-height: auto;
 }

 @media(width>=575px){
    html.apple [mn="1007"] .rowbxlist .rowcont {
            min-height: 50vh;
    }
 }
html.apple [mn="1007"].dsg_1 .rowbxlist:nth-child(even) .rowcont .row {
        flex-direction: row-reverse; 
}

 html.apple [mn="1007"].dsg_1 .rowbxlist:nth-child(even) .lr-w {
    flex-direction: initial;
}
html.apple [mn="1007"].dsg_2 .rowbxlist:nth-child(odd) .rowcont {
        flex-direction: row-reverse; 
}

html.apple [mn="1007"].dsg_2 .rowbxlist:nth-child(odd) .lr-w {
    flex-direction: initial;
} 
/* ============================ */
/* ============================ */
/* // customization */

html.apple [mn="1007"] {
   counter-reset: count 0; 
}
html.apple [mn="1007"] .rowbxlist{
    counter-increment: count 1; 
}
html.apple [mn="1007"] .rowbxlist .ttldecor-top{
    font-family: var(--ft-t1);
    color: #ccc;
    font-size: var(--ttlsize);
    line-height: 1;
}
html.apple [mn="1007"] .rowbxlist .ttldecor-top::after{
    content: counter(count, decimal-leading-zero);
}
html.apple [mn="1007"] ul, 
html.apple [mn="1007"] ol{
    text-align: left; 
}
@media(width>991px){
    html.apple [mn="1007"] ul, 
    html.apple [mn="1007"] ol{
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        justify-content: space-between;
        margin-left: 30px;
        line-height: 1.4; 
    }
    html.apple [mn="1007"] ol>li{
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px); 
    }
}