﻿/*body, html {
    overflow-x: hidden
}*/
.top-nav {
    background: linear-gradient(0deg, #155ea2 50%, #216faf 100%);
    margin-top:-2px !important
}
.cus-bg {
    background-color: rgba(235, 235, 235, 0.7) !important;
    color: #1F3353 !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;
}

.font_style {
    font-size: 1.1875rem !important;
}

#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;
   
}

    .custome-table-details-ul li:nth-child(1) {
        flex-grow: 1;
    }

    .custome-table-details-ul li:nth-child(2) {
        flex-grow: 2;
    }

    .custome-table-details-ul>li:last-child { text-align:right }


.custome-table-details-ul > li:nth-last-child(-n + 2) {
    max-width: 165px !important;
}

    @media (max-width: 768px) {

        .custome-table-details-ul > li:nth-last-child(-n + 2) {
            width: 100%;
            flex: unset;
        }


        .table-container {
        flex-direction: column;
    }
        .custome-table-details-ul {
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .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;
    }
}