.w-login-reg {
}
    .w-login-reg small {
        font-size: 13px;
        font-weight: 600;
        line-height: 35px;
        background: rgba(1, 41, 112, 0.1);
        padding: 6px;
        color: #012970;
        border-radius:2px;
    }
        .w-login-reg small:hover {
            background: #FF3334;
            color: #fff !important;
        }

.w-noti {
}

    .w-noti i {
        font-size: 20px;
        font-weight: 500;
        background: rgba(1, 41, 112, 0.1);
        border-radius: 50%;
        padding: 4px 7px;
        color: #ffffff;
    }
        .w-noti i:hover {
            font-size: 20px;
            font-weight: 500;
            color: #000 !important;
            border-radius: 50%;
            padding: 4px 7px;
        }
.w-pro-pic {
    width: 35px;
    height: 35px;
}

.w-link-size {

}
    .w-link-size i {
        font-size: 20px;
        color: #ffffff;
    }

/*******************************/
/*logo "span" design css start*/
/*******************************/
.wtv1-logo {
    padding: 0;
    padding-top: 5px;
}

    .wtv1-logo span {
        color: #fff;
        font-weight: 900;
        padding: 0;
        border-radius: 2px;
        font-family: var(--bs-font-monospace);
        font-size: 30px;
    }

    .wtv1-logo small {
        color: #FF0000;
        font-weight: 900;
        padding: 1px 5px 1px 4px;
        font-family: var(--bs-font-monospace);
        font-size: 30px;
    }
    .wtv1-logo p {
        color: #00619D;/*var(--bs-primary-rgb);*/
        font-weight: 400;
        padding: 2px 0 0 0;
        font-family: var(--bs-font-sans-serif);
        font-size: 12px;
    }
    .wtv1-logo .p-logo span {
        color: #A32CC4;
        font-weight: 600;
        padding: 2px 0 0 0;
        font-family: var(--bs-font-sans-serif);
        font-size: 11px;
        background: none;
    }
    .wtv1-logo .p-logo small {
        color: #ffffff;
        font-weight: 600;
        padding: 2px 0 0 0;
        font-family: var(--bs-font-sans-serif);
        font-size: 10px;
        text-transform:uppercase;
    }

.wtv1-logo-mini {
}

    .wtv1-logo-mini span {
        background: #FF3334;
        color: #FCFCFC;
        font-weight: 900;
        padding: 1px 7px 1px 7px;
        border-radius: 2px;
        font-family: var(--bs-font-monospace);
        font-size: 23px;
    }

    .wtv1-logo-mini small {
        color: #1F1F1F;
        font-weight: 900;
        padding: 1px 5px 2px 6px;
        border-radius: 2px;
        font-family: var(--bs-font-monospace);
        font-size: 21px;
    }

.wtv1-logo-admin-login {
}

    .wtv1-logo-admin-login span {
        background: #FF3334;
        color: #FCFCFC;
        font-weight: 900;
        padding: 3px 10px;
        border-radius: 2px;
        font-family: var(--bs-font-monospace);
        font-size: 25px;
    }

    .wtv1-logo-admin-login small {
        color: #1F1F1F;
        font-weight: 900;
        padding: 0px 5px 2px 4px;
        border-radius: 2px;
        font-family: var(--bs-font-monospace);
        font-size: 25px;
    }
/*******************************/
/*logo "span" design css end*/
/*******************************/

/*******************************/
/*scroll bar design css start*/
/*******************************/
html::-webkit-scrollbar {
    width: 10px;
}

html::-webkit-scrollbar-track {
    background-color: #fff;
}

html::-webkit-scrollbar-thumb {
    background-color: #A8A8A8;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar {
    position: fixed;
    top: 70px;
    left: 0;
    bottom: 0;
    width: 162px;
    z-index: 996;
    transition: all 0.3s;
    padding: 10px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #aab7cf transparent;
    box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
    background-color: #fff;
}

@media (max-width: 1199px) {
    .sidebar {
        left: -162px;
    }
}

.sidebar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff;
}

.sidebar::-webkit-scrollbar-thumb {
    background-color: #aab7cf;
}

@media (min-width: 1200px) {
    #main, #footer {
        margin-left: 162px;
    }
}

@media (max-width: 1199px) {
    .toggle-sidebar .sidebar {
        left: 0;
    }
}

@media (min-width: 1200px) {
    .toggle-sidebar #main, .toggle-sidebar #footer {
        margin-left: 0;
    }

    .toggle-sidebar .sidebar {
        left: -162px;
    }
}

.sidebar-nav {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .sidebar-nav li {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .sidebar-nav .nav-item {
        margin-bottom: 5px;
    }

    .sidebar-nav .nav-heading {
        font-size: 13px;
        text-transform: uppercase;
        color: #899bbd;
        font-weight: 600;
        margin: 10px 0 5px 10px;
    }

    .sidebar-nav .nav-link {
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 600;
        color: #4154f1;
        transition: 0.3;
        background: #f6f9ff;
        padding: 7px 10px;
        border-radius: 4px;
    }

        .sidebar-nav .nav-link i {
            font-size: 16px;
            margin-right: 10px;
            color: #4154f1;
        }

        .sidebar-nav .nav-link.collapsed {
            color: #012970;
            background: #fff;
        }

            .sidebar-nav .nav-link.collapsed i {
                color: #899bbd;
            }

        .sidebar-nav .nav-link:hover {
            color: #EB1C22; /*#4154f1;*/
            background: #f6f9ff;
        }

            .sidebar-nav .nav-link:hover i {
                color: #EB1C22; /*#4154f1;*/
            }

        .sidebar-nav .nav-link .bi-chevron-down {
            margin-right: 0;
            transition: transform 0.2s ease-in-out;
        }

        .sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
            transform: rotate(180deg);
        }

    .sidebar-nav .nav-content {
        padding: 5px 0 0 0;
        margin: 0;
        list-style: none;
    }

        .sidebar-nav .nav-content a {
            display: flex;
            align-items: center;
            font-size: 14px;
            font-weight: 600;
            color: #012970;
            transition: 0.3;
            padding: 10px 0 10px 40px;
            transition: 0.3s;
            text-decoration:none;
        }

            .sidebar-nav .nav-content a i {
                font-size: 6px;
                margin-right: 8px;
                line-height: 0;
                border-radius: 50%;
            }

            .sidebar-nav .nav-content a:hover, .sidebar-nav .nav-content a.active {
                color: #4154f1;
            }

                .sidebar-nav .nav-content a.active i {
                    background-color: #4154f1;
                }
/*-------------------------------------------------------*/


.table-responsive::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
    background-color: #F4F5F7;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(60, 64, 67, 0.15);
}

.scroll__design {
    padding: 10px 5px;
}

    .scroll__design::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .scroll__design::-webkit-scrollbar-track {
        background-color: #FCFCFC;
    }

    .scroll__design::-webkit-scrollbar-thumb {
        background-color: #A7A7A7;
        border-radius: 5px;
    }

    .scroll__design .btn {
        padding: 0.4rem;
        border-radius: 3px;
    }
/*******************************/
/*scroll bar design css end*/
/*******************************/

/*.search-form input:focus {
    background-color: transparent;
    border-bottom: 1px solid #212121;
    border-radius: 0;
    padding-left: 30px;
    cursor: text;
    outline: 0;
    width: 170px !important;
}

.head-badge span {
    border-radius: 10px;
    font-size: 5px;
    line-height: 1;
    padding: 4px;
    font-weight: normal;
}*/

/*******************************/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo {
    line-height: 1;
    text-decoration: none !important;
}

@media (min-width: 1200px) {
    .logo {
        width: 280px;
    }
}

.logo img {
    max-height: 26px;
    margin-right: 6px;
}

.logo span {
    font-size: 26px;
    font-weight: 700;
    color: #012970;
    font-family: "Nunito", sans-serif;
}

.header {
    transition: all 0.5s;
    z-index: 997;
    height: 70px;
    box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
    background-color: #102950;
    padding-left: 20px;
    /* Toggle Sidebar Button */
    /* Search Bar */
}

    .header .toggle-sidebar-btn {
        font-size: 32px;
        padding-left: 10px;
        cursor: pointer;
        color: #012970;
    }

    .header .search-bar {
        min-width: 360px;
        padding: 0 20px;
    }

@media (max-width: 1199px) {
    .header .search-bar {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        padding: 15px 20px;
        box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
        background: white;
        z-index: 9999;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    .header .search-bar-show {
        top: 65px;
        visibility: visible;
        opacity: 1;
    }
}

.header .search-form {
    width: 100%;
}

    .header .search-form input {
        border: 0;
        font-size: 14px;
        color: #012970;
        border: 1px solid rgba(1, 41, 112, 0.2);
        padding: 7px 38px 7px 8px;
        border-radius: 3px;
        transition: 0.3s;
        width: 100%;
    }

        .header .search-form input:focus, .header .search-form input:hover {
            outline: none;
            box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
            border: 1px solid rgba(1, 41, 112, 0.3);
        }

    .header .search-form button {
        border: 0;
        padding: 0;
        margin-left: -30px;
        background: none;
    }

        .header .search-form button i {
            color: #012970;
        }

/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
.header-nav ul {
    list-style: none;
}

.header-nav > ul {
    margin: 0;
    padding: 0;
}

.header-nav .nav-icon {
    font-size: 20px;
    color: #012970;
}

.header-nav .nav-profile {
    color: #012970;
}

    .header-nav .nav-profile img {
        max-height: 36px;
    }

    .header-nav .nav-profile span {
        font-size: 14px;
        font-weight: 600;
    }

.header-nav .badge-number {
    position: absolute;
    inset: 4px 6px auto auto;
    font-weight: normal;
    font-size: 11px;
    padding: 3px 6px;
}

.header-nav .notifications .notification-item {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    transition: 0.3s;
}

    .header-nav .notifications .notification-item i {
        margin: 0 20px 0 10px;
        font-size: 24px;
    }

    .header-nav .notifications .notification-item h4 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .header-nav .notifications .notification-item p {
        font-size: 13px;
        margin-bottom: 3px;
        color: #919191;
    }

    .header-nav .notifications .notification-item:hover {
        background-color: #f6f9ff;
    }

.header-nav .messages .message-item {
    padding: 15px 10px;
    transition: 0.3s;
}

    .header-nav .messages .message-item a {
        display: flex;
    }

    .header-nav .messages .message-item img {
        margin: 0 20px 0 10px;
        max-height: 40px;
    }

    .header-nav .messages .message-item h4 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #444444;
    }

    .header-nav .messages .message-item p {
        font-size: 13px;
        margin-bottom: 3px;
        color: #919191;
    }

    .header-nav .messages .message-item:hover {
        background-color: #f6f9ff;
    }

.header-nav .profile {
    min-width: 240px;
    min-height:250px;
    padding-bottom: 0;
}

    .header-nav .profile .dropdown-header h6 {
        font-size: 16px;
        margin-bottom: 0;
        font-weight: 600;
        color: #444444;
    }

    .header-nav .profile .dropdown-header span {
        font-size: 12px;
    }

    .header-nav .profile .dropdown-item {
        font-size: 12px;
        padding: 0 15px 2px 15px;
        transition: 0.3s;
    }

        .header-nav .profile .dropdown-item i {
            margin-right: 10px;
            font-size: 18px;
            line-height: 0;
        }

        .header-nav .profile .dropdown-item:hover {
            background-color: #f6f9ff;
        }


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
    padding: 20px;
    font-size: 14px;
    transition: all 0.3s;
    border-top: 1px solid #cddfff;
    background: #102950 /*#012970*/;
}

    .footer .copyright {
        padding-top: 5px;
        text-align: center;
        color: #eaedf1;
    }

    .footer .credits {
        padding-top: 5px;
        text-align: center;
        font-size: 14px;
        color: #012970;
    }

.footer__design {
}

    .footer__design h6 {
        color: #F4F5F7;
        font-size: 14px;
        font-weight: 600;
        padding-bottom: 5px;
        text-transform: uppercase;
    }

    .footer__design ul {
        display: block;
        padding: 0 0.113rem;
    }

    .footer__design li {
        display: block;
    }

    .footer__design a {
        color: #A8A8A8;
        display: inline-block;
        font-size: 13px;
        line-height: 2;
        word-spacing: 2px;
        text-decoration: none;
        font-weight: 500;
    }

        .footer__design a:hover {
            color: #7283CF;
        }

    .footer__design p {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .footer__design span {
        color: #A8A8A8;
        display: inline-block;
        font-size: 13px;
        line-height: 2;
        word-spacing: 2px;
        text-decoration: none;
        font-weight: 500;
    }

.footer__design__media {
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid #E5E5E5;
}

    .footer__design__media span {
        font-size: 13px;
        font-weight: 600;
    }

.credits ul {
    display: block;
    padding: 5px 0;
    margin: 0;
    text-align: center;
}

    .credits ul li {
        display: inline-block;
        padding: 5px 10px 5px 0;
    }

        .credits ul li a {
            font-size: 1rem;
            color: #eaedf1;
        }

.credits a:hover {
    color: #FF3334;
}

/*.credits1 {
    padding: 0 10px 0 0;
    text-align: center;
}

.credits1 ul {
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
}

    .credits1 ul li {
        display: inline-block;*/
        /*padding: 6px;*/
    /*}

        .credits1 ul li a {
            font-size: 1.1rem;
            color: #012970;
            border-right: 1px solid #7283CF;
            padding: 0 6px;
        }
.last {
    border-right: none;
}

.credits1 a:hover {
    color: #FF3334;
}*/

/*************footer end******************/
/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
#main {
    margin-top: 55px;
    padding: 0;
    transition: all 0.3s;
}

@media (max-width: 1199px) {
    #main {
        padding: 0;
    }
}


.table-property h6 {
    font-size: 0.812rem;
    font-weight: 600;
    padding-top: 5px
}

.form-check-label {
    min-height: 18px;
    display: block;
    margin-left: .3rem !important;
    font-size: 0.812rem;
    line-height: 1.5;
}

.list-wrapper ul li {
    font-size: 0.9375rem;
    padding: 0.4rem 0;
    border-bottom: 0 !important;
}

.bg_color {
    padding: 10px 0;
    background: #FCFCFC;
}

/*******************************/
/*middele design css start*/
/*******************************/

.outer-section {
}

    .outer-section .content-wrapper {
        background: none;
        padding: 0rem 1.987rem 1rem 1rem;
        width: 100%;
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }

@media screen and (max-width:600px) {
    .page__design {
        padding: 1rem;
        background: #FCFCFC;
    }
}

.page__design {
    padding: 1rem .3rem;
    background: #FCFCFC;
}

    .page__design .grid-margin {
        margin-bottom: 1.5rem;
    }

    .page__design h1, h2, h3, h4, h5, h6 {
        color: #1F1F1F;
        font-weight: 600;
        text-transform: capitalize;
        margin-top: 3px;
        margin-bottom: 15px;
        word-spacing: 1px;
    }

    .page__design h1 {
        font-size: 28px;
        padding-bottom: 10px;
        line-height: 35px;
    }

    .page__design h2 {
        font-size: 26px;
        line-height: 35px;
    }

    .page__design h3 {
        font-size: 22px;
        line-height: 35px;
        word-spacing:3px;
    }

        .page__design h3 a {
            font-size: 23px;
            line-height: 35px;
        }

            .page__design h3 a:hover {
                color: #FF3334;
                /*text-decoration:underline;*/
            }
    .page__design strong {
        border-bottom: 4px solid #FF3334;
        text-transform: uppercase;
        font-size: 23px;
        line-height: 35px;
    }

    .page__design h4 {
        font-size: 18px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .page__design h5 {
        font-size: 16px;
    }

    .page__design p {
        margin-top: 1rem;
        margin-bottom: 2rem;
        line-height: 2.2rem;
        word-spacing: 2px;
        font-weight: 500;
        font-size: 17px;
    }

    .page__design table {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .page__design th {
        font-size: .960rem;
        font-weight: 600;
        text-align: right;
        word-spacing: 2px;
    }

    .page__design td {
        font-size: .85rem;
        text-align: left;
        word-spacing: 2px;
        font-weight: 500;
    }

    .page__design a {
        text-decoration: none;
        color: #1d3dc9;
        text-transform: none;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: .7px;
        text-align: left;
        line-height:26px;
    }

    .page__design ul, ol {
        line-height: 1rem;
        word-spacing: 2px;
        font-weight: 500;
        font-size: .9rem;
    }

    .page__design i {
        font-size: 20px;
        margin-top: -2px;
    }

.link-design {
    background: none;
    padding: 0;
    border-bottom: .5px solid #B3BFD4;
}

    .link-design .nav-tabs .nav-item .nav-link {
        background: none;
        font-size: 15px;
        font-weight: 600;
        color: #012970;
        border: 0;
        border-right: .5px solid #B3BFD4;
        padding: .2px .4rem .3rem .4rem;
        margin-bottom: 0;
        border-radius: 0;
        text-transform: capitalize;
    }

    .link-design a:hover {
        color: #CD0316 !important;
    }

.wrapper__design {
}

    .wrapper__design a {
        text-decoration: none;
        color: rgba(60, 64, 67, 0.8);
    }

        .wrapper__design a:hover {
            color: #7283CF;
        }

.content_pannel_design {
    line-height: 1.7rem;
}

    .content_pannel_design h1, h2, h3, h4, h5, h6 {
        color: #1F1F1F;
        text-transform: none;
        word-spacing: 1px;
    }

    .content_pannel_design h1 {
        font-size: 28px;
    }

    .content_pannel_design h2 {
        font-size: 26px;
        font-weight: 600;
    }

    .content_pannel_design h3 {
        font-size: 23px;
        font-weight: 600;
    }

    .content_pannel_design h4 {
        font-size: 18px;
        font-weight: 900;
        text-transform: uppercase;
        margin-top:20px;
    }

    .content_pannel_design h5 {
        font-size: 16px;
    }

    .content_pannel_design p a {
        word-spacing: 2px;
        font-weight: 500;
        font-size: .960rem;
        /*padding-bottom:.4rem !important;*/
    }

        .content_pannel_design p a:hover {
            text-decoration: underline;
            color: #FF3334;
        }

    .content_pannel_design ul {
        margin-left: 15px;
        /*padding-bottom: 10px;*/
        /*padding: 10px;*/ /*
        border-left: 7px solid #FF3334;
        background: #F4F5F7;
        list-style: none;*/
    }

    .content_pannel_design ol {
        /*margin-left: 5px;*/
        padding: 10px 15px;
        border-left: 10px solid #FF3334;
        background: #F3F4F7;
        list-style: none;
        margin-top: 10px;
    }

    .content_pannel_design li {
        /*line-height: 1rem;*/
        line-height: 1.7rem;
        word-spacing: 2px;
        font-weight: 500;
        font-size: 17px;
        padding-bottom: 5px;
    }

        .content_pannel_design li a {
            /*line-height: 1rem;*/
            word-spacing: 2px;
            font-weight: 500;
            font-size: .970rem;
        }

            .content_pannel_design li a:hover {
                text-decoration: underline;
                color: #FF3334;
            }

/*short blog post css start*/
.short-post {
    width: 100%;
    padding: 0 1rem;
    display: flex;
    align-items: center;
}

.short-post_img {
    min-width: 12rem;
    max-width: 12rem;
    height: 13rem;
    position: relative;
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    /*border:.5px solid #7283CF;*/
}

    .short-post_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        /*border-radius: .2rem;*/
    }

    .short-post_img::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

.short-post_info {
    transform: translateX(1rem);
    padding: 5px;
}

    .short-post_info p {
        margin-bottom: .5rem;
        line-height: 1.8rem;
        word-spacing: 2px;
        font-weight: 500;
        font-size: 18px;
        padding: 0 10px 0 0;
    }

/*@media screen and (max-width:1068px) {
    .short-post_img {
        width: 100%;
        height: 100%;
    }
}*/
@media screen and (max-width:600px) {
    .short-post_img {
        min-width: 9rem;
        max-width: 9rem;
        height: 13rem;
        position: relative;
    }
}

/*table design css start*/
.table__design__center {
}

    .table__design__center th {
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        padding: 10px 0;
        /*background-color: #F4F5F7;*/
        background-image: radial-gradient(circle, #f4f5f7, #f6f7f8, #f8f8f9, #fafafb, #fcfcfc);
        word-spacing: 2px;
    }

    .table__design__center th, a {
        /*text-align: center;*/
    }

    .table__design__center a {
        font-size: 15px !important;
        text-transform: uppercase;
    }

        .table__design__center a:hover {
            text-decoration: underline;
        }

.table__design__left {
}

    .table__design__left th {
        text-align: left;
        text-transform: uppercase;
        font-weight: 700;
        padding: 10px;
        background-color: #F4F5F7;
        word-spacing: 2px;
    }

.table__design {
}

    .table__design th {
        text-align: left;
        text-transform: capitalize;
        font-weight: 600;
        padding: 10px;
        background-color: #F4F5F7;
        word-spacing: 2px;
        font-size:15px;
    }

    .table__design a {
        font-size: .850rem;
        text-align: left;
        word-spacing: 2px;
        font-weight: 500;
        text-decoration: none;
        color: #7283CF;
    }

        .table__design a:hover {
            color: #212529;
        }

.table ul {
    padding: 0 5px;
    margin: 0;
}

.table li {
    display: block;
}

/* slider card css start */

.card__design {
    min-height: 80px; /*
    background: #F4F5F7;*/
}
    /*.card__design:hover {
        background: #FCFCFC;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }*/
    .card__design a {
        text-decoration: none;
    }

        .card__design a:hover {
            color: #7283CF;
        }

    .card__design p {
        padding: 10px;
        font-size: .729rem;
        display: block;
        color: #212121 !important;
        font-weight: 600;
    }

    .card__design .card-img,
    .card__design .card-img-top {
        /*border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);*/
    }

/*comment css start*/

.comment__container {
    position: relative;
}

    .comment__container::before {
        content: "";
        position: absolute;
        min-height: 100%;
        /*width: 1px;
        left: -10px;
        background-color: rgba(60, 64, 67, 0.15);*/
    }

    .comment__container:not(:first-child) {
        margin-left: .3rem;
        margin-top: .6rem;
    }

.comment__card {
    padding-top: 10px;
}

    .comment__card .preview-list .preview-item {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 0 0 .4rem 0;
    }
    .comment__card p {
        line-height: 1.7rem;
        word-spacing: 2px;
        font-weight: 500;
        font-size: 17px;
        margin-top:0;
        padding-top:0;
    }

    .comment__card p span {
        display: inline-block;
        color: #F59721;
        font-size: .7rem;
        font-weight: 600;
        /*margin: 0.1rem 0;*/
        text-transform: capitalize;
    }

.comment__details {
    padding: 0;
    min-width: 100%;
}

    .comment__details p {
        margin-block: .5rem;
        font-size: .960rem;
    }

.comment__footer {
    display: flex;
    opacity: .6;
    gap: 15px;
    justify-content: flex-end;
    align-items: center;
}

    .comment__footer i {
        font-size: 1rem;
    }

    .comment__footer span {
        padding: 0;
    }

    .comment__footer a {
        font-size: 11px;
        text-decoration: none;
        color: #3047ab !important;
        font-weight: 600;
        word-spacing: 2px;
    }

.comment__signup {
    display: flex;
    opacity: .6;
    gap: 5px;
    justify-content: flex-end;
    align-items: center;
    padding: 0 5px 10px 0;
}

    .comment__signup span {
        padding: 1px 5px 4px 5px;
        background: #000;
        color: #fff;
        border-radius: 50px;
        font-size: 11px;
    }

    .comment__signup a {
        font-size: 11px;
        text-decoration: none;
        color: #3047ab !important;
        font-weight: 600;
        word-spacing: 2px;
    }

.comment__like {
    cursor: pointer;
}

.comment__dislike {
    cursor: pointer;
}

.comment__shows {
    cursor: pointer;
}

.comment__replies {
    cursor: pointer;
}

/*blog post css start*/

.blog-post {
    width: 100%;
    max-width: 98rem;
    padding: .7rem .7rem 1rem .7rem;
    background-color: #FCFCFC;
    /*box-shadow: rgba(0, 0, 0, 0.01) 0px 6px 24px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;*/
    display: flex;
    align-items: center;
    /*border-radius: .2rem*/
}

.blog-post_img {
    min-width: 5.5rem;
    max-width: 5.5rem;
    height: 5.7rem;
    transform: translateX(-.7rem);
    position: relative;
    overflow: hidden;
}

    .blog-post_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        /*border-radius: .2rem;*/
        transition: transform 2s;
    }

    .blog-post_img:hover img {
        transform: scale(1.00);
    }

    .blog-post_img::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: .5rem .5rem 1rem 1px rgba(0,0,0,.05);
        /*border-radius: .8rem;*/
    }

.blog-post_date span {
    display: block;
    color: #F59721;
    font-size: .6rem;
    font-weight: 600;
    margin: -2px 0 .5rem 0;
    text-transform: uppercase;
}

.blog-post_cta {
    font-size: 15px;
    margin: 0 0 .4rem;
    display: inline-block;
    text-transform: none;
    color: #212121 !important;
    font-weight: 500;
    letter-spacing: .6px;
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-transform: capitalize;
}

    .blog-post_cta:hover {
        color: #A32CC4 !important;
    }
/*------------------*/
.side-blog-post {
    width: 100%;
    max-width: 98rem;
    padding: .7rem .7rem .7rem 0;
    background-color: #FCFCFC;
    /*box-shadow: rgba(0, 0, 0, 0.01) 0px 6px 24px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;*/
    display: flex;
    align-items: center;
    /*border-radius: .2rem*/
}

    .side-blog-post a{
        line-height:26px;
    }

    .side-blog-post_img {
        min-width: 5.5rem;
        max-width: 5.5rem;
        height: 5.7rem;
        transform: translateX(-.7rem);
        position: relative;
        overflow: hidden;
    }

    .side-blog-post_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        /*border-radius: .2rem;*/
        transition: transform 2s;
    }

    .side-blog-post_img:hover img {
        transform: scale(1.00);
    }

    .side-blog-post_img::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: .5rem .5rem 1rem 1px rgba(0,0,0,.05);
        /*border-radius: .8rem;*/
    }

.side-blog-post_date span {
    display: block;
    color: #F59721;
    font-size: .6rem;
    font-weight: 600;
    margin: -2px 0 .5rem 0;
    text-transform: uppercase;
}
.side-blog-post_cta {
    font-size: 16px;
    /*margin: 0 0 .4rem;*/
    display: inline-block;
    text-transform: none;
    color: #212121 !important;
    font-weight: 500;
    letter-spacing: .6px;
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-transform: capitalize;
}

    .side-blog-post_cta:hover {
        color: #A32CC4 !important;
    }
/*------------------*/
@media screen and (max-width:1068px) {
    .blog-post {
        max-width: 50rem;
    }

    .blog-post_img {
        min-width: 4rem;
        max-width: 4rem;
        min-height: 4rem;
        max-height: 4rem;
    }
}

@media screen and (max-width:868px) {
    .blog-post {
        max-width: 70rem;
    }

    .blog-post_img {
        min-width: 6rem;
        max-width: 6rem;
        min-height: 6rem;
        max-height: 6rem;
    }
}

@media screen and (max-width:768px) {
    .blog-post {
        max-width: 50rem;
    }

    .blog-post_img {
        min-width: 6rem;
        max-width: 6rem;
        min-height: 6rem;
        max-height: 6rem;
    }

    /*.blog-post {
        max-width: 100%;
    }

    .blog-post_img {
        width: 100%;
        height: 19rem;
    }

    .blog-post_info {
        width: 100%;
        padding: 20px 10px;
    }*/
}
/*******************************/
/*middele design css end*/
/*******************************/

.upcoming-post {
    width: 100%;
    max-width: 98rem;
    padding: .7rem .1rem;
    background-color: #FCFCFC;
    display: flex;
    align-items: center;
}

.upcoming-post_cta {
    font-size: .8rem;
    margin: 0 0 .7rem;
    display: inline-block;
    text-transform: none;
    color: #212121 !important;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: left;
}


/*birthday card design css*/

.b-card_design {
    min-width: 100px;
    padding: 5px;
    text-align: center !important;
}

    .b-card_design img {
        height: 120px;
        width: 115px;
        margin: 0 auto;
        margin-bottom: 10px;
        border-radius:0;
    }

    .b-card_design a {
        text-decoration: none;
        color: #737F8B;
        font-weight: 500;
    }

        .b-card_design a:hover {
            color: #7283CF;
        }

/*big blog post css start*/

.big-blog-post {
    width: 100%;
    height: 100%;
    padding: .7rem 0 10px 0;
    align-items: center;
}

.big-blog-post_img {
    width: 100%;
    height: 16rem;
    position: relative;
    overflow: hidden;
}

    .big-blog-post_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        /*border-radius: .2rem;*/
        transition: transform 2s;
    }

    .big-blog-post_img:hover img {
        transform: scale(1.00);
        
    }

    .big-blog-post_img::before {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

.big-blog-post_info {
    width: 100%;
    padding: 10px 5px 5px 5px;
}

.big-blog-post_date span {
    display: block;
    color: #F59721;
    font-size: .6rem;
    font-weight: 600;
    margin: -2px 0 .5rem 0;
    text-transform: uppercase;
}

.big-blog-post_cta {
    font-size: 16px;
    margin: 0 0 .6rem;
    display: inline-block;
    text-transform: none;
    color: #212121 !important;
    font-weight: 500;
    letter-spacing: .7rem;
    text-decoration: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-transform: capitalize;
}

    .big-blog-post_cta:hover {
        color: #A32CC4 !important;
    }

@media screen and (max-width:1068px) {
    .big-blog-post {
        max-width: 100%;
    }

    .big-blog-post_img {
        width: 100%;
        height: 21rem;
    }
}

@media screen and (max-width:768px) {
    .big-blog-post {
        max-width: 100%;
    }

    .big-blog-post_img {
        width: 100%;
        height: 19rem;
    }

    .big-blog-post_info {
        width: 100%;
        padding: 20px 10px;
    }
}



/*Affiliate image*/

.affiliate{

}
    .affiliate h5 {
        /*color: #1F1F1F;
        font-weight: 700;
        text-transform: capitalize;
        margin-top: 3px;
        margin-bottom: 10px;
        word-spacing: 1px;
        font-size: 15px;
        border-bottom: 2px solid #EAEDF3;
        border-width:thick;
        padding-bottom: 5px;
        width: 90%;*/

        color: #1F1F1F;
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 15px;
        word-spacing: 1px;
        font-size: 20px;
        background: none;
        padding: 0;
        width: 100%;
    }

@media screen and (max-width:568px) {
    .affiliate h5 {
        color: #1F1F1F;
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 15px;
        word-spacing: 1px;
        font-size: 18px;
        background: none;
        padding: 0;
        width: 100%;
    }
}
    .affiliate-link {
        width: 100%;
        padding: 0 1rem;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

.affiliate-link_img {
    min-width: 3.4rem;
    max-width: 3.4rem;
    height: 3.2rem;
    position: relative;
    margin-right:20px
}

    .affiliate-link_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 4px;
        display: inline-flex;
    }


/*==========================*/
.banner-ad {
    height: 120px;
    max-width: 690px;
}
    .banner-ad img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        /*border-radius: 4px;*/
        display: inline-flex;
    }
@media screen and (max-width:568px) {
    .banner-ad {
        height: 130px;
        max-width: 690px;
    }
}
/*-----related table-------*/
.table-related {
    text-align: left;
}

.table-related-left th {
    text-transform: capitalize;
    font-weight: 700;
    padding: 10px;
    background-image: radial-gradient(circle, #f4f5f7, #f6f7f8, #f8f8f9, #fafafb, #fcfcfc);
    word-spacing: 2px;
    text-align: left !important;
}
.table-related a {
    font-size: 15px !important;
    text-transform: none;
    padding: 5px;
}

        .table-related a:hover {
            text-decoration: underline;
            color:#FF3334;
        }

/*===========*/
.trailer-video{
    width:100%;
    aspect-ratio:16/9;
    height:auto;
}