.form-check-input[type="radio"] {
    border-radius: 50%;
}

.form-check-label {
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    grid-gap: 4px;
    user-select: none;
}

.form-check-input:focus {
    border-color: var(--primary);
    box-shadow: 0 2px 4px 0 rgba(24, 120, 189, 0.4);
}


.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
    outline: none;
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    opacity: 0.5;
}

.seller-dashboard {
    padding: var(--gap20);
    display: grid;
    grid-template-columns: calc(100% - 360px) 340px;
    grid-gap: var(--gap20)
}

.dashboard-right {
    display: flex;
    flex-direction: column;
    grid-gap: var(--gap20);
}

.banner-content-title {
    font-size: var(--gap16);
    margin-bottom: var(--gap8);
}

.dashboard-right-item {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12);
    padding: var(--gap12) var(--gap16);
    font-size: 14px;
    line-height: 1.6;
}

.dashboard-right-item .smooth-slider {
    margin-bottom: var(--gap12);
}

.dashboard-right-item img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.dashboard-right-item .slide img {
    height: 100%;
}

.dashboard-right-item ul {
    padding-left: var(--gap20);
    display: flex;
    flex-direction: column;
    grid-gap: var(--gap12);
}

.dashboard-right-item .banner-content strong {
    font-size: var(--gap16);
    font-weight: 500;
}

.home-block {
    display: flex;
    justify-content: space-between;
    grid-gap: var(--gap20);
    margin-bottom: var(--gap20);
    background-color: #fff;
    padding: var(--gap16) var(--gap20);
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12);
}
/* 
.home-block.ggads-active {
    grid-template-columns: repeat(3, 1fr);
}

.home-block.ggads-active .card-body {
    display: grid;
    align-items: center;
    grid-template-columns: 64px calc(100% - 76px);
    grid-column-gap: 12px;
    padding: var(--gap22) var(--gap16);
}

.home-block.ggads-active .card-body .avatar {
    grid-row-start: span 2;
}

.home-block.ggads-active .card:hover .card-title {
    color: var(--primary);
}

.home-block.ggads-active .card-body .card-title {
    margin: 0;
    color: #111;
    font-size: var(--gap20);
    transition: all 222ms ease-in-out;
}

.home-block.ggads-active .card-body small {
    font-size: 14px;
} */

.form-group.form-group-watch {
    display: flex;
    flex-direction: column;
}

.card-body.item-overview {
    padding: 8px var(--gap18);
}

.item-overview p {
    display: flex;
    flex-direction: column;
    margin: 0;
    grid-gap: 4px;
}

.item-overview p span {
    font-weight: 500;
}

.home-block .card {
    max-width: 25%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.card-body {
    line-height: 1.3;
}

.card-title {
    font-size: 17px;
    line-height: 1.3;
    margin: var(--gap12) 0 6px;
    color: #566a7f;
    white-space: nowrap;
}

.avatar img {
    border-radius: 7px;
}

.card-body small {
    color: #595959;
    font-size: var(--gap14);
}

.google-vs-chiaki {
    background-color: rgba(86 106 127 / 1%);
    border-radius: 7px;
    padding: var(--gap12) 0;
    margin: var(--gap22) 0;
}

.google-vs-chiaki-title {
    text-align: center;
    font-size: 23px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    grid-gap: 8px;
}

.compare-ads {
    --ggAds: #f8f8f8;
    color: #313131;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
    margin-top: var(--gap12);
    border-radius: 0 4px 16px rgba(11 11 11 / 31%);
}

.compare-item {
    padding: var(--gap20) 80px var(--gap20) 40px;
    position: relative;
}

.gg-ads {
    padding: var(--gap20) 40px var(--gap20) 60px;
    background-color: var(--ggAds);
    border-radius: 7px 0 0 7px;
    transform: skewX(-15deg);
}

.chi-ads::after,
.gg-ads::after {
    content: "";
    width: 120%;
    height: 120%;
    display: block;
    background-color: var(--ggAds);
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
}

.gg-ads::after {
    background-color: var(--ggAds);
    right: auto;
    left: 0;
}

.chi-ads {
    background-color: #fff;
    border-radius: 0 7px 7px 0;
    transform: skewX(-15deg);
}

.compare-item .compare-item-content {
    position: relative;
    z-index: 3;
    transform: skewX(15deg);
}

.compare-item-title {
    font-size: 24px;
    font-weight: var(--fontBold);
    margin-top: var(--gap12);
    margin-bottom: var(--gap14);
}

.linksignup {
    cursor: pointer;
    padding: var(--gap14) var(--gap8);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: var(--gap12) 0 0;
    border-radius: 5px;
    text-transform: uppercase;
    width: fit-content;
    min-width: 200px;
    text-align: center;
}

.chi-ads .linksignup {
    background-color: var(--headerColor);
    color: #fff;
}

.gg-ads .linksignup {
    background-color: #CD201F;
    color: #fff;
}

.schedule-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--gap18);
    background-color: #fff;
    grid-column-gap: 12px;
    padding: var(--gap22) var(--gap16);
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12);
    border-radius: .5rem;
    font-size: var(--gap18);
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}

.schedule-image {
    position: relative;
    display: block;
    width: 64px;
    background-color: #ecf9fc;
    color: #2199c4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.schedule-image::after {
    content: "";
    padding-bottom: 100%;
    display: block;
}

.schedule-image>* {
    width: 52px;
    height: 52px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -26px;
    margin-left: -26px;
    animation: tada 1s linear infinite;
    -webkit-animation: tada 3s linear infinite;
}

@keyframes tada {
    0% {
        color: #43bfe3;
    }

    10%, 20% {
        color: #fbbc05;
    }

    30%, 50%, 70% {
        color: #4285f4;
    }

    40%, 60% {
        color: #ea4335;
    }

    100%, 80% {
        color: #43bfe3;
    }
}

.schedule-content,
.trending-product-content {
    display: grid;
    grid-gap: 10px;
}

.schedule-title,
.trending-product-title {
    margin: 0;
    color: #111;
    font-size: var(--gap18);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 1.3;
    grid-gap: 8px
}

.trending-product-title {
    align-items: center;
}

.schedule-title svg,
.trending-product-title svg {
    width: 32px;
    min-width: 32px;
}

.schedule-txt,
.trending-product-txt {
    font-size: 14px;
    color: #595959;
}

.schedule-link,
.trending-product-content a {
    color: #2199c4;
    text-decoration: underline;
    cursor: pointer;
}

.trending-product-content a {
    width: 100%;
    display: block;
    text-align: center;
}

.schedule-link:hover,
.trending-product-content a:hover {
    text-decoration: none;
}

.trending-product-txt-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #000 !important;
    text-decoration: none !important;
}

.trending-product-txt-content {
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
    font-size: 14px;
    text-align: left;
}

.trending-product-txt-content-title {
    font-weight: 500;
    font-size: 16px;
    color: var(--primary); 
}

.schedule-pop-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 91928;
    font-size: 15px;
    line-height: 1.4;
}

.schedule-pop-wrapper.active {
    display: block;
}

.schedule-pop-background {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    font-size: 15px;
    line-height: 1.4;
    background-color: rgba(5, 65, 87, 0.11);
}

.schedule-pop-content {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 6px 36px rgba(11 11 11 / 31%);
    position: absolute;
    top: 70px;
    left: 50%;
    width: 94%;
    padding: 0;
    z-index: 12;
    transform: translateX(-50%);
    max-width: 8var(--gap20);
    max-height: 75vh;
    overflow-y: auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.schedule-table {
    margin-top: var(--gap18);
    border: 1px solid rgba(33 153 196 / 25%);
    border-collapse: collapse;
    border-spacing: 0;
}

.schedule-table-head {
    background-color: #ecf9fc;
    border-bottom: 1px solid rgba(33 153 196 / 25%);
    ;
}

.schedule-table-head th {
    padding: 8px 12px;
    min-width: 130px;
}

.schedule-table-head th:nth-child(n + 2) {
    text-align: center;
}

.schedule-table-head th small,
.schedule-table-head th span {
    display: block;
}

.schedule-pop-heading {
    margin: 0;
    padding: 10px 10px 10px 24px;
    color: #111;
    font-size: var(--gap20);
    line-height: 1.1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    cursor: default;
    user-select: none;
}

.close-schedule-pop {
    cursor: pointer;
    width: 36px;
    min-width: 36px;
    height: 36px;
    color: #c1c1c1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close-schedule-pop:hover {
    color: #313131;
}

.schedule-content-wrapper {
    padding: 12px 24px;
}

.schedule-pop-row:nth-child(n + 2) {
    border-top: 1px solid #e1e1e1;
}

.schedule-pop-row:hover {
    background-color: #f8f8f8;
    cursor: default;
}

.schedule-pop-col {
    padding: 8px 12px;
    text-align: center;
}

.schedule-pop-col:first-child {
    text-align: left;
    min-width: 230px;
}

.schedule-pop-col:last-child {
    text-align: left;
}

.h2-heading {
    font-size: 19px;
    margin: 24px 0 var(--gap18);
    font-weight: 600;
}

.h3-heading {
    margin: 0 0 10px;
    font-size: 17px;
}

.schedule-list-fee {
    display: grid;
    grid-gap: var(--gap20);
    padding-left: var(--gap20);
}

.schedule-sub-list-fee {
    display: grid;
    grid-gap: 8px;
    padding-left: var(--gap18);
    list-style-type: disc;
}

.seller-register-contain {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--gap18);
    flex-direction: row;
}

.performance-product-wrapper {
    display: grid;
    grid-gap: var(--gap18);
    margin-bottom: 24px;
    align-items: stretch;
}

.performance-product-wrapper>* {
    background-color: #fff;
    border-radius: 5px;
}

.performance-product-highcharts {
    padding: var(--gap18);
}

.performance-product-highcharts .highcharts-figure {
    margin: 0;
}

.performance-product-table table {
    margin-bottom: 0;
}

.performance-product-table .card-body {
    padding: var(--gap18);
}

body:not(.sidebar-collapse) .col-title-overview {
    width: 160px;
    min-width: 160px;
    vertical-align: middle;
}

.performance-product-table>.card {
    box-shadow: none;
}

.offiste-banner-container {
    background-color: #fff;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12);
    margin: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}

.offsite-banner-content {
    color: #595959;
    padding: 16px 24px;
}

.list-adv {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--gap14);
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
}

.list-adv li {
    width: fit-content;
    font-size: var(--gap14);
    padding: var(--gap8);
    border: 1px solid var(--primary);
    color: var(--primary-dk);
    border-radius: 3px;
}

.offsite-banner-image img {
    max-height: 200px;
    width: auto;
    object-fit: contain;
}

.schedule-link-detail {
    color: var(--primary);
    text-decoration: underline;
    cursor: pointer;
    user-select: none;
}

.schedule-link-detail:hover {
    text-decoration: none;
}

.smooth-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.slider-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
    height: auto;
    object-fit: cover;
}

.prev-btn, .next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 20px;
    z-index: 10;
}

.prev-btn {
    left: 10px;
    display: none;
}

.next-btn {
    right: 10px;
    display: none;
}

.slider-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 6px;
    margin-top: var(--gap10);
    text-align: center;
    width: 100%;
    z-index: 5;
}

.slider-pagination span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0;
    background-color: #d1d1d1;
    border-radius: 6px;
    cursor: pointer;
    transition: all 222ms ease-in-out;
}

.slider-pagination .active {
    background: #b1b1b1;
    width: 14px;
}

.highcharts-content {
    max-width: 100% !important;
}

.highcharts-content > *:first-child,
.highcharts-content .highcharts-root {
    max-width: 100% !important;
}

@media(max-width: 1360px) {
    .performance-product-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 1000px) {
    .seller-dashboard,
    .home-block,
    .app-download-icon {
        display: flex;
        flex-direction: column;
    }

    .app-download-icon {
        grid-gap: var(--gap12)
    }

    .home-block .card {
        width: 100%;
        max-width: 100%;
    }

    #app-download .app-right {
        flex-direction: row;
        grid-gap: var(--gap8);
        padding-left: 0;
    }
}
@media (max-width: 760px) {
    .home-block {
        grid-template-columns: repeat(1, 1fr);
    }

    .home-block .card-body {
        display: grid;
        grid-template-columns: 64px calc(100% - 76px);
        grid-gap: 0 12px;
        align-items: center;
    }

    .home-block .card-body .avatar {
        grid-row-start: span 2;
    }

    .home-block .card-body .card-title {
        margin: 0;
    }

    .google-vs-chiaki-title {
        font-size: 17px;
        text-align: left;
    }

    .google-vs-chiaki-title svg {
        width: 44px;
        min-width: 44px;
        height: 44px;
    }

    .compare-ads {
        grid-template-columns: repeat(1, 1fr);
    }

    .schedule-image {
        min-width: 64px;
    }

    .compare-ads .gg-ads,
    .compare-ads .chi-ads {
        padding: 16px 24px;
    }

    .compare-ads .gg-ads,
    .compare-ads .chi-ads,
    .compare-item .compare-item-content {
        transform: none;
    }

    .schedule-pop-heading {
        font-size: 17px;
    }

    .schedule-pop-col:first-child {
        min-width: 140px;
    }

    .schedule-pop-col:last-child {
        min-width: 240px;
    }

    .schedule-pop-col:nth-child(n + 2) {
        border-left: 1px solid #e1e1e1;
    }

    .schedule-table-head tr>*:nth-of-type(2),
    .schedule-table-head tr>*:nth-of-type(3) {
        min-width: 100px;
        width: 100px;
    }

    .performance-product-wrapper {
        display: block;
    }

    .performance-product-table {
        margin-top: 24px;
    }

    .performance-product-table .card-primary {
        padding: var(--gap18);
    }

    .performance-product-table .card-body {
        padding: 0;
    }

    .performance-product-table .col-title-overview {
        z-index: 3;
    }

    .offiste-banner-container {
        flex-wrap: wrap;
    }

    .offsite-banner-image img {
        max-width: 100%;
    }
}

.trending-product-txt-content-title.best {
    color: green;
}

.trending-product-txt-content-title.middle {
    color: #ff9900;
}

.trending-product-txt-content-title.low {
    color: #494949;
}
.analyze-incre {
    color: green;
}
.analyze-decre {
    color: red;
}
.analyze-normal {
    color: gray;
}
.new-item-right-bar:hover {
    color: #2199c4;
}