body {
    /* background-color: #c0beff; */
    background-color: #ecd0d0;
}

.photos-feature-section {
    /* background-color: #c0beff; */
    background-color: #ecd0d0;
    margin-bottom: 40px;
}

.forbescontainer {
    max-width: 1150px;
}

.ds-item {
    padding-bottom: 25px;
}

.ds-item:last-child {
    margin-bottom: 0;
}

.ds-year {
    font-size: 103px;
    color: #fff;
    border-bottom: 5px solid #fff;
    font-family: "Gotham Ultra";
    line-height: normal;
    margin-bottom: 50px;
    display: inline-block;
}

.ds-meta {
    white-space: normal;
}

.ds-title {
    font-size: 25px;
    font-family: "Gotham", sans-serif;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 0;
    /* color: #6f4795; */
    color: #5c1f0f;
}

.at-ds-tag {
    font-size: 20px;
    font-family: "Gotham", sans-serif;
    line-height: normal;
    color: #000;
    word-break: break-word;
    margin-top: 0;
}

.ds-desc {
    font-size: 22px;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 27px;
    color: #fff;
}

.ds-listing {
    position: relative;
    clear: both;
}

.ds-listing .forbesflex {
    flex-wrap: wrap;
    margin-right: -18px;
}

.ds-data {
    padding: 18px;
    position: relative;
}

.ds-data.hide {
    display: none !important;
}

.ds-data img {
    width: auto;
    max-width: 100%;
    display: block;
    overflow: hidden;
}

.ds-data.ds-h-data {
    width: 50%;
}

.ds-data.ds-v-data {
    width: 25%;
}

.item-filtered .ds-data.ds-h-data {
    width: 25%;
}

.ds-data.ds-v-data .img-wrap img,
.ds-data.ds-h-data .img-wrap img,
.item-filtered .ds-data.ds-h-data .img-wrap img {
    overflow: hidden;
    display: block;
    object-fit: cover;
}

.ds-data .img-wrap {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
}

.ds-link .overlay-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    padding: 25px 15px;
    background-color: rgba(78, 78, 78, 0.58);
    transform: translateY(300%);
    transition: transform 0.5s ease-in-out;
}

ds-h-data .ds-link .overlay-info {
    width: auto;
}

.item-filtered .ds-v-data .ds-link .overlay-info,
.item-filtered .ds-h-data .ds-link .overlay-info {
    width: 100%;
}

.ds-link:hover .overlay-info {
    transform: translate(0);
}

.ds-link .overlay-info>span {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-family: "Gotham", sans-serif;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 15px;
}

.ds-link .overlay-info>span:last-child {
    margin-bottom: 0;
}

.ds-link .overlay-info .val {
    color: #fff;
    font-family: "PoynterAgate" sans-serif;
    font-weight: bold;
    font-size: 18px;
}

.ds-link .overlay-info .inscore .val {
    font-size: 24px;
    line-height: 15px;
}

.filter-wrapper {
    position: sticky;
    top: 0;
    /* background-color: #c0beff; */
    background-color: #ecd0d0;
    z-index: 1;
    padding: 10px 0;
    display: flex;
    justify-content: flex-end;
}

.ds-filter {
    position: relative;
    width: 298px;
    text-align: center;
}

.ds-filter {
    margin-right: 10px;
}

.filter-name {
    border-bottom: 7px solid #000;
    padding: 8px 12px;
    height: 43px;
    overflow: hidden;
    cursor: pointer;
    font-family: "Gotham Ultra", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

.filter-name .text {
    position: relative;
    padding-right: 22px;
    user-select: none;
}

.filter-name .text:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    top: 2px;
    right: 0;
    border-style: solid;
    border-color: #000;
    border-width: 2px 2px 0 0;
    position: absolute;
    transform: rotate(135deg);
}

.open-filter .filter-name .text:after {
    transform: rotate(-44deg);
    bottom: 2px;
    top: initial;
}

.filter-dd,
.filter-sub-cat {
    position: absolute;
    top: 43px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    right: 0;
    z-index: 9;
    width: 200px;
    padding: 10px 0;
}

.filter-dd .filter-item,
.filter-dd .has-sub-item {
    width: 200px;
    padding: 8px 12px;
    font-size: 18px;
    font-family: 'Gotham', sans-serif;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
}

.filter-dd .has-sub-item {
    padding: 0;
    position: relative;
}

.filter-dd .filter-item.has-sub-item .item {
    padding: 8px 12px;
}

.filter-sub-cat {
    top: 0;
    left: 200px;
    right: initial;
    display: none;
}

.filter-dd .has-sub-item:hover .filter-sub-cat {
    display: block;
}

.filter-dd .filter-item:hover {
    background-color: #fff;
}

@media (max-width: 767px) {
    .ds-item {
        padding-top: 25px;
        margin-bottom: 10px;
    }

    .ds-year {
        font-size: 50px;
        margin-bottom: 15px;
    }

    .ds-data {
        padding: 12px 6px;
    }

    .ds-data.ds-v-data .img-wrap img,
    .item-filtered .ds-data.ds-h-data .img-wrap img {
        overflow: hidden;
        display: block;
        object-fit: cover;
    }

    .ds-title {
        font-size: 17px;
    }

    .ds-desc {
        font-size: 18px;
    }

    .ds-listing {
        margin-top: 6px;
    }

    .ds-listing .forbesflex {
        margin: 0 -6px;
    }

    .ds-v-data .ds-link .overlay-info,
    .ds-h-data .ds-link .overlay-info,
    .item-filtered .ds-v-data .ds-link .overlay-info {
        width: 100%;
        display: none;
    }

    .ds-data.ds-v-data {
        width: 50%;
    }

    .ds-data.ds-h-data {
        width: 100%;
    }

    .item-filtered .ds-data.ds-h-data {
        width: 50%;
    }

    .filter-wrapper {
        margin-left: -10px;
        margin-right: -10px;
    }

    .ds-filter {
        width: 50%;
        margin: 0;
        padding: 0 10px;
    }

    .filter-name .text {
        width: 100%;
        display: block;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .filter-name .text:after {
        top: 8px;
        right: 2px;
    }

    .filter-dd,
    .filter-sub-cat {
        width: 180px;
        right: 10px;
    }

    /* .ds-link .overlay-info {transform: none; transition: none;} */
}

@media (max-width: 380px) {
    .ds-listing .forbesflex {
        flex-wrap: nowrap;
        flex-direction: column;
        margin: 0;
    }

    .ds-data.ds-v-data,
    .ds-data.ds-h-data,
    .item-filtered .ds-data.ds-h-data {
        width: 100%;
        width: auto;
        margin: 0 auto;
    }

    .ds-data.ds-v-data .img-wrap img,
    .ds-data.ds-h-data .img-wrap img,
    .item-filtered .ds-data.ds-h-data .img-wrap img {
        width: 252px;
        height: auto;
    }

    .ds-meta {
        width: 252px;
    }
}
.intro-bg video {
            width: 100%;
        }

        .intro-ds-desc .SecSec {
            /* color: #000; */
            color: #5c1f0f;
        }

        .sub-filter-item {
            position: relative;
            padding-right: 24px;
        }

        .sub-filter-item:after {
            content: '';
            border-width: 2px 2px 0 0;
            border-color: #000;
            border-style: solid;
            position: absolute;
            width: 8px;
            height: 8px;
            transform: rotate(45deg);
            top: 50%;
            right: 10px;
            margin-top: -4px;
        }

        .intro-ds-block {
            padding: 20px 0;
            position: relative;
            background-color: #8d1c1c;
        }
        .section-change{
            background: #ffd5d5;
        }

        .intro-bg {
            max-width: 1386px;
            margin: 0 auto 30px;
            display: block;
            padding: 0 15px;
        }

        .intro-bg img {
            width: 100%;
            display: block;
        }

        .intro-ds-titl {
            /* color: #492258; */
            color: #fff;
            font-size: 72px;
            font-family: "D-DIN", sans-serif;
            font-weight: bold;
            line-height: normal;
            margin-bottom: 0;
            letter-spacing: -3px;
        }

        .intro-ds-desc {
            /* color: #000; */
            color: #fff;
            font-family: "PoynterOSDisplay", serif;
            font-size: 30px;
            line-height: 42px;
            font-weight: 500;
        }

        .intro-ds-desc strong {
            font-family: inherit;
            font-weight: bold;
        }

        .intro-arrow-down {
            margin: 0;
            width: 45px;
            height: 45px;
            display: inline-block;
            position: relative;
        }

        .intro-arrow-down::before {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            top: 50%;
            left: 50%;
            border-style: solid;
            border-color: #fff;
            border-width: 2px 2px 0 0;
            position: absolute;
            transform: rotate(135deg);
            margin-top: -3px;
            margin-left: -6px;
        }

        .intro-arrow-down::after {
            content: '';
            display: block;
            top: 50%;
            left: 50%;
            border-style: solid;
            border-color: #fff;
            position: absolute;
            transform-origin: 50% 50%;
            width: 0;
            height: 24px;
            border-width: 0 2px 0 0;
            transform: translate(-2px, -15px);
        }

        .ds-breadcrumb {
            overflow: hidden;
            display: block;
            padding: 0;
            margin-left: 7px;
        }

        .ds-breadcrumb li {
            float: left;
            font-family: 'Gotham Book', sans-serif;
        }

        .ds-breadcrumb li+li::before {
            content: '>';
            padding: 0 5px;
            color: #fff;
        }

        .ds-breadcrumb li a {
            color: #fff;
            font-family: inherit;
            font-weight: normal;
        }

        .addReadMore.showlesscontent .SecSec,
        .addReadMore.showlesscontent .readLess {
            display: none;
        }

        .addReadMore.showmorecontent .readMore {
            display: none;
        }

        .addReadMore .readMore,
        .addReadMore .readLess {
            font-weight: bold;
            margin-left: 2px;
            /* color: #000; */
            color: #5c1f0f;
            cursor: pointer;
            font-size: 22px;
            font-family: "PoynterOSDisplay", serif;
            font-style: italic;
            position: static;
            background: transparent;
            margin: 0;
            display: inline;
            text-transform: initial;
            text-align: left;
            height: auto;
            padding: 0;
            line-height: normal;
            top: 0;
        }

        .addReadMoreWrapTxt.showmorecontent .SecSec,
        .addReadMoreWrapTxt.showmorecontent .readLess {
            display: block;
        }

        /* .arrow {
            position: absolute;
            top: 60px;
            right: 110px;
        }

        .arrow span {
            display: block;
            width: 30px;
            height: 30px;
            border-bottom: 5px solid #492258;
            border-right: 5px solid #492258;
            transform: rotate(45deg);
            margin: -15px;
            animation: animate 2s infinite;
        }

        .arrow span:nth-child(2) {
            animation-delay: -0.2s;
        } */

        .arrow-mid {
            position: absolute;
            top: 0px;
            right: -66px;
        }

        @keyframes animate {
            0% {
                opacity: 0;
                transform: rotate(45deg) translate(-20px, -20px);
            }

            50% {
                opacity: 1;
            }

            100% {
                opacity: 0;
                transform: rotate(45deg) translate(20px, 20px);
            }
        }

        .clk-clr {
            /* color: #492258; */
            color: #fff;
            font-weight: 700;
            font-size: 25px;
        }

        @media (max-width: 767px) {
            .intro-ds-block {
                padding: 20px 0;
            }

            .intro-ds-titl {
                font-size: 28px;
                line-height: normal;
                margin-bottom: 15px;
                letter-spacing: 0px;
            }

            .intro-ds-desc {
                font-size: 18px;
                line-height: 28px;
            }

            .intro-bt-indication {
                bottom: 15px;
            }

            .addReadMore .readMore,
            .addReadMore .readLess {
                font-size: 18px;
            }

            .at-ds-tag {
                font-size: 14px !important;
            }

            /* .arrow {
                position: absolute;
                top: 100px;
                right: 20px;
            }

            .arrow span {
                width: 20px;
                height: 20px;
                margin: -8px;
                opacity: 0.6;
            } */

            .arrow-mid {
                position: absolute;
                z-index: 999;
                top: -40px;
            }
        }
        .popular-list-section {
            /* background: #c0beff; */
            background: #8d1c1c;
            padding-bottom: 30px;
            border-bottom: 5px solid #000000;
        }
    
        .popular-list-section .page-title {
            margin-bottom: 20px;
        }
    
        .popular-list-section .page-title h3 {
            font-size: 35px;
            font-family: 'PoynterOSDisplay';
            font-weight: bold;
            line-height: normal;
            /* color: #492258; */
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding-top: 15px;
        }
    
        .popular-listing .forbesflex {
            flex-wrap: wrap;
            margin-left: -18px;
            margin-right: -18px;
            align-items: normal;
        }
    
        .popular-list-section .p-item {
            padding: 18px;
            width: 33.33333%;
            display: flex;
        }
    
        .popular-list-section .pi-iw {
            position: relative;
            padding-left: 25px;
            padding-left: 20px;
        }
    
        .popular-list-section .pi-iw:before {
            content: '';
            width: 11px;
            position: absolute;
            left: 0;
            top: 50%;
            height: calc(100% - 12px);
            /* background-color: #6f4795; */
            background-color: #fff;
            transform: translateY(-50%);
            width: 7px;
        }
        .active {
            color: #fff;
        }
        .popular-listing .p-item h5 a {
            font-size: 25px;
            color: #fff;
            font-family: 'Gotham', sans-serif;
            font-weight: bold;
            line-height: normal;
            word-break: break-word;
        }
    
        .popular-listing .p-item p {
            font-size: 21px;
            color: #fff;
            font-family: 'Gotham', sans-serif;
            font-weight: 500;
            line-height: normal;
        }
    
        .popular-listing .p-item a {
            word-break: break-all;
            display: block;
        }
    
        @media (max-width: 767px) {
            .popular-listing .forbesflex {
                margin-left: 0;
                margin-right: 0;
            }
    
            .popular-list-section .p-item {
                width: 100%;
                padding: 15px 0;
            }
    
            .filter-dd .filter-item,
            .filter-dd .has-sub-item {
                width: 180px;
                font-size: 14px;
            }
    
            .filter-sub-cat {
                top: -10px;
                left: 180px;
                width: 180px;
            }
    
            .ds-breadcrumb {
                overflow-x: auto;
                white-space: nowrap;
            }
    
            .ds-breadcrumb li {
                float: none;
                display: inline;
            }
    
            .fs-deeba {
                font-size: 13.5px !important;
            }
        }

        /*Font*/
        @font-face {
            font-family: 'MerriweatherBlack';
            src: url('https://images.forbesindia.com/media/fonts/Merriweather_Black.woff') format("woff")
        }
    
        @font-face {
            font-family: 'MerriweatherRegular';
            src: url('https://images.forbesindia.com/media/fonts/Merriweather_Regular.woff') format("woff")
        }
    
        @font-face {
            font-family: 'MerriweatherBold';
            src: url('https://images.forbesindia.com/media/fonts/Merriweather_Bold.woff') format("woff")
        }
    
        @font-face {
            font-family: 'OpenSansBold';
            src: url('https://images.forbesindia.com/media/fonts/OpenSans_Bold.woff') format("woff")
        }
    
        @font-face {
            font-family: 'OpenSansRegular';
            src: url('https://images.forbesindia.com/media/fonts/OpenSans_Regular.woff') format("woff")
        }
    
        @font-face {
            font-family: 'WorkSansBold';
            src: url('https://images.forbesindia.com/media/fonts/WorkSans_Bold.woff') format("woff")
        }
    
        @font-face {
            font-family: 'WorkSansMedium';
            src: url('https://images.forbesindia.com/media/fonts/WorkSans_Medium.woff') format("woff")
        }
    
        @font-face {
            font-family: 'WorkSansRegular';
            src: url('https://images.forbesindia.com/media/fonts/WorkSans_Regular.woff') format("woff")
        }
    
        @font-face {
            font-family: 'Georgia';
            src: url('https://images.forbesindia.com/media/fonts/Georgia_Regular.woff') format("woff")
        }
    
        @font-face {
            font-family: 'Gotham Black';
            font-style: normal;
            font-weight: 800;
            src: local('Gotham Black'),
                url('https://images.forbesindia.com/media/fonts/Gotham-Black.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/Gotham-Black.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* Gotham Black */
        /* Gotham Bold */
        @font-face {
            font-family: 'Gotham Bold';
            font-style: normal;
            font-weight: 700;
            src: local('Gotham Bold'),
                url('https://images.forbesindia.com/media/fonts/Gotham-Bold.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/Gotham-Bold.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* Gotham Bold */
        /* Gotham Book */
        @font-face {
            font-family: 'Gotham Book';
            font-style: normal;
            font-weight: 400;
            src: local('Gotham Book'),
                url('https://images.forbesindia.com/media/fonts/Gotham-Book.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/Gotham-Book.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* Gotham Book */
        /* Gotham Light */
        @font-face {
            font-family: 'Gotham Light';
            font-style: normal;
            font-weight: 300;
            src: local('Gotham Light'),
                url('https://images.forbesindia.com/media/fonts/Gotham-Light.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/Gotham-Light.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* Gotham Light */
        /* Gotham Medium */
        @font-face {
            font-family: 'Gotham Medium';
            font-style: normal;
            font-weight: 500;
            src: local('Gotham Medium'),
                url('https://images.forbesindia.com/media/fonts/Gotham-Medium.woff2') format('woff2'),
                url('https://images.forbesindia.com/media/fonts/Gotham-Medium.woff') format('woff');
        }
    
        /* Gotham Medium */
        /* Gotham Thin */
        @font-face {
            font-family: 'Gotham Thin';
            font-style: normal;
            font-weight: 100;
            src: local('Gotham Thin'),
                url('https://images.forbesindia.com/media/fonts/Gotham-Thin.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/Gotham-Thin.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* Gotham Thin */
        /* Gotham Ultra */
        @font-face {
            font-family: 'Gotham Ultra';
            font-style: normal;
            font-weight: 400;
            src: local(''),
                url('https://images.forbesindia.com/media/fonts/Gotham-Ultra.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/Gotham-Ultra.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* Gotham Ultra */
        /* Gotham XLight */
        @font-face {
            font-family: 'Gotham XLight';
            font-style: normal;
            font-weight: 200;
            src: local('Gotham XLight'),
                url('https://images.forbesindia.com/media/fonts/Gotham-XLight.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/Gotham-XLight.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* Gotham XLight */
        /* GothamCond Bold */
        @font-face {
            font-family: 'GothamCond Bold';
            font-style: normal;
            font-weight: 700;
            src: local('GothamCond Bold'),
                url('https://images.forbesindia.com/media/fonts/GothamCond-Bold.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/GothamCond-Bold.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* GothamCond Bold */
        /* GothamCond Book */
        @font-face {
            font-family: 'GothamCond Book';
            font-style: normal;
            font-weight: 400;
            src: local('GothamCond Book'),
                url('https://images.forbesindia.com/media/fonts/GothamCond-Book.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/GothamCond-Book.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* GothamCond Book */
        /* GothamCond Light */
        @font-face {
            font-family: 'GothamCond Light';
            font-style: normal;
            font-weight: 300;
            src: local('GothamCond Light'),
                url('https://images.forbesindia.com/media/fonts/GothamCond-Light.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/GothamCond-Light.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* GothamCond Light */
        /* GothamCond Medium */
        @font-face {
            font-family: 'GothamCond Medium';
            font-style: normal;
            font-weight: 500;
            src: local('GothamCond Medium'),
                url('https://images.forbesindia.com/media/fonts/GothamCond-Medium.woff2') format('woff2'),
                /* Chrome 26+, Opera 23+, Firefox 39+ */
                url('https://images.forbesindia.com/media/fonts/GothamCond-Medium.woff') format('woff');
            /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    
        /* GothamCond Medium */
        /*Font*/
    
        /*Reset CSS*/
        html {
            height: 100%;
        }
    
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        embed,
        figure,
        figcaption,
        footer,
        header,
        hgroup,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }
    
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block;
        }
    
        body {
            line-height: 1;
            font-family: 'Gotham Medium';
            background: #fff;
            letter-spacing: 0.4px;
            font-size: 14px
        }
    
        ol,
        ul {
            list-style: none;
        }
    
        blockquote,
        q {
            quotes: none;
        }
    
        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
            content: '';
            content: none;
        }
    
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
    
        a {
            text-decoration: none;
        }
    
        a:focus,
        input:focus,
        textarea:focus {
            outline: none;
        }
    
        /*Reset CSS*/
    
        /* Common CSS */
        .forbesmaincontainer {
            margin: 20px 0 0;
        }
    
    
        .forbesimg {
            width: 100%;
            display: block;
            margin: 8px 0 20px;
            border: 1px solid #DFDFDF;
        }
    
        .forbesflex {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            justify-content: space-between;
        }
    
        .flexleft {
            flex-grow: 1;
            margin-right: 20px
        }
    
        .flexright {
            width: 300px;
            flex-shrink: 0;
        }
    
        /* Common CSS */
    
       
    
        .ds-data.ds-v-data {
            width: 23%
        }
    
        .ds-data {
            position: relative;
            padding: 18px 10px
        }
    
        .ds-data .img-wrap {
            overflow: hidden;
            position: relative;
            margin-bottom: 10px;
            display: inline-block;
        }
    
        .ds-data img {
            width: auto;
            max-width: 100%;
            display: block;
            overflow: hidden;
        }
    
        .ds-data.ds-v-data .img-wrap img,
        .ds-data.ds-h-data .img-wrap img,
        .item-filtered .ds-data.ds-h-data .img-wrap img {
            overflow: hidden;
            display: block;
            object-fit: cover;
        }
    
        .ds-link .overlay-info {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            display: block;
            padding: 25px 15px;
            background-color: rgba(78, 78, 78, 0.58);
            transform: translateY(300%);
            transition: transform 0.5s ease-in-out;
        }
    
        .ds-link .overlay-info>span {
            display: block;
            text-transform: uppercase;
            color: #fff;
            font-family: "Gotham", sans-serif;
            line-height: normal;
            font-weight: bold;
            margin-bottom: 5px;
            font-size: 15px;
        }
    
        .ds-link .overlay-info .inscore .val {
            font-size: 24px;
            line-height: 15px;
            color: #fff;
            font-family: "PoynterAgate" sans-serif;
        }
    
        .ds-link .overlay-info>span:last-child {
            margin-bottom: 0
        }
    
        .ds-link:hover .overlay-info {
            transform: translate(0)
        }
    
        .ds-meta {
            white-space: normal;
        }
    
        .ds-title {
            font-size: 18px;
            font-family: "Gotham", sans-serif;
            line-height: normal;
            font-weight: bold;
            margin-bottom: 0;
            color: #5c1f0f;
        }
    
        .at-ds-tag {
            font-size: 20px;
            font-family: "Gotham", sans-serif;
            line-height: normal;
            color: #000;
            word-break: break-word;
            margin-top: 0;
        }
    
        .modal {
            display: none;
            position: fixed;
            z-index: 1;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 930px;
            height: 90vh;
            overflow: auto;
            background-color: #fff;
            z-index: 99
        }
    
        /* Modal Content */
        .modal-content {
            position: relative;
            margin: auto;
            padding: 0 45px;
            /*width: 90%;max-width: 1200px;*/
        }
    
        /* The Close Button */
        .mySlides {
            display: none;
        }
    
        .cursor {
            cursor: pointer;
        }
    
        /* Next & previous buttons */
        .prev,
        .next {
            cursor: pointer;
            position: absolute;
            top: 200px;
            width: auto;
            margin-top: -50px;
            color: #000;
            transition: 0.6s ease;
            user-select: none;
            -webkit-user-select: none;
            background: #fc0d1b;
            width: 30px;
            height: 30px;
            border-radius: 50%
        }
    
        /* Position the "next button" to the right */
        .prev svg {
            margin-left: 4px;
            margin-top: 2px
        }
    
        .next svg {
            margin-left: 4px;
            margin-top: 2px;
            transform: rotate(180deg);
        }
    
        .next {
            right: 45px;
        }
    
        .prev span,
        .next span {
            font: 500 13px/14px 'Gotham Medium';
            color: #000;
            text-align: center;
            display: flex;
            justify-content: center;
            margin-top: 8px
        }
    
        /* On hover, add a black background color with a little bit see-through */
        #overlayDiv {
            position: fixed;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.8;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            display: none;
            z-index: 9
        }
    
        .no-scroll {
            overflow: hidden;
        }
    
        .lightbox-cont {
            max-width: 650px;
            margin: 0 auto;
        }
    
        .lightbox-cont img {
            width: 100%;
            max-width: 650px;
            display: block;
            margin: 0 auto 20px;
        }
    
        .lgt-name {
            font: 800 30px/42px 'Gotham Black';
            color: #000;
            text-transform: uppercase;
            margin-bottom: 20px
        }
    
        .lgt-name em {
            font-style: normal;
            border-bottom: 5px solid #ffc600;
        }
    
        .lgt-name span {
            font-size: 18px;
            font-weight: normal;
            font-family: "Gotham Medium";
            color: #000;
            text-transform: capitalize;
        }
    
        .close svg {
            display: flex;
            margin-left: auto;
            margin-top: 15px;
            margin-right: 15px
        }
    
        .close:hover svg {
            fill: #b7b1b1;
        }
    
        .lt-desc {
            font: 500 16px/22px 'Gotham Medium';
            color: #000;
            padding-bottom: 40px;
            display: inline
        }
    
        .more-content {
            display: none
        }
    
        .read-more {
            text-decoration: underline;
        }
    
        @media (max-width: 1023px) {
            .modal {
                max-width: 720px
            }
    
            .lightbox-cont img {
                max-width: 560px
            }
    
            .modal-content {
                padding: 0 25px
            }
    
            .next {
                right: 20px
            }
    
            .ds-data {
                padding: 18px
            }
        }
    
        @media (max-width: 767px) {
            .ds-listing .forbesflex {
                margin: 0 -6px
            }
    
            .ds-title {
                font-size: 17px
            }
    
            .at-ds-tag {
                font-size: 14px
            }
    
            .ds-data.ds-v-data {
                width: 45%;
                margin: 0 auto;
                padding: 18px 0
            }
    
            .modal {
                max-width: 900px;
                width: 100%;
                height: 100vh
            }
    
            .prev,
            .next {
                top: 220px
            }
    
            .prev span,
            .next span {
                display: none
            }
    
            .prev {
                left: 7px
            }
    
            .next {
                right: 7px
            }
    
            .lgt-name {
                font: 800 25px/40px 'Gotham Black'
            }
    
            .lgt-name span {
                font-size: 22px
            }
        }
    
        @media (max-width: 380px) {
            .ds-listing .forbesflex {
                flex-wrap: nowrap;
                flex-direction: column;
                margin: 0
            }
    
            .ds-data.ds-v-data,
            .ds-data.ds-h-data,
            .item-filtered .ds-data.ds-h-data {
                width: auto;
                margin: 0 auto
            }
        }
        .modal{overflow-y:auto}
        .sub-heading {
            margin-top: -9px;
            font-size: 24px;
            text-transform: capitalize;
            line-height: normal;
        }