@import url("https://fonts.googleapis.com/css2?family=Prata&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@font-face {
    font-family: "Lorin";
    src:
        url("../fonts/Lorin-Bold.woff2") format("woff2"),
        url("../fonts/Lorin-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lorin";
    src:
        url("../fonts/Lorin-Regular.woff2") format("woff2"),
        url("../fonts/Lorin-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lorin";
    src:
        url("../fonts/Lorin-Light.woff2") format("woff2"),
        url("../fonts/Lorin-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lorin";
    src:
        url("../fonts/Lorin-ExtraBold.woff2") format("woff2"),
        url("../fonts/Lorin-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi-Regular';
    src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
        url('../fonts/Satoshi-Regular.woff') format('woff'),
        url('../fonts/Satoshi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Bold';
    src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
        url('../fonts/Satoshi-Bold.woff') format('woff'),
        url('../fonts/Satoshi-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Pragmatica Ext Extra';
    src: url('../fonts/PragmaticaExt-ExtraBold.woff2') format('woff2'),
        url('../fonts/PragmaticaExt-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


html,
body {
    margin: 0;
    width: 100%;
    height: 100%;
}

body {
    background: var(--background-bg);
    counter-reset: list-counter;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
    text-align: left;
    font-family: "Raleway", sans-serif;
    scroll-behavior: smooth;
    scroll-padding-top: 10px;
}

* {
    scroll-behavior: smooth;
}

*,
::after,
::before {
    box-sizing: border-box;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

/*Dark Theme and Light theme */
:root {
    --font-lorin: "Lorin";
    --background-bg: #f4f4f4;
    --text-color: #000;
    --text-orange: #f7574b;
    --button-bg: var(--background-bg);
    --button-shadow: #1e1e1e1a;
    --theme-button-shadow: 0.3rem 0.3rem 0.6rem rgb(230 230 230), -0.2rem -0.2rem 0.5rem rgb(255 255 255);
    --theme-button-shadow-hover: inset 4px 4px 14px #e0e0e0;
    --theme-header-shadow: 0.3rem 0.3rem 0.6rem #e6e6e6, -0.4rem -0.4rem 0.3rem #ffffff;
    --text-header-color: #383838;
    --title-color: #1c1917;
    --card-color: #ffffff;
    --card-gradient-color: radial-gradient(72.56% 72.56% at 0.93% 0%, #e5e5e5 0%, #fff 100%);
    --card-border-color: #e8e8e8;
    --card-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.08);
    --border-new: radial-gradient(47.52% 60.66% at 70% 0%, #f5564a 0%, #e5e5e5 100%);
    --text-grey-color: #383838;
    --text-gradient-color: linear-gradient(177.1deg,
            #3d3d3d -10.49%,
            #373737 26.64%,
            #999999 60%,
            #2e2e2e 77.05%,
            #272727 92.19%);
    --brand-bg: #f4f4f4;
    --text-new-grey-color: var(--text-grey-color);
    --bg-image-shadow: url("../img/bg-shadow-light.png");
    --text-greys: #1c1917;
    --text-grey-white: #000;
    --lfm-text: #f7574b;
}

.light-mode {
    --background-bg: #f4f4f4;
    --text-color: #000;
    --text-orange: #f7574b;
    --button-bg: var(--background-bg);
    --button-shadow: #1e1e1e1a;
    --theme-button-shadow: 0.3rem 0.3rem 0.6rem rgb(230 230 230), -0.2rem -0.2rem 0.5rem rgb(255 255 255);
    --theme-button-shadow-hover: inset 4px 4px 14px #e0e0e0;
    --theme-header-shadow: 0.3rem 0.3rem 0.6rem #e6e6e6, -0.4rem -0.4rem 0.3rem #ffffff;
    --text-header-color: #383838;
    --title-color: #1c1917;
    --card-color: #ffffff;
    --card-gradient-color: radial-gradient(72.56% 72.56% at 0.93% 0%, #e5e5e5 0%, #fff 100%);
    --card-border-color: #e8e8e8;
    --card-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.08);
    --border-new: radial-gradient(47.52% 60.66% at 70% 0%, #f5564a 0%, #e5e5e5 100%);
    --text-grey-color: #383838;
    --text-gradient-color: linear-gradient(177.1deg,
            #3d3d3d -10.49%,
            #373737 26.64%,
            #999999 60%,
            #2e2e2e 77.05%,
            #272727 92.19%);
    --brand-bg: #f4f4f4;
    --text-new-grey-color: var(--text-grey-color);
    --bg-image-shadow: url("../img/bg-shadow-light.png");
    --text-greys: #1c1917;
    --text-grey-white: #000;
    --lfm-text: #f7574b;
}

.dark-mode {
    --background-bg: #1e1e1e;
    --text-color: #fff;
    --text-orange: #f7574b;
    --button-bg: var(--background-bg);
    --button-shadow: #f4f4f41a;
    --theme-button-shadow: 0.3rem 0.3rem 0.3rem #191919, -0.3rem -0.3rem 0.8rem #292929;
    --theme-button-shadow-hover: inset 4px 4px 14px #131212;
    --theme-header-shadow: 0.3rem 0.3rem 0.6rem #1a1a1a, -0.3rem -0.3rem 0.8rem #2e2d2d;
    --text-header-color: #fff;
    --title-color: #fff;
    --card-color: #181818;
    --card-gradient-color: radial-gradient(72.56% 72.56% at 0.93% 0%, #2b2b2b 0%, #1e1e1e 100%);
    --card-border-color: #282828;
    --card-box-shadow: 0px 0px 21.3px 0px rgba(0, 0, 0, 0.25);
    --border-new: radial-gradient(47.52% 60.66% at 70% 0%, #f5564a 0%, #2c2c2c 100%);
    --text-grey-color: #d6d6d6;
    --text-gradient-color: linear-gradient(180deg, #ffffff 0%, #f2f2f2 47%, #999999 71.5%, #dcdcdc 81%, #ffffff 95%);
    --brand-bg: #202020;
    --text-new-grey-color: #b9b9b9;
    --bg-image-shadow: url("../img/bg-shadow-dark.png");
    --text-greys: #C8D9DE;
    --text-grey-white: #fff;
    --lfm-text: #AB9F96;
}

ul {
    padding: 0;
    list-style: none;
    margin: 0px;
}

a {
    transition: 0.5s;
}

.animsition-overlay-slide {
    background: var(--background-bg);
}

.animsition-loading {
    padding: 0px;
    width: auto !important;
    height: auto !important;
    border-radius: 0px;
}

.animsition-loading img {
    width: 180px;
}

.animsition-loading:after {
    display: none !important;
}

.dark-mode .animsition-loading .light-assets,
.light-mode .animsition-loading .dark-assets {
    display: none;
}

.padder-15 {
    padding: 50px 0px 40px 0px;
}

.mainTitle {
    margin-bottom: 70px;
    position: relative;
}

.mainTitle .themeTitle {
    font-family: var(--font-lorin);
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;

    color: var(--title-color);
    text-align: center;
    margin-bottom: 0px;
    position: relative;
}

.mainTitle .outerBorder {
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0;
    bottom: -20px;
}

.mainTitle .outerBorder img {
    max-width: 100%;
}

.mainTitle .small-text {
    font-family: var(--font-lorin);
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    color: var(--text-new-grey-color);
    margin: 40px 0px 0px 0px;
}

@media screen and (max-width: 992px) {
    .padder-15 {
        padding: 40px 0px 30px 0px;
    }

    .mainTitle .themeTitle {
        font-size: 30px;
        line-height: 110%;
    }

    .mainTitle {
        margin-bottom: 40px;
    }

    .mainTitle .small-text {
        font-size: 16px;
    }
}

/* button custom css start */
.btn {
    font-size: 14px;
    font-weight: 600;
    border-radius: 50px;
    transition: all ease-in-out 500ms;
    padding: 12px 30px;
}

.btn-theme {
    color: var(--text-orange);
    background-color: var(--button-bg);
    box-shadow: var(--theme-button-shadow);
}

.btn-theme:hover,
.btn-theme:focus {
    box-shadow: var(--theme-button-shadow-hover);
    color: var(--content-bg);
}

.btn-lg {
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
}

.btn-theme.btn-theme-dark {
    color: #f7574b;
    background-color: #1e1e1e;
    box-shadow: 0.3rem 0.3rem 0.3rem #191919, -0.3rem -0.3rem 0.8rem #292929;
}

.btn-theme.btn-theme-dark:hover,
.btn-theme.btn-theme-dark:focus {
    box-shadow: inset 4px 4px 14px #131212;
    color: #f7574b;
}

/* button custom css end */

 
/* Banner Section Start */
.theme-incubase-banner {
    background-color: var(--background-bg);
    position: relative;
}

.theme-incubase-banner .banner-inner {
    position: absolute;
    top: 150px;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 0px 20px;
}

.theme-incubase-banner .slick-slide {
    position: relative;
}

.theme-incubase-banner .banner-image {
    display: inline-block;
    width: 100%;
    height: 82vh;
    object-fit: cover;
    position: relative;
}

.theme-incubase-banner .banner-image img {
    width: 100%;
    height: 100%;
}

.theme-incubase-banner .banner-inner img {
    width: auto;
    max-width: 100%;
}

.theme-incubase-banner .banner-inner .banner-logo img {
    margin: 0 auto;
}

.theme-incubase-banner .incubase-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 50px 0px;
    font-size: 24px;
    color: var(--text-color);
    font-weight: 500;
}

.theme-incubase-banner .banner-inner .small-text {
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    text-align: center;
    margin: 0 auto;
    color: var(--text-color);
}


@media screen and (min-width: 768px) and (max-width: 1680px) {
    .theme-incubase-banner .banner-inner .title {
        font-size: 50px;
    }
}

@media screen and (max-width: 1024px) {

    .theme-incubase-banner .banner-inner .banner-logo img {
        height: 50px;
    }

    .theme-incubase-banner .incubase-logo {
        margin: 30px 0px;
    }

    .theme-incubase-banner .banner-inner .small-text {
        font-size: 20px;
    }

    .theme-incubase-banner .banner-inner .small-text br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .theme-incubase-banner .banner-image {
        height: 500px;
    }

    .theme-incubase-banner .banner-inner .title {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .theme-incubase-banner .owl-dots {
        bottom: 100px;
    }

    .theme-incubase-banner .banner-inner {
        padding: 0px 15px;
    }

    .theme-incubase-banner .banner-inner .small-text {
        font-size: 14px;
        margin: 0 auto 30px;
    }

    .theme-incubase-banner .banner-inner .title br,
    .theme-incubase-banner .banner-inner .small-text br {
        display: none;
    }

    .theme-incubase-banner .banner-inner {
        top: 80px;
    }

    .theme-incubase-banner .banner-inner .small-text {
        font-size: 16px;
    }

    .theme-incubase-banner .banner-inner .small-text br {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .theme-incubase-banner .banner-inner img {
        height: 30px;
    }

    .theme-incubase-banner .banner-inner .small-text {
        font-size: 13px;
        margin: 0 auto 30px;
    }
}

/* Banner Section End */
/* Program Banner Section Css Start */
.program-banner {
    height: 700px;
    position: relative;
}

.program-banner-slider,
.program-banner-slider.slick-slider .slick-list,
.program-banner-slider.slick-slider .slick-track {
    height: 100%;
}

.slider-img {
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 100%;


}

.program-banner .container {
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
}

.program-banner .banner-inner {
    display: inline-block;
    padding: 20px;
    border-radius: 20px;
    top: 50%;
    position: relative;
    z-index: 1;
    background-color: var(--background-bg);
    width: auto;
}

.program-banner .banner-inner .banner-body {
    background-color: var(--background-bg);
    border-radius: 16px;
    box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.10);
    padding: 25px;
}

.light-mode .program-banner .banner-inner .banner-body {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);
}

.program-banner .banner-title {
    font-family: var(--font-lorin);
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    color: var(--text-orange);
    margin-bottom: 10px;
}

.program-banner .small-info {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-color);
    margin: 0px;
}

.program-banner .slick-dots {
    position: absolute;
    bottom: 20px;
    right: 40px;
    display: inline-block;
}

.program-banner .slick-dots li {
    display: inline-block;
}

.program-banner .slick-dots li {
    display: inline-block;
}

.program-banner .slick-dots li button {
    width: 25px;
    height: 7px;
    margin: 5px;
    border: 0px;
}

.program-banner .slick-dots li button {
    background: #fff;
    border-radius: 50px;
    font-size: 0px;
}

.program-banner .slick-dots li.slick-active button {
    background: var(--text-orange);
}

@media screen and (max-width:1200px) {
    .program-banner .banner-title {
        font-size: 28px;
    }
}

@media screen and (max-width:1024px) {
    .program-banner .slick-dots {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .program-banner .banner-inner {
        padding: 15px;
        border-radius: 15px;
    }

    .program-banner .banner-inner .banner-body {
        padding: 15px;
    }

    .program-banner {
        height: 400px;
    }
}


/* Program Banner Section Css End */
/* Our Program Overview Section Start */
.our-program {
    padding-top: 200px;
}

.our-program .mainTitle {
    margin-bottom: 30px;
}

.our-program .mainTitle .themeTitle {
    color: var(--text-orange);
    font-weight: 500;
}

.our-program .program-card {
    display: inline-block;
    text-decoration: none;
    background-color: var(--card-color);
    border-radius: 8px;
    padding: 20px;
    margin: 10px 0px;
    height: calc(100% - 20px);
}

.our-program .program-card .small-title {
    font-family: "Prata", serif;
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    color: var(--text-color);
    margin-bottom: 15px;
}

.our-program .program-card .program-img {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.our-program .program-card .program-img img {
    width: 100%;
}

.our-program .program-card .small-info {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    font-family: "Raleway", sans-serif;
    margin-bottom: 8px;
}

.our-program .program-card .date {
    font-weight: 500;
    font-size: 14px;
    color: #A1A1A1;
    font-family: var(--font-lorin);
}

@media screen and (max-width:1024px) {
    .our-program .mainTitle {
        margin-bottom: 15px;
    }

}

@media screen and (min-width:1025px) and (max-width:1200px) {
    .our-program {
        padding-top: 160px;
    }

    .our-program .mainTitle {
        margin-bottom: 15px;
    }

    .our-program .mainTitle .themeTitle {
        font-size: 36px;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .our-program {
        padding-top: 150px;
    }
}

/* Our Program Overview Section End */

/* Incubase Section Start */

.distributed-theme .first-card .inner-img {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: right;
}

.distributed-theme .first-card .inner-img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.distributed-theme .first-card.card .card-body {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 35px;
}

.distributed-theme .card-border {
    padding: 25px 0px;
    position: relative;
}

.distributed-theme .card-border:first-child {
    padding-top: 0px;
}

.distributed-theme .card-border:last-child::after {
    display: none;
}

.distributed-theme .card-border::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    left: 0px;
    background: linear-gradient(90deg, rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0.1) 60%, rgba(102, 102, 102, 0) 100%);
}

.distributed-theme .first-card.card .label {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #035CF2;
    margin-bottom: 10px;
}

.distributed-theme .first-card.card .small-title {
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    font-family: var(--font-lorin);
    margin-bottom: 5px;
    background: var(--text-gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.distributed-theme .first-card.card .info-text,
.distributed-theme .first-card.card .small-text {
    font-family: var(--font-lorin);
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: var(--text-color);
}

.distributed-theme .card {
    background: var(--card-color);
    height: calc(100% - 20px);
    margin: 10px 0px;
    border-radius: 26px;
    border: solid 2px var(--card-border-color);
    box-shadow: var(--card-box-shadow);
    overflow: hidden;
}

.distributed-theme .card .card-body {
    padding: 25px;
}

.distributed-theme .card.sec-card .small-title {
    text-align: center;
    color: var(--text-header-color);
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 20px;
}

.distributed-theme .card.sec-card .distributed-img {
    width: 100%;
}

.distributed-theme .host-card .small-title {
    color: #035CF2;
}

.distributed-theme .host-card .host-logo {
    background-color: rgb(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 35px 10px;
}

.distributed-theme .host-card .host-logo img {
    max-width: 100%;
}

.distributed-theme .card.thired-card {
    background: url('../img/distributed-shadow.png') #0257F8;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.distributed-theme .card.thired-card .inner-details {
    position: relative;
}

.distributed-theme .card.thired-card .inner-details::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0px;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg, rgb(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

.distributed-theme .card.thired-card .inner-details.border-0::after {
    display: none;
}

.distributed-theme .card.thired-card .inner-details-full {
    position: relative;
    margin: 15px 0px;
}

.distributed-theme .card.thired-card .inner-details-full::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgb(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

.distributed-theme .card.four-card .week {
    display: inline-block;
    width: auto;
    padding: 8px 15px;
    font-weight: 800;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #0052FF;
    border-radius: 8px;
    border-left: solid 2px #0052FF;
    margin-bottom: 10px;
    background: linear-gradient(90deg, rgba(0, 82, 255, 0.1) 0%, rgba(0, 82, 255, 0.08) 50%, rgba(0, 82, 255, 0) 100%);
}

.distributed-theme .card.four-card .card-body {
    padding: 20px 25px;
}

.distributed-theme .card.four-card .small-title {
    font-family: var(--font-lorin);
    font-weight: 800;
    font-size: 22px;
    line-height: 115%;
    letter-spacing: 0%;
    color: var(--text-color);
    margin-bottom: 10px;
}

.distributed-theme .card.four-card .small-info {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--text-color);
    margin: 0px;
}

.distributed-theme .card.thired-card .number {
    font-family: var(--font-lorin);
    font-weight: 800;
    font-size: 30px;
    line-height: 101%;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.distributed-theme .card.thired-card .small-info {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
}

@media screen and (min-width: 1201px) and (max-width: 1500px) {
    .distributed-theme .first-card.card .card-body {
        padding: 25px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .distributed-theme .first-card.card .card-body {
        padding: 20px;
    }

    .distributed-theme .first-card.card .label {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .distributed-theme .first-card.card .small-title {
        font-size: 28px;
        line-height: 32px;
    }

    .distributed-theme .card-border {
        padding: 20px 0px;
    }

    .distributed-theme .card.thired-card .number {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .distributed-theme .card.thired-card .small-info {
        font-size: 18px;
    }

    .distributed-theme .card.four-card .small-title {
        font-size: 18px;
    }

    .distributed-theme .card.four-card .week {
        padding: 6px 10px;
        font-size: 16px;
    }

}

@media screen and (max-width:1024px) {
    .distributed-theme .card .card-body {
        padding: 15px;
    }

    .distributed-theme .host-card .host-logo {
        padding: 25px 10px;
    }

    .distributed-theme .card.thired-card .number {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .distributed-theme .card.thired-card .small-info {
        font-size: 18px;
    }

    .distributed-theme .card.four-card .week {
        padding: 6px 10px;
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .distributed-theme .first-card.card .card-body {
        padding: 25px;
    }

    .distributed-theme .first-card.card .label {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .distributed-theme .card.thired-card .inner-details {
        padding: 10px 0px;
    }

    .distributed-theme .card.thired-card .inner-details::after {
        right: 0;
        top: inherit;
        bottom: 0px;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, rgb(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    }

    .distributed-theme .card.thired-card .inner-details-full {
        margin: 10px 0px;
    }

    .distributed-theme .first-card.card .small-title {
        font-size: 28px;
        line-height: 32px;
    }

    .distributed-theme .card.four-card .inner-small-card {
        margin: 10px 0px;
    }

    .distributed-theme .card.four-card .small-title br {
        display: none;
    }

    .distributed-theme .card.four-card .card-body {
        padding: 20px;
    }
}

/* Incubase Section End */
/* Workshop Speakers Section Start */
.workshop-speakers .mainTitle,
.tweets-section .mainTitle {
    margin-bottom: 30px;
}

.workshop-speakers .mainTitle .themeTitle,
.tweets-section .mainTitle .themeTitle {
    margin-bottom: 35px;
}

.workshop-speakers .mainTitle .small-info {
    font-size: 18px;
    font-weight: 600;
    color: #8A8A8A;
    font-family: var(--font-lorin);
    margin: 0;
}

.workshop-card {
    margin: 10px auto;
     width: 260px;
}

.workshop-card .workshop-img {
    background-color: var(--card-color);
    transition: 0.5s;
    width: 100%;
    height: 260px;
    text-align: center;
}

.workshop-card .workshop-img img {
    width: 100%;
    height: 100%;
    transition: 0.5s;
}

.workshop-card:hover .workshop-img {
    border: solid 25px #035CF2;
}

.workshop-card .workshop-info {
    padding: 15px 0px;
}

.workshop-card .workshop-info .name {
    font-family: var(--font-lorin);
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    color: var(--text-color);
    margin-bottom: 5px;
}

.workshop-card .workshop-info .profile {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--text-color);
    margin: 0;
}

.gtm-mentors {
    display: inline-block;
    width: auto;
    padding: 10px 25px;
    font-size: 18px;
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0.1);
    border-left: solid 2px #0052FF;
    border-right: solid 2px #0052FF;
}
@media screen and (max-width:1200px) {
.workshop-card { 
    width: 100%;
}
.workshop-card .workshop-img { 
    width: 100%;
    height: auto; 
}
}
@media screen and (max-width:1024px) {
    .workshop-card .workshop-info {
        padding: 10px 0px;
    }

    .workshop-card .workshop-info .name {
        font-size: 18px;
    }

    .workshop-card .workshop-info .profile {
        font-size: 13px;
    }

    .gtm-mentors {
        padding: 8px 20px;
        font-size: 16px;
    }
}

/* Workshop Speakers Section End */
/*Tweets Section Start*/
.Twiter-video iframe { 
    width: 90%;
    height: 700px;
    border-radius: 16px;
    margin:  0 auto;
}
@media screen and (max-width:1024px) {
   .Twiter-video iframe {  
    height: 500px; 
} 
}
@media screen and (max-width:767px) {
   .Twiter-video iframe {  
    height: 300px; 
} 
}
.tweets-section .card {
    background: #000000;
    height: calc(100% - 20px);
    margin: 10px 0px;
    border-radius: 20px;
    border: solid 2px var(--card-border-color);
    box-shadow: var(--card-box-shadow);
    padding: 25px 20px;
    text-decoration: inherit;
}

.tweets-section .user-header {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.tweets-section .user-header .user-details {
    display: flex;
    flex: 1;
    gap: 10px;
}

.user-header .user-details .user-img {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    overflow: hidden;
}

.user-header .user-details .user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-header .user-details .user-info {
    flex: 1;
}

.user-info .user-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}

.user-info .user-small {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #8698A9;
}

.tweets-section .card .small-info {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.tweets-section .card .date-info {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #8698A9;
    margin-bottom: 8px;
}

.tweets-section .card .twiteer-link {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.twiteer-link .link-info {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
}

.twiteer-link .link-info span {
    color: #8698A9;
}

.tweets-section .card .twiteer-social-icon {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
    padding: 5px 0px;
    border-top: solid 1px rgba(201, 215, 228, 0.2);
    border-bottom: solid 1px rgba(201, 215, 228, 0.2);
}

.tweets-section .card .twiteer-social-icon .icons img {
    height: 24px;
}

/*Tweets Section End*/