﻿
.nsop-tg-secitembox-icon {
    color: var(--nsop-theme-secitembox-mainicon-color);
}

.nsop-tg-secitembox-toptitle {
    color: var(--nsop-theme-secitembox-toptitle-color);
    font-size: var( --nsop-theme-secitembox-toptitle-font-size);
    font-weight: var(--nsop-theme-secitembox-toptitle-font-weight);
}

.nsop-tg-secitembox-title {
    color: var(--nsop-theme-secitembox-title-color);
    font-size: var( --nsop-theme-secitembox-title-font-size);
    font-weight: var(--nsop-theme-secitembox-title-font-weight);
}

.nsop-tg-secitembox-subtitle {
    color: var(--nsop-theme-secitembox-subtitle-color);
    font-size: var( --nsop-theme-secitembox-subtitle-font-size);
    font-weight: var(--nsop-theme-secitembox-subtitle-font-weight);
}

.less-padding{
    padding:0 .2rem;
}

.nsop-tg-secitembox-item {
    background-color: var(--nsop-theme-secitembox-light-backcolor);
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    border-radius: var(--nsop-theme-border-radius-md);
    margin-top: 0;
    display: block;
}
.nsop-tg-secitembox-item-img {
    width: 100%;
    height: auto;
}
    .nsop-tg-secitembox-larg-item {
        border-radius: var(--nsop-theme-border-radius-md);
        background-color: var(--nsop-theme-secitembox-light-backcolor);
        overflow: hidden;
        display: block;
        margin: .2rem;
    }
.nsop-tg-secitembox-single-item {
    border-radius: var(--nsop-theme-border-radius-md);
    background-color: var(--nsop-theme-secitembox-light-backcolor);
    overflow: hidden;
    display: block;
    margin: .2rem;
}
.type-first {
    order: 1;
}
.type-second{
    order:2;
}
.type-last{
    order:3;
}
@media (max-width:767.99px){
    .nsop-tg-secitembox-item {
        margin-top: .4rem;
    }
}