/*body, html {
    overflow-x: hidden
}*/
.top-nav {
    background: linear-gradient(0deg, #155ea2 50%, #216faf 100%);
    margin-top:-2px !important
}
.cus-bg {
    background: rgba(235, 235, 235, .4) !important
}

.adenda-card {
    background: transparent !important;
    border: solid 1px #000;
}
.h-text {
    color: #0076d3
}
.theme-text-color {
    color: #161616;
}

.theme-bg-color {
    background: #58C9AD;
    color: #000000 !important;
}

.theme-border-color {
    border-color: #2F406B;
}

.trns-bg {
    background:#def4ee
}

.column-gap-2rem {
    column-gap: 2rem;
}

.custome-table-details {
    row-gap: 2rem;
}

#uhf-footer {
    margin-top: 0 !important
}

.mheight {
    min-height: 13rem;
}

.vec-1, .vec-2, .vec-3 {
    z-index: -1;
    position: relative
}
    .vec-1:after, .vec-2:after, .vec-3:after {
        display: block;
        content: '';
        position: absolute;
        z-index: 1;
    }
    .vec-1:after {
        width: 100px;
        height: 120px;
        background: url(../Images/graphic-a.png) no-repeat 0 0;
        left: 65%;
        bottom: -70px;
        
    }
    .vec-2:after {
        width: 270px;
        height: 339px;
        background: url(../Images/graphic-b.png) no-repeat 0 0;
        background-size:contain;
        left:-90px;
        bottom: -150px;
    }

    .vec-3:after {
        width: 278px;
        height:307px;
        background: url(../Images/graphic-c.png) no-repeat 80px 0;
        background-size: contain;
        right:0;
        bottom: -60px;
    }


.continue-your-learning .card {
    min-height: unset;
}

.feature-speakers .card {
    min-height: unset;
    box-shadow: unset !important;
}

.learning-journey-wrapper .card {
    min-height: unset;
    height: 100%;
}

@media(max-width: 540px) {
    .learning-journey-wrapper .card {
        min-height: unset;
    }
}

.custome-table-details-ul li {
    flex: 1;
    padding-left: 5px;
    padding-right: 5px;
}

    .custome-table-details-ul li:nth-child(1) {
        flex-grow: 7; /*2*/
    }

    .custome-table-details-ul li:nth-child(2) {
        flex-grow: 2; /*3*/
    }

    .custome-table-details-ul>li:last-child { text-align:right; min-width:150px }

.custome-table-details-ul li .btn {
    min-width: 120px
}

@media (max-width: 768px) {
    .table-container {
        flex-direction: column;
    }
    .custome-table-details-ul {
        flex-wrap: wrap;
    }

        .custome-table-details-ul:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border: none;
        }

        .custome-table-details-ul li {
            flex: unset;
            padding-left:0;
        }

            .custome-table-details-ul li:nth-child(1),
            .custome-table-details-ul li:nth-child(2) {
                width: 100%;
            }

            .custome-table-details-ul li:nth-child(2) {
                margin: .5rem 0;
            }
            .custome-table-details-ul li:nth-child(3),
            .custome-table-details-ul li:nth-child(4) {
                width: 50%;
                margin-top:10px
            }
}


@media (prefers-color-scheme: dark) {
    .top-nav ul li a:focus {
        outline: .1875rem dotted;
    }
}

@media (prefers-color-scheme: light) {
    .top-nav ul li a:focus {
        outline: .1875rem dotted currentColor;
    }
}

@media (forced-colors: active) {
    ol li, ul li {
        forced-color-adjust: auto;
    }

    /*.top-nav ul li a:focus {
        outline: .1875rem dotted currentColor;
    }*/

    .feature-speakers .material-card:focus {
        outline: .1875rem dotted currentColor;
    }

    .carousel {
        background: currentColor;
    }

    /*.carousel-control-next::after, .carousel-control-prev::after {
        color: window;
    }*/

    .carousel-controls button:focus {
        outline: .1875rem dotted currentColor;
    }

    .cus-bacgrd-cardbody {
        background: currentColor;
    }

    .dvGradient {
        border-radius: 1rem !important;
        border: 2px solid;
    }
}
.text-custom {
    color: #1F3353 !important;
}

.header-desc {
    font-family: 'Segoe UI', sans-serif;
    font-size: 12px;
}
.main-banner-badge {
    background-image: url(../Images/Badgecollection-Banner-1920x300.jpg);
    background-repeat: no-repeat;
    background-position: 56% 0;
    background-size: cover;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.mobile-bg-white {
    background: rgba(235, 235, 235, 0.7) !important;
    border-radius: .75rem !important;
}

@media (min-width: 1084px) {
    .banner-text {
        background-color: rgba(235, 235, 235, 0.7) !important;
        color: #1F3353 !important;
    }
}

.banner-text {
    background-color: rgba(235, 235, 235, 0.7) !important;
    color: #1F3353 !important;
}