.dnxte_dashb_wrapper {
    max-width: 1115px;
    width: 100%;
    margin: 0 auto;
}

.dnxte_dashb_welcome_single_item {
    display: grid;
    gap: 20px;
    // grid-template-columns: 1fr 1fr 1fr 1fr;
    // grid-template-rows: 1fr;
    // background: $dash-white;

    border-radius: 8px;
    // padding: 24px 29px 24px 19px;
}

.dnxte_dashb_bg_white {
    background: $dash-white;
    padding: 24px 29px 24px 19px;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(93, 107, 152, 0.08);
}

.dnxte_dashb_four_item {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    margin-bottom: 20px;
}

.dnxte-dashb-welcome_inner_wrap {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 1;
    display: flex;
    gap: 20px;
}

.dnxte_dashb_welcome_left {
    display: flex;
    justify-content: center;
    flex-basis: 46%;
    flex-direction: column;
    background: $dash-white;

    // padding: 19px;
    .welcome_name {
        font-size: 14px;
        line-height: 16px;
        color: $dash-main-title;
        font-weight: 500;
        margin: 0 0 10px;
    }

    .welcome_title {
        font-size: 20px;
        color: $dash-main-title;
        font-weight: 600;
        margin: 0 0 15px;
    }

    .welcome_btn_wrap {
        display: flex;
        align-items: center;

        a {
            position: relative;
            font-size: 12px;
            line-height: 16px;
            font-weight: 600;
            text-transform: capitalize;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition: all 0.5s;

            &:focus {
                box-shadow: none;
                outline: none;
            }
        }

        .new_page {
            color: $dash-white;
            background: $dash-active;
            border-radius: 2px;
            padding: 10px 16px;
            margin-right: 15px;

            &:hover {
                background: $dash-active-two;
            }
        }

        .get_started {
            color: $dash-active;

            &::before {
                position: absolute;
                content: "";
                border-bottom: 1px solid transparent;
                left: 25px;
                bottom: 0;
                width: auto;
                right: 0;
            }

            &:hover {
                &::before {
                    border-bottom: 1px solid $dash-active-two;
                }

            }
        }
    }

    .welcome_pra {
        font-size: 14px;
        line-height: 22px;
        color: $dash-pra;
        font-weight: 400;
        margin: 0 0 22px;
    }

}

.dnxte_dashb_welcome_video {
    display: flex;
    flex-basis: 55%;
    justify-content: flex-end;
    gap: 20px;

    iframe {
        border-radius: 4px;
        // max-width: 100%;
        // height: auto;
    }
}

.dnxte-dashb-welcome_inner_right {
    background-color: #fb6514;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;

    .dnxte_dashb_right_ads {
        p {
            font-size: 20px;
            font-weight: 600;
            line-height: 14px;
            color: $dash-white;
            margin: 0;
            text-transform: capitalize;
        }
    }
}







// 3 grid
.dnxte_dashb_three_item {
    border-radius: 8px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 15px;
    margin-bottom: 20px;
    display: flex;
}

.dnxte_dashb_feature_single_item {
    background-color: $dash-white;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(93, 107, 152, 0.08);

    img {
        margin-bottom: 12px;
    }

    .dnxte_dashb_box_title {
        font-size: 16px;
        font-weight: 500;
        line-height: 18px;
        color: $dash-main-title;
        margin: 0 0 14px;
    }

    .dnxte_dashb_box_pra {
        font-size: 14px;
        font-weight: 400;
        line-height: 22.4px;
        color: $dash-pra;
        margin: 0 0 35px;
    }

    .user_review {
        font-size: 12px;
        line-height: 14px;

        font-weight: 400;
        color: $dash-pra;

        span {
            font-weight: 500;
            font-style: italic;
            color: $dash-active;

        }
    }

    .dnxte_dashb_box_btn {
        display: block;
        background: #f2eefe;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        color: $dash-active;
        padding: 12px 20px;
        text-decoration: none;
        text-transform: capitalize;
        text-align: center;
        margin: 0;
        transition: all 0.5s;

        &:hover {
            color: $dash-white;
            background: $dash-active;
        }

        &:focus {
            outline: none;
            box-shadow: none;
        }
    }
}

// 2 item grid
.dnxte_dashb_two_item {
    border-radius: 8px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 20px;
}

// subscribe css

.subscribe-container {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: #fff;
    margin-bottom: 12px;
}

.dnxte_dashb_two_item {
    .subscribe_input {
        padding: 10px 16px;
        border: 1px solid #e0e0e0;
        border-radius: 6px;
        margin-right: 10px;
        font-size: 12px;
        line-height: 14px;
        color: #7D89B0;
        flex-grow: 1;
        min-width: 200px;

        &:input[type=email]:focus {
            box-shadow: none;
            border-color: none;
        }

        &:focus {
            outline: none;
            border-color: $dash-active-two;
            box-shadow: none;
        }

    }

    .user_joind {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        color: $dash-pra;
        margin: 0;

        span {
            color: $dash-active;
        }
    }
}

.subscribe_input::placeholder {
    color: $dash-main-title;
}



.subscribe-button {
    padding: 11px 24px;
    background-color: #F2EFFE;
    color: #5a5aff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    line-height: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.subscribe-button:hover {
    color: $dash-white;
    background-color: $dash-active-two;
}

.subscribe-button:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(90, 90, 255, 0.3);
}