h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "DM Sans", sans-serif;
    position: relative;
    margin: 0;
    text-rendering: optimizelegibility;
    text-decoration: none;
    font-weight: 500;
    color: #ffff;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
    line-height: 1.6
}

h6 {
    font-size: 12px;
}

p {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1E1E1E;
}

span {
    font-family: "DM Sans", sans-serif;
}

a {
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    color: #000;
}

ul {
    padding: 0;
    list-style-type: none;
}
li{
    font-family: "DM Sans", sans-serif;
}
.btn-theme-primary {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    background-color: #9050E9;
    border: 1px solid #9050E9;
    color: #FFFFFF;
    padding: 12px 24px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
}

.btn-theme-secondary {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #9050E9;
    border: 1px solid #9050E9;
    padding: 12px 24px;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    background-color: transparent;
}
/* COMMUNITY HERO SECTION  CSS START */
.comm-hero-sec{
    padding: 67px 0 91px 0;
}
.comm-hero-sec .comm-hero-wrapper{
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.comm-hero-sec .comm-hero-wrapper .hero-title-wrapper{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 21px;
}
.comm-hero-sec .comm-hero-wrapper .hero-title-wrapper .title-upper-wrapper{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.comm-hero-sec .comm-hero-wrapper .hero-title-wrapper .title-upper-wrapper .border-wrapper{
    border: 1.5px solid transparent;
    border-radius: 100px;
    background: linear-gradient(#F7F1FF, #F7F1FF) padding-box, linear-gradient( 90deg, rgba(151, 71, 255, 1) 18%, rgba(151, 71, 255, 1) 50%, rgba(151, 71, 255, 1) 70% ) border-box;
    align-self: center;
}
.comm-hero-sec .comm-hero-wrapper .hero-title-wrapper .title-upper-wrapper .border-wrapper h4{
    text-align: center;
    padding: 10px 23px;
    font-size: 14px;
    font-weight: 400;
    color: #9050E9;
}
.comm-hero-sec .comm-hero-wrapper .hero-title-wrapper .title-upper-wrapper h1{
    text-align: center;
    font-size: 64px;
    font-weight: 700;
    color: #1E1E1E;
}
.comm-hero-sec .comm-hero-wrapper .hero-title-wrapper .title-upper-wrapper span{
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #9050E9 0%, #E602FF 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
}
.comm-hero-sec .comm-hero-wrapper .hero-title-wrapper .title-upper-wrapper p{
    text-align: center;
    margin: 0;
    font-size: 18px;
    line-height: 35px;
}
.comm-hero-sec .comm-hero-wrapper .hero-title-wrapper .hero-btn-wrapper{
    display: flex;
    gap: 20px;
}
.comm-hero-sec .comm-hero-wrapper .hero-title-wrapper .hero-btn-wrapper a{
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
}
.comm-hero-sec .comm-hero-wrapper .hero-title-wrapper .hero-btn-wrapper a.btn-theme-primary{
    padding: 12px 33px;
    background: linear-gradient(90deg,rgba(144, 80, 233, 1) 0%, rgba(225, 8, 254, 1) 100%);
    border: unset;
}
.comm-hero-sec .comm-hero-wrapper .gradient-border {
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 5px;
  background: 
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #9050E9 0%, #E602FF 100%) border-box; 
}
.comm-hero-sec .comm-hero-wrapper .gradient-border a.btn-theme-secondary {
  display: inline-block;
  padding: 12px 15px;
  border-radius: 5px;          
  background: #fff;           
  font-weight: 600;
  text-decoration: none;
  border:unset;

  /* gradient text */
  background: linear-gradient(to right, #9050E9, #E602FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-slider-wrapper {
  display: none; /* Hide by default */
}
.comm-hero-sec .hero-slider-wrapper.owl-loaded {
  display: flex;
  justify-content: center;
}
.comm-hero-sec .comm-hero-wrapper .hero-slider-wrapper img{
    width: 100% !important;
    height: 547px !important;
    border-radius: 20px !important;
    object-fit: cover;
}
.hero-slider-wrapper .owl-dots{
    display: flex !important;
    gap: 8px !important;
    position: absolute;
    bottom: 30px;
}
.hero-slider-wrapper  button.owl-dot{
    border: 1px solid #FFF !important;
    background: #fff !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 20px !important;

}
.hero-slider-wrapper  button.owl-dot.active{
    background-color: #9050E9 !important;
}

/* ADDITIONAL CSS FOR MASONARY GRID START */
/* .comm-hero-sec .slider-box {
    display: flex;
    justify-content: center;
    gap: 15px;
    overflow: hidden;
    cursor: pointer;
}

.comm-hero-sec .slider-box .slider-image {
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 15px;
}

.comm-hero-sec .slider-box .slider-image:nth-child(1) {
    grid-row-end: span 8;
}

.comm-hero-sec .slider-box .slider-image:nth-child(2) {
    grid-row-end: span 5;
}

.comm-hero-sec .slider-box .slider-image:nth-child(3) {
    grid-row-end: span 6;
}

.comm-hero-sec .slider-box .slider-image:nth-child(4) {
    grid-row-end: span 8;
}

.comm-hero-sec .slider-box .slider-image:nth-child(5) {
    grid-row-end: span 5;
}

.comm-hero-sec .slider-box .slider-image:nth-child(6) {
    grid-row-end: span 6;
}

.comm-hero-sec .slider-box .slider-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.comm-hero-sec .slider-box .slider-col-2 {
    transform: rotate(180deg);
}

.comm-hero-sec .slider-box .slider-col-2 .slick-slide {
    transform: rotate(180deg);
} */

/* ADDITIONAL CSS FOR MASONARY GRID END */

/* COMMUNITY EVENT SECTION */
.comm-event-sec {
    padding: 112px 64px;
    background-color: #FCFCFC;
}

.comm-event-sec .comm-event-sec-heading {
    text-align: center;
    max-width: 768px;
    margin: 0 auto;
}

.comm-event-sec .comm-upcoming-events-btns-wrapper {
    position: relative;
    align-content: center;
    margin-bottom: 16px;
}

.comm-event-sec .comm-upcoming-events-btns-wrapper .df-event-sync-button-wrapper {
    position: absolute;
    left: 0px;
}

.comm-event-sec .comm-upcoming-events-btns-wrapper .comm-event-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.comm-event-sec .comm-upcoming-events-btns-wrapper .view-all-event {
    position: absolute;
    right: 0px;
    top: 0px;
}

.comm-upcoming-events-btns-wrapper:has(#pills-view-calender-events-tab.active) .df-event-sync-button-wrapper,
.comm-upcoming-events-btns-wrapper:has(#pills-view-calender-events-tab.active) .view-all-event {
    display: none;
}

.comm-upcoming-events-btns-wrapper:has(#pills-view-calender-events-tab.active) .df-event-sync-button-wrapper {
    left: auto !important;
    right: 0px !important;
    /* Move to the right */
    top: -35px !important;
    display: block;
}

.comm-event-sec .comm-event-sec-heading a {
    color: #9050E9;
}

.comm-event-sec .comm-event-sec-heading h2 {
    color: #1E1E1E;
    font-size: 48px;
    line-height: 51px;
    font-weight: 600;
    padding: 30px 0;
}

.comm-event-sec .comm-event-sec-heading p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}

/* .comm-event-sec .comm-event-tabs{
    display: flex;
    justify-content: center;
    padding: 0 0 40px 0;
    position: relative;
} */
.comm-event-sec .comm-event-tabs ul li {
    padding: 7px 10px 0px 0;
}

.comm-event-sec .comm-event-tabs ul li button {
    padding: 0;
}


.comm-event-sec .comm-event-tabs button img.color-icon {
    display: none;
}

.comm-event-sec .comm-event-tabs button img.simple-icon {
    display: block;
}

.comm-event-sec .comm-event-tabs button.active img.simple-icon {
    display: none;
}

.comm-event-sec .comm-event-tabs button.active img.color-icon {
    display: block;
}

.comm-event-sec .comm-events-list-wrapper .df-arrow .color-icon {
    display: none;
}

.comm-event-sec .comm-events-list-wrapper .df-arrow.active .simple-icon {
    display: none;
}

.comm-event-sec .comm-events-list-wrapper .df-arrow.active .color-icon {
    display: block;
}
/* Calender Tab View Style */
.comm-event-sec .df-content-wrapper-box .calendar-event-arrows-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.comm-event-sec .df-content-wrapper-box h4 {
    font-size: 24px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    line-height: 140%;
    margin-right: 54px;
    margin-left: 54px;
}
.comm-event-sec .df-content-wrapper-box img {
    cursor: pointer;
}

/* Calender View Style ENDS */

.comm-event-sec .comm-event-tabs .df-event-sync-button-wrapper {
    position: absolute;
    right: 0;
}
.comm-event-sec .event-arrows-wrapper {
    display: flex;
    justify-content: center;
    padding: 0 0 40px 0;
    align-items: center;
}
.comm-event-sec .event-arrows-wrapper h4 {
    color: #000;
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
    padding: 0 20px 0 20px;
}

.comm-event-sec .event-arrows-wrapper img {
    cursor: pointer;
}

.nav-link.nav-event-tab.active {
    background-color: transparent;
}

.nav-event-tab img {
    width: 28px;
    height: 29px;
}

.comm-event-sec .comm-events-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.comm-events-list-wrapper .event-box {
    position: relative;
    height: 458px;
    width: 416px;
    border-radius: 12px;
    border: 1px solid #FCFCFC;
    border-bottom: none;
    overflow: hidden;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
}
/* Event card image on homepage */
.comm-events-list-wrapper .event-box.today-event-card {
    border: 2px solid#9050E9;
    position: relative;
}
.comm-event-sec .comm-events-list-wrapper .event-box .img-box {
    position: relative;
}
.comm-events-list-wrapper .event-box .img-box img {
    width: 100%;
    max-height: 233px;
}

.comm-events-list-wrapper .event-box .img-box img.past-event-image {
    filter: grayscale(100%);
    opacity: 0.6;
}
/* Vector icon on event card image on homepage */
.comm-event-sec .comm-events-list-wrapper .event-box .img-box .image-icon {
   position: absolute;
    right: 37px;
    width: 97px;
    height: 126px;
    z-index: 2;
    bottom: -21px;
}
.comm-event-sec .comm-events-list-wrapper .event-box .img-box .image-icon img {
    width: 100%;
    height: auto;
}
.comm-events-list-wrapper .event-box .event-date-box {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 84px;
    height: 67px;
    padding: 12px 4px;
    background-color: #FFFFFF;
    color: #010101;
    border-radius: 4px;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.06), 0px 4px 8px -2px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: content-box;
    align-items: center;
}
.comm-events-list-wrapper .event-box .past-event-date-box {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 84px;
    height: 67px;
    padding: 12px 4px;
    background-color: #000000;
    border-radius: 4px;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.06), 0px 4px 8px -2px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: content-box;
    align-items: center;
}

.comm-events-list-wrapper .event-box .past-event-date-box p {
    margin-bottom: 7px;
    font-family: 'Roboto', sans-serif;
    color: #FCFCFC;
    font-size: 14px;
    line-height: 12px;
    font-weight: 400;
}

.comm-events-list-wrapper .event-box .past-event-date-box p.date {
    font-size: 32px;
    line-height: 33px;
    font-weight: 700;
}

.comm-events-list-wrapper .event-box .event-date-box p {
    margin-bottom: 7px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
   line-height: 12px;
    font-weight: 400;
}

.comm-events-list-wrapper .event-box .event-date-box p.date {
    font-size: 32px;
    line-height: 33px;
    font-weight: 700;
}

.comm-events-list-wrapper .event-box .event-tagline {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-color: rgb(238, 238, 238);
    border-radius: 7px 0 12px 0;
    width: 105px;
    height: 28px;
    display: flex;
    justify-content: center;
    border: 1px solid #FCFCFC;
}

.comm-events-list-wrapper .event-box .past-event-tagline {
    background-color: rgba(170, 170, 170, 1);
    position: absolute;
    bottom: -1px;
    right: -1px;
    border-radius: 7px 0 12px 0;
    width: 105px;
    height: 28px;
    display: flex;
    justify-content: center;
}
/* Live badge wrapper */
.comm-events-list-wrapper .event-box .today-tagline {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 18px 20px;
    background-color: #9050E9;
    color: white;
    font-weight: bold;
    font-size: 10px;
    border-top-left-radius: 6px;
    z-index: 3;
}
.comm-events-list-wrapper .event-box .live-badge {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    display: inline-block;
}
.comm-events-list-wrapper .event-box .thumbnail-text {
    position: absolute;
    left: 26px;
    top: 59px;
    font-size: 34px;
    font-weight: bold;
    color: #fff;
}
.comm-events-list-wrapper .event-box .past-event-tagline span.past-tag-line {
    color: rgba(255, 255, 255, 1);
}

.comm-events-list-wrapper .event-box .event-tagline span {
    margin: 0;
    color: rgb(144, 80, 233);
    display: flex;
    justify-content: center;
    align-items: center;
}

.comm-events-list-wrapper .event-box .event-content-box {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.comm-events-list-wrapper .event-box .event-content-box .event-content-box-meta {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.comm-events-list-wrapper .event-box .event-content-box .event-content-box-meta span {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    padding: 4px 8px;
}

.comm-events-list-wrapper .event-box .event-content-box .event-content-box-meta span:first-child {
    background-color: #EEEEEE;
}

.comm-events-list-wrapper .event-box .event-content-box .event-content-box-meta .event-timer-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.comm-events-list-wrapper .event-box .event-content-box .event-content-box-meta .event-timer-box p {
    margin: 0;
    font-weight: 400;
}

.comm-events-list-wrapper .event-box .event-content-box .event-content-box-meta .event-timer-box span {
    background-color: unset;
    padding: 0 4px;
    color: rgb(144, 80, 233);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.comm-events-list-wrapper .event-box .event-content-box .event-content-box-meta .event-timer-box img {
    width: 14px;
    height: 14px;
    display: inline-block;
}
.comm-events-list-wrapper .event-box .event-content-box span {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    padding: 4px 8px;
    background-color: #EEEEEE;
    color: #000;
}
.comm-events-list-wrapper .event-box .event-content-box h4.event-short-title {
    display: none;
}

.comm-events-list-wrapper .event-box .event-content-box .comm-event-title-wrapper h4 {
    font-size: 24px;
   line-height: 120%;
    font-weight: 700;
    color: #000;
}
.comm-events-list-wrapper .event-box .event-content-box .comm-event-title-wrapper p {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.comm-events-list-wrapper .event-box .event-content-box span.past-event-resume {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: rgb(144, 80, 233);
    background-color: unset;
    padding: 0;
}
.comm-events-list-wrapper .event-box .event-content-box .comm-event-title-wrapper p:first-of-type {
    color: #AAA;
}
.comm-events-list-wrapper .event-box .event-content-box p:first-of-type {
    color: rgb(30, 30, 30);
}
.comm-events-list-wrapper .event-box .view-event-tab span {
    color: #9050E9;
    font-size: 16px;
    line-height: 24px;
    background-color: unset;
    font-weight: 400;
    padding: 0;
}

.comm-events-list-wrapper .event-box .view-event-tab span img {
    margin-left: 20px;
    margin-top: -3px;
}

.comm-events-list-wrapper .view-all-event {
    text-align: center;
    margin-top: 30px;
}

.event-cards-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 48px;
}

.event-cards-pagination .dots {
    display: flex;
    align-items: center;
    gap: 8px;
}

.event-cards-pagination .dot {
    width: 8px;
    height: 8px;
    background-color: rgb(204, 204, 204);
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.event-cards-pagination .dot.active {
    background-color: #7B61FF;
}

.event-cards-pagination .nav-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.event-cards-pagination .nav-buttons button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.event-cards-pagination .nav-buttons button:hover {
    background-color: #f3f3f3;
}

.event-cards-pagination .nav-buttons button img {
    width: 16px;
    height: 16px;
}

.event-cards-pagination .events-arrows-wrapper {
    display: flex;
    gap: 8px;
    flex-direction: row;
    align-items: center;
}

.event-cards-pagination .events-arrows-wrapper a {
    width: 48px;
    height: 48px;
    border: 1px solid rgb(170, 170, 170);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* COMMUNITY NOTIFICATION SECTION STARTS */
.comm-notification-sec {
    padding: 64px;
    background-color: rgba(241, 241, 241, 1);
}

.comm-notification-sec .notification-sec-title h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 120%;
    text-align: center;
    color: rgb(30, 30, 30);
    letter-spacing: 0%;
}

.comm-notification-sec .comm-notification-wrapper {
    margin-top: 54px;
    margin-bottom: 54px;
}

.comm-notification-sec .notification-box {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.comm-notification-sec .notification-box .notification-thumbnail img{
    width: 100%;
    border-radius: 10px;
}
.comm-notification-sec .notification-box p {
    margin: 0;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
}

.comm-notification-sec .notification-box a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    color: rgb(144, 80, 233);

}
/* NOTIFICATION MODAL CSS */
.df-notification-modal .modal-body {
    position: relative;
    padding: 0;
}
.df-notification-modal .modal-body .btn-close {
    position: absolute;
    top: 19px;
    right: 20px;
    opacity: 1;
}

.df-notification-modal .profile-detail-box {
    padding: 30px;
    display: flex;
    align-items: center;
}

.df-notification-modal .profile-detail-box .content-box h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 43px;
    color: #111111;
    margin-bottom: 4px;
}
.df-notification-modal .profile-detail-box .content-box a{
    color: rgb(144, 80, 233) !important;
}
/* COMMUNITY HACKATHON SECTION */
.comm-hackathon-sec {
    padding: 64px;
    background: linear-gradient(to right, #5634A5 40%, #9050E9 60%);
}
.comm-hackathon-sec .comm-hackathon-content {
    display: grid;
    gap: 32px;
}
.comm-hackathon-sec .comm-hackathon-content .comm-hackathon-sub-content{
    display: grid;
    gap: 16px;
}

.comm-hackathon-sec .comm-hackathon-content p {
    color: #FFF;
}
.comm-hackathon-sec .comm-hackathon-content a.btn-theme-secondary {
    border: 1px solid #EEE;
    justify-self: start;
}
.comm-hackathon-sec .comm-hackathon-content a {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.comm-hackathon-sec .comm-hackathon-content h2 {
    color: #FFF;
    font-size: 48px;
    line-height: 57px;
    font-weight: 600;
}
.comm-hackathon-sec .hackathon-event-box{
    max-width: 488px;
    margin-left: auto;
}
.comm-hackathon-sec p.hackathon-title-line{
   font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0%;
    margin-left: auto;
    max-width: 488px;
}
.comm-hackathon-sec .else-message p{
    color: #fff;
}
/* COMMUNITY Circle SECTION */
.comm-circle-section {
    padding: 112px 64px;
    background-color: #FCFCFC;
}

.comm-circle-section .row {
    align-items: center;
}

.comm-circle-section .comm-circle-imgs {
    position: relative;
}

.comm-circle-section .comm-circle-imgs .circle-top-img {
    max-height: 532px;
    max-width: 496px;
    border-radius: 12px;
    object-fit: cover;
}

.comm-circle-section .comm-circle-imgs .circle-2nd-img {
    border-radius: 50%;
    position: absolute;
    max-width: 216px;
    max-height: 216px;
    top: 20px;
    left: -98px;
}

.comm-circle-section .comm-circle-imgs .circle-3rd-img {
    border-radius: 50%;
    position: absolute;
    max-width: 216px;
    max-height: 216px;
    bottom: 29px;
    right: 45px;
}

.comm-circle-section .comm-circle-content-box {
    max-width: 624px;
}

.comm-circle-section .comm-circle-content-box a {
    color: #9050E9;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.comm-circle-section .comm-circle-content-box h2 {
    color: #1E1E1E;
    font-size: 48px;
    line-height: 57px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
}

.comm-circle-section .comm-circle-content-box p {
    font-size: 18px;
    line-height: 27px;
}

/* COMMUNITY BLOG SECTION */
.comm-blog-section {
    padding: 112px 64px;
    background-color: #F1F1F1;
}
.comm-blog-section .comm-blog-title {
    justify-content: center;
    display: grid;
    align-items: center;
    margin-bottom: 60px;
    gap: 5px;
}
.comm-blog-section .comm-blog-title a {
    margin: 0 auto;
    color: #9050E9;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.comm-blog-section .comm-blog-title h1 {
    font-size: 32px;
    line-height: 120%;
    font-weight: 600;
    color: #1E1E1E;
    text-align: center;
}
.comm-blog-section .comm-blog-title p {
    font-size: 18px;
    line-height: 27px;
    margin: 0 auto;
    color: #9050E9;
}
.comm-blog-section .comm-blog-tabs {
    display: flex;
    justify-content: center;
    padding: 65px 0;
}

.comm-blog-section .comm-blog-tabs .comm-nav-pills .nav-link {
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 16px;
    background-color: transparent;
}

.comm-blog-section .comm-blog-tabs .comm-nav-pills .nav-link.active {
    color: #9050E9;
}

.comm-blog-section .comm-blog-wrapper .comm-blog-box {
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 30px;
    height: calc(100% - 10px);
    background-color: #fff;
    position: relative;
}

.comm-blog-section .comm-blog-wrapper .comm-blog-box .img-box img {
    width: 100%;
    border-radius: 12px 12px 0 0;
    object-fit: cover;
}
.comm-blog-section .comm-blog-wrapper .comm-blog-box .img-box .edit-blog-wrapper{
    position: absolute;
    top: 10px;
    right: 5px;
    background-color: #fff;
    border-radius: 110px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.comm-blog-section .comm-blog-wrapper .comm-blog-box .img-box .edit-blog-wrapper img.edit-blog-icon{
    width: 25px;
    height: 25px;
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
}
.comm-blog-section .comm-blog-wrapper .comm-blog-box .blog-content-box {
    background-color: #fff;
    padding: 24PX 24px 20px 24px;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comm-blog-section .comm-blog-wrapper .comm-blog-box .content-box-meta {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 24px;
}
.comm-blog-section .comm-blog-wrapper .comm-blog-box .blog-content-box a {
  padding: 4px 8px;
  background-color: rgba(191, 156, 239, 0.29);
  color: #1E1E1E;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  border-radius: 5px;
}
.comm-blog-section .comm-blog-wrapper .comm-blog-box .blog-content-box span {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #666;
    font-family: "DM Sans", sans-serif;
}

.comm-blog-section .comm-blog-wrapper .comm-blog-box .content-box-meta h5,
.comm-blog-section .comm-blog-wrapper .comm-blog-box .content-box-meta a {
    font-size: 24px;
    overflow: hidden;
    font-weight: 700;
    line-height: 33px;
    color: #1E1E1E;
    padding: 0px 0 10px 0;
}

.comm-blog-section .comm-blog-wrapper .comm-blog-box .content-box-meta p {
    margin-bottom: 25px;
}

.comm-blog-section .comm-blog-wrapper .comm-blog-box .blog-more-read {
    display: flex;
    align-items: center;
    padding: 0px 20px 0 20px;
}

.comm-blog-section .comm-blog-wrapper .comm-blog-box .blog-more-read a {
    background-color: unset;

}

.comm-blog-section .comm-blog-wrapper .comm-blog-box .blog-more-read span.read-more-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #9050E9;
    margin-left: 0;
}

.comm-blog-section .comm-blog-wrapper .comm-blog-box .blog-more-read img {
    width: 7px;
    height: 11px;
    margin-left: 17px;
    margin-top: -2px;
}

.comm-blog-section .comm-blog-wrapper .view-all-blog {
    text-align: center;
    padding-top: 40px;
}

/* COMMUNITY VALUABLE RESOURCE SECTION */
.comm-valuable-resource {
    padding: 112px 64px;
}

.comm-valuable-resource .comm-resource-title .resource-title-tag {
    color: #9050E9;
}

.comm-valuable-resource .comm-resource-title h2 {
    font-size: 48px;
    line-height: 57px;
    font-weight: 600;
    color: #1E1E1E;
}

.comm-valuable-resource .comm-resource-title .resource-desc {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #1E1E1E;
    padding: 30px 0;
}

.comm-valuable-resource .comm-resource-box {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-direction: row;
    max-width: 624px;
    padding-bottom: 60px;
}

.comm-valuable-resource .comm-resource-box .resource-img-box img {
    width: 296px !important;
    height: 250px;
    border-radius: 12px;
    box-shadow: 0px 12px 16px #00000014;
}

.comm-valuable-resource .comm-resource-box .resource-content-box {
    padding: 0 20px;
}

.comm-valuable-resource .comm-resource-box .resource-content-box span {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #9050E9;
}

.comm-valuable-resource .comm-resource-box .resource-content-box h5 {
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
    color: #1E1E1E;
    padding: 13px 0;
}

.comm-valuable-resource .comm-resource-box .resource-profile-box {
    display: flex;
    align-items: center;
}

.comm-valuable-resource .comm-resource-box .resource-profile-box h6 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #1E1E1E;
}

.comm-valuable-resource .comm-resource-box .resource-profile-box .resource-profile-meta {
    padding: 0px 20px;
}

.comm-valuable-resource .comm-resource-box .resource-profile-box .resource-profile-meta .profile-meta-box {
    display: flex;
    gap: 30px;
    position: relative;
}

.comm-valuable-resource .comm-resource-box .resource-profile-box .resource-profile-meta .profile-meta-box span {
    color: #1E1E1E;
    font-weight: 400;
}

.comm-valuable-resource .comm-resource-box .resource-profile-box .resource-profile-meta .profile-meta-box .read-resource::before {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    bottom: 0;
    left: 0;
    background-color: black;
    border-radius: 50%;
    margin-left: 85px;
    margin-bottom: 7px;
}

.comm-valuable-resource .view-all-resource {
    text-align: center;
}
/* ELSE FOR EACH SECTION CSS START */
.sec-else-message{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.sec-else-message p{
    font-size: 20px;
    color: #666;
    text-align: center;
    margin: 0;
}
/* COMMUNITY ALL OPEN ROLES PAGE CSS START */


.comm-all-roles-sec{
    padding: 65px 0 110px 0;
}
.comm-all-roles-sec .all-roles-hero-wrapper{
    display: flex;
    flex-direction: column;
    gap: 55px;
}

.comm-all-roles-sec .all-roles-hero-wrapper .all-roles-title{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.comm-all-roles-sec .all-roles-hero-wrapper .all-roles-title .all-roles-title-meta{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.comm-all-roles-sec .all-roles-hero-wrapper .all-roles-title .all-roles-title-meta h1{
    font-size: 64px;
    font-weight: 700;
    color: #1E1E1E;
    word-spacing: 5px;
}
.comm-all-roles-sec .all-roles-hero-wrapper .all-roles-title .all-roles-title-meta span{
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #9050E9 0%, #E602FF 100%);
        background-clip: border-box;
    -webkit-background-clip: text;
}
.comm-all-roles-sec .all-roles-hero-wrapper .all-roles-title .all-roles-title-meta p{
    margin: 0;
    max-width: 599px;
    text-align: center;
    font-size: 25px;
    font-weight: 800;
    color: #42464D;
    line-height: 38px;
}
.comm-all-roles-sec .all-roles-hero-wrapper .all-roles-title a{
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    padding: 12px 33px;
    background: linear-gradient(90deg,rgba(144, 80, 233, 1) 0%, rgba(225, 8, 254, 1) 100%);
    border: unset;
    color: #FFF;
}
.comm-all-roles-sec .all-roles-hero-wrapper img{
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);
}
.all-roles-cards{
    margin: 55px 0 88px 0;
}
.all-roles-cards .all-roles-cards-inner{
    display: flex;
    justify-content: space-between;
}
.all-roles-card-wrapper{
    border: 0.7px solid #E6E6E6;
    width: 330px;
    border-radius: 9px;
    box-shadow: 0px 2.1px 4.89px 0px rgba(0, 0, 0, 0.05), 0px 9.09px 9.09px 0px rgba(0, 0, 0, 0.04);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 24px 0;
}
.all-roles-card-wrapper h1{
    font-size: 39px;
    font-weight: 600;
    line-height: 46px;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #9050E9 0%, #D90FFC 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
}
.all-roles-card-wrapper p{
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #444;
}





.comm-all-roles-sec .all-roles-inner p.all-role-desc{
    max-width: 792px;
    font-size: 32px;
    font-weight: 800;
    text-align: center;
    margin: 0 auto;
    line-height: 51px;
    color: #42464D;
}

.comm-core-value{
    margin-top: 92px;
}
.comm-core-value h1{
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    line-height: 48px;
    margin-bottom: 30px;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #934DEA 0%, #E009FE 100%);
        background-clip: border-box;
    -webkit-background-clip: text;
}
.comm-core-value .core-values-inner{
    display: flex;
    justify-content: space-between;
    gap: 38px;
}
.core-values-wrapper {
    display: flex;
    align-items: center;
    max-width: 400px;
    background-color: #F6D4FB;
    border-radius: 20px;
    padding: 54px 25px;
    position: relative;
}
.core-values-wrapper p{
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    color: #42464D;
    line-height: 28px;
}
.core-values-wrapper .core-values-inner{
    position: absolute;
    top: 16px;
    left: 19px;
    width: 25px;
    height: 25px;
    background-color: #FFF;
    border-radius: 100px;
}





.all-roles-team-sec{
    background-color: #F7F9FA;
    padding: 65px 109px 107px 111px;
}
.all-roles-team-sec .all-roles-team-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.all-roles-team-sec .all-roles-team-wrapper .team-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.all-roles-team-sec .all-roles-team-wrapper .team-title h1{
    font-size: 32px;
    font-weight: 800;
    color: #42464D;
    line-height: 38px;
}
.all-roles-team-sec .all-roles-team-wrapper .team-title p{
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #1E1E1E;
    text-align: center;
}
.all-roles-team-sec .all-roles-team-wrapper .team-members-wrapper .member-inner-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 160px;
    gap: 20px;
    height: 160px;
}
.all-roles-team-sec .all-roles-team-wrapper .team-members-wrapper .team-members-inner{
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    justify-content: center;
}
.all-roles-team-sec .all-roles-team-wrapper .team-members-wrapper .member-inner-wrapper img{
    width: 160px;
    height: 160px;
    border-radius: 100px;
    object-fit: cover;
}
.all-roles-team-sec .all-roles-team-wrapper .team-members-wrapper .member-inner-wrapper p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
}
.available-role-sec{
    padding: 72px 65px;
}
.available-role-sec .available-role-head{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.available-role-sec .available-role-head h1{
    font-size: 32px;
    font-weight: 800;
    line-height: 48px;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #9050E9 0%, #E602FF 100%);
        background-clip: border-box;
    -webkit-background-clip: text;
}
.available-role-sec .available-role-head p{
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #1E1E1E;
}
.available-role-sec .all-available-task-wrapper{
    margin-top: 56px;
}
.available-role-sec .all-available-task-wrapper .comm-all-roles-tab{
    gap: 15px;
    display: flex;
}
.available-role-sec .all-available-task-wrapper .comm-all-roles-tab button{
    border: 1px solid #C125F6;
    background-color: transparent;
    color: #C125F6;
    padding: 5px 34px;
    border-radius: 30px;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    font-weight: 500;
}
.available-role-sec .all-available-task-wrapper .comm-all-roles-tab button.active{
    background: linear-gradient(90deg,rgba(153, 73, 235, 1) 0%, rgba(217, 16, 253, 1) 100%);
    color: #FFFFFF;
}
.available-role-sec .all-available-task-wrapper .all-available-role-inner{
    padding: 20px 92px 78px 92px;
    background-color: #F7F9FA;
    border: 1px solid #EDEDED;
    border-radius: 20px;
    margin-top: 35px;
}
.available-role-sec .all-available-task-wrapper .all-available-role-inner .circle-task-wrapper{
    display: grid;
    gap: 20px;
}
.available-role-sec .all-available-task-wrapper .all-available-role-inner .circle-task-wrapper h1{
    font-size: 32px;
    font-weight: 800;
    color: #42464D;
    line-height: 48px;
    margin-top: 43px;
}
.available-role-sec .all-available-task-wrapper .all-available-role-inner .circle-task-wrapper .else-message-task{
    padding: 50px 0 0 0;
}
.available-role-sec .all-available-task-wrapper .all-available-role-inner .circle-task-wrapper .else-message-task p{
    margin: 0;
    color: #898C90;
    font-size: 32px;
    font-weight: 700;
}
/* COMMUNITY OPEN ROLES CSS START */
.comm-open-roles {
    padding: 80px 64px;
    background-color: #FFF;
}

.comm-open-roles .open-roles-title {
    text-align: center;
}

.comm-open-roles .open-roles-title p {
    color: #9050E9;
}

.comm-open-roles .open-roles-title p.open-role-desc {
    color: #1E1E1E;
}

.comm-open-roles .open-roles-title h2 {
    font-size: 48px;
    line-height: 57px;
    font-weight: 600;
    color: #1E1E1E;
    padding: 10px 0 20px 0;
}

.comm-open-roles .open-role {
    position: relative;
}

.comm-open-roles .open-role-wrapper {
    padding: 32px 0;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.comm-open-roles .open-role-wrapper .open-role {
    height: 158px;
    max-width: 360px;
    border-bottom: 1px solid rgb(102, 102, 102);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.comm-open-roles .open-role-wrapper .open-role .job-title-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}

.comm-open-roles .open-role .job-title-wrapper h5 {
    color: #1E1E1E;
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
    max-height: 33px;
    overflow: hidden;
}

.comm-open-roles .open-role .job-title-wrapper span {
    background-color: #EEE;
    padding: 4px 8px;
    font-size: 14px;
    color: #1E1E1E;
    font-weight: 600;
    line-height: 21px;
    display: flex;
    align-items: center;
}

.comm-open-roles .open-role .role-desc p {
    margin: 0;
    line-height: 150%;
}

.comm-open-roles .open-role-wrapper a.see-more {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgb(144, 80, 233);
    align-self: flex-start;
}

.comm-open-roles .view-all-roles {
    text-align: center;
    margin-top: 24px;
}

/* COMMUNITY OPEN ROLES DETAIL PAGE CSS START */

.comm-open-role-detail{
    padding: 80px 64px;
    background-color: #FCFCFC;
}
.comm-open-role-detail .open-role-detail-wrapper{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.comm-open-role-detail .open-role-detail-wrapper .open-roles-return{
    display: flex;
    gap: 5px;
    align-items: center;
}
.comm-open-role-detail .open-role-detail-wrapper .open-roles-return p{
    margin: 0;
    color: #9050E9;
}
.comm-open-role-detail .open-role-detail-wrapper h1{
    font-size: 56px;
    color: #1E1E1E;
    line-height: 120%;
    font-weight: 600;
}
.comm-open-role-detail .open-role-description-wrapper{
    padding-top: 103px;
}
.comm-open-role-detail .open-role-description-wrapper .open-role-detail-meta{
    position: sticky;
    top: 130px; 
    display: flex;
    flex-direction: column;
    gap: 36px;
    background-color: #FFF;
    border: 1px solid #E4E4E7;
    border-radius: 10px;
    padding: 49px 50px 49px 43px;
}
.comm-open-role-detail .open-role-description-wrapper .open-role-detail-meta .open-role-meta-wrapper{
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.comm-open-role-detail .open-role-description-wrapper .open-role-detail-meta .open-role-meta-wrapper p{
    margin: 0;
}
.comm-open-role-detail .open-role-description-wrapper .open-role-detail-meta .open-role-meta-wrapper > p:first-of-type{
    color: #737272;
}
.comm-open-role-detail .open-role-description-wrapper .open-role-detail-meta .open-role-meta-wrapper > p:nth-of-type(2){
    font-weight: 700;
    font-size: 17px;
    line-height: 150%;
    color: #000;
    position:relative;
}
.comm-open-role-detail .open-role-description-wrapper .open-role-detail-meta .open-role-meta-wrapper span{
    font-weight: 700;
    font-size: 17px;
    line-height: 150%;
    color: #000;
}
.comm-open-role-detail .open-role-description-wrapper .open-role-detail-meta .open-role-meta-wrapper span.location-meta{
    margin-left: 16px;
    position:relative;
}
.comm-open-role-detail .open-role-description-wrapper .open-role-detail-meta .open-role-meta-wrapper span.location-meta::after{
   position: absolute;
    top: 11px;
    left: -11px;
    content: "";
    width: 3px;
    transform: translateY(-50%);
    height: 16px;
    background-color: #000;
}
.comm-open-role-detail .open-role-description-wrapper .open-role-detail-meta a.btn-theme-primary{
    text-align: center;
    border-radius: 10px;
    padding: 11px 24px;
}
.comm-open-role-detail .open-roles-description{
    margin-left: 80px;
    max-width: 914px;
}
.comm-open-role-detail .open-roles-description .open-role-description-meta-wrapper{
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 55px;
}
.comm-open-role-detail .open-roles-description .open-role-description-meta-wrapper h2{
    font-size: 48px;
    font-weight: 700;
    color: #000;
    line-height: 120%;
}
.comm-open-role-detail .open-roles-description .open-role-description-meta-wrapper p{
    margin: 0;
    font-size: 18px;
    line-height: 35px;
    color: #000;
}
.comm-open-role-detail .open-roles-description .open-role-description-meta-wrapper p.about-role-highlighted{
    font-weight: 700;
    color: #9050E9;
    font-family: "Inter", sans-serif;
}
.comm-open-role-detail .open-roles-description .open-role-description-meta-wrapper .description-meta{
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.comm-open-role-detail .open-roles-description .open-role-description-meta-wrapper p.open-role-tag-line{
    color: #9050E9;
    font-weight: 700;
}
.comm-open-role-detail .open-roles-description .open-role-description-meta-wrapper .description-meta img.arrow-img{
    max-width: 22px;
    max-height: 16px;
}
.comm-open-role-detail .open-roles-description .open-role-description-meta-wrapper .description-meta p{
    line-height: 35px;
}
.comm-open-role-detail .open-roles-description .why-join-df-comm-sec{
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 50px;
}
.comm-open-role-detail .open-roles-description .why-join-df-comm-sec h2{
    font-size: 48px;
    line-height: 120%;
    font-weight: 700;
    color: #000;
}
.comm-open-role-detail .open-roles-description .why-join-df-comm-sec p{
    line-height: 30px;
    margin: 0;
    font-size: 18px;
    margin-bottom: 6px;
}
.comm-open-role-detail .open-roles-description .why-join-df-comm-sec span.highlight{
    font-size: 18px;
    font-weight: 700;
    color: #9050E9;
}
.comm-open-role-detail .open-roles-description .comm-impact-sec{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.comm-open-role-detail .open-roles-description .comm-impact-sec h1{
    font-size: 48px;
    font-weight: 700;
    color: #9050E9;
}
.comm-open-role-detail .open-roles-description .comm-impact-sec .impact-meta-wrapper{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.comm-open-role-detail .open-roles-description .comm-impact-sec .impact-meta-wrapper p{
    margin: 0;
}
.comm-open-role-detail .open-roles-description .comm-impact-sec .impact-meta-wrapper a.btn-theme-primary{
    align-self: self-start;
    padding: 11px 55px;
    border-radius: 10px;
}


/* COMMUNITY BLOG PAGE CSS START */

.comm-blogs-sec {
    padding: 80px 64px 112px 64px;
    background-color: #FCFCFC;
}

.comm-blogs-sec .open-roles-main {
    position: relative;
}
.comm-blogs-sec .blog-page-heading {
    max-width: 964px;
    margin-bottom: 64px;
    display: grid;
    gap: 16px;
}
.comm-blogs-sec .open-roles-main .blog-page-heading .page-heading-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.comm-blogs-sec .blog-page-heading p:first-child {
    color: #9050E9;
    margin: 0;
}

.comm-blogs-sec .blog-page-heading h1 {
    font-size: 56px;
    line-height: 67px;
    font-weight: 600;
    color: #1E1E1E;
}

.comm-blogs-sec .blog-page-heading p {
    color: #1E1E1E;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin: 0;
}

.comm-blogs-sec .comm-blogs-wrapper .accordion-button::after {
    display: none;
}

.comm-blogs-sec .comm-blogs-wrapper .blogs-category-list .accordion-item {
    background-color: transparent;
    border: none;
    cursor: pointer;

}

.comm-blogs-sec .comm-blogs-wrapper .blogs-category-list {
    --bs-accordion-border-color: unset;
    --bs-accordion-border-width: unset;
    --bs-accordion-active-bg: unset;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 0;
    max-width: 240px;
}

.comm-blogs-sec .comm-blogs-wrapper .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

.comm-blogs-sec .comm-blogs-wrapper .accordion-button:not(.collapsed) {
    color: #1E1E1E;
}

.comm-blogs-sec .comm-blogs-wrapper .category-list-wrapper .category-title h2 {
    color: #1E1E1E;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    padding-bottom: 20px;
}

.comm-blogs-sec .comm-blogs-wrapper .accordion-button.active {
    padding: 12px 16px;
    background-color: #9050E9;
    color: #FFF;
    border: none
}

.comm-blogs-sec .comm-blogs-wrapper .accordion-button.no-jobs {
    padding: 12px 16px;
    color: #999;
    border: none
}

.comm-blogs-sec .comm-blogs-wrapper .blog-content-wrapper .blog-post .comm-blog-box {
    border-radius: 12px;
    margin-bottom: 25px;
    position: relative;
    display: grid;
    gap: 24px;
}
.comm-blog-section .comm-blog-wrapper .comm-blog-box .img-box .image-icon {
    position: absolute;
    right: 37px;
    width: 70px;
    height: 40px;
    z-index: 2;
    bottom: 58px;
}

.comm-blog-section .comm-blog-wrapper .comm-blog-box .img-box img {
    border-radius: unset;
}

.comm-blog-box .img-box {
    position: relative
}

.comm-blog-box .img-box .image-icon {
    position: absolute;
    right: 37px;
    width: 70px;
    height: 40px;
    z-index: 2;
    bottom: 58px;
}
.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .img-box img {
    max-height: 300px;
    border-radius: 12px 12px 0 0;
    width: 100%;
    /* object-fit: cover; */
}
.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .img-box .edit-blog-wrapper{
    position: absolute;
    top: 10px;
    right: 5px;
    background-color: #fff;
    border-radius: 110px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .img-box .edit-blog-wrapper img.edit-blog-icon{
    width: 25px;
    height: 25px;
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
}
.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .blog-meta-wrapper{
    display: grid;
    gap: 16px;
}
.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .blog-meta-wrapper .blog-content-box {
    display: flex;
    align-items: center;
    gap: 16px;
}
.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .blog-meta-wrapper .blog-content-box a {
    padding: 4px 8px;
    background-color: #E3E3E3;
    color: #1E1E1E;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
}

.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .blog-meta-wrapper .blog-content-box span {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    margin-left: 20px;
    color: #1E1E1E;
    font-family: "DM Sans", sans-serif;
}

.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .blog-meta-wrapper .content-box-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .blog-meta-wrapper .content-box-meta a {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    color: #1E1E1E;
}
.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .blog-more-read a {
    background-color: unset;
    padding: -0px 0px 12px 0px;
}
.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .blog-more-read span.read-more-text {
    font-size: 16px;
    line-height: 24px;
    color: rgb(144, 80, 233);
   font-weight: 400;
    margin-left: 0;
}
.comm-blogs-sec .comm-blogs-wrapper .comm-blog-box .blog-more-read img {
    width: 7px;
    height: 11px;
    margin-left: 17px;
    margin-top: -2px;
    color: #9050E9;
}
/* COMMUNITY BLOG DETAIL PAGE CSS START */
.comm-blog-detail-sec {
    padding: 32px 64px 112px 64px;
    background-color: #FCFCFC;
}

.comm-blog-detail-sec .blog-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.comm-blog-detail-sec .blog-detail-title {
    display: grid;
    gap: 24px;
}

.comm-blog-detail-sec .blog-detail-title .blog-breadcrumb {
    display: flex;
    gap: 8px;
    align-items: center;
}

.comm-blog-detail-sec .blog-detail-title .blog-breadcrumb img {
    width: 5px;
    height: 8px;
    margin-left: 7px;
}

.comm-blog-detail-sec .blog-detail-title .blog-breadcrumb p {
    margin-bottom: 0;
}

.comm-blog-detail-sec .blog-detail-title .blog-breadcrumb a {
    color: #1E1E1E;
}

.comm-blog-detail-sec .blog-detail-title h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 58px;
    color: #1E1E1E;
    margin-bottom: 5px;
}

.comm-blog-detail-sec .blog-img-box img {
    max-width: 1312px;
    height: auto;
    border-radius: 12px 12px 0 0;
}

.comm-blog-detail-sec .blog-desc-wrapper {
    max-width: 768px;
    margin: 0 auto;
    padding: 24px;
}

.comm-blog-detail-sec .blog-share-wrapper .blog-share-links {
    display: flex;
    gap: 8px;
}
.comm-blog-detail-sec .blog-share-wrapper .blog-share-links a {
    width: 32px;
    border-radius: 64px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.comm-blog-detail-sec .blog-author-detail {
    padding-top: 70px;
    position: relative;
}

.comm-blog-detail-sec .blog-author-detail h3 {
    color: #1E1E1E;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    border-bottom: 1px solid #000;
}

.comm-blog-detail-sec .blog-share-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.comm-blog-detail-sec .blog-share-wrapper .blog-tags {
    display: flex;
    gap: 8px;
}

.comm-blog-detail-sec .blog-share-wrapper .blog-tags span {
    background-color: #EEE;
    padding: 4px 8px;
    color: #1E1E1E;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
}

.comm-blog-detail-sec .author-detail-meta {
    padding-top: 60px;
    display: flex;
}

.comm-blog-detail-sec .author-detail-meta .author-img img {
    width: 56px;
    height: 56px;
    border-radius: 64px;
}

.comm-blog-detail-sec .author-detail-meta .author-meta {
    padding: 10px;
}

.comm-blog-detail-sec .author-detail-meta .author-meta h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #1E1E1E;
}

.comm-blog-detail-sec .author-detail-meta .author-meta p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1E1E1E;
}


/* styling of the ul ol li  */
.comm-blog-detail-sec .blog-desc ul,
ol,
li,
.comm-blog-detail-sec ul,
ol,
li {
    margin-bottom: 0;
}

.comm-blog-detail-sec .blog-desc p {
    color: #1E1E1E;
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 16px;
    margin: 0;
}

.comm-blog-detail-sec .blog-desc li {
    color: #1E1E1E;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 10px;
    list-style-type: disc;
}

.comm-blog-detail-sec .blog-desc h1 {
    font-size: 36px !important;
    margin: 20px 0px;
    line-height: 54px;
    font-weight: 700;
    color: #1E1E1E;
}

.comm-blog-detail-sec .blog-desc h2 {
    font-size: 32px !important;
    margin: 20px 0;
    color: #1E1E1E;
    font-weight: 700;
}

.comm-blog-detail-sec .blog-desc h3 {
    font-family: "DM Sans", sans-serif;
    font-size: 40px !important;
    position: relative;
    line-height: 120%;
    text-rendering: optimizelegibility;
    text-decoration: none;
    font-weight: 600;
    margin: 20px 0;
    color: #1E1E1E;
}

.comm-blog-detail-sec .blog-desc h4 {
    font-size: 30px !important;
    margin: 20px 0;
    line-height: 120%;
    text-rendering: optimizelegibility;
    text-decoration: none;
    font-weight: 500;
    margin: 20px 0;
    color: #1E1E1E;
    color: #1E1E1E;

}

.comm-blog-detail-sec .blog-desc h5 {
    font-size: 20px !important;
    margin: 20px 0;
    line-height: 120%;
    text-rendering: optimizelegibility;
    text-decoration: none;
    font-weight: 400;
    margin: 20px 0;
    color: #1E1E1E;
    color: #1E1E1E;

}

.comm-blog-detail-sec .blog-desc h6 {
    font-size: 20px !important;
    margin: 20px 0;
    line-height: 120%;
    text-rendering: optimizelegibility;
    text-decoration: none;
    font-weight: 400;
    margin: 20px 0;
    color: #1E1E1E;
    color: #1E1E1E;

}

.comm-blog-detail-sec .blog-desc blockquote p {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    color: rgb(144, 80, 233);
    border-left: 1px solid rgb(144, 80, 233);
    padding: 10px;
}

.comm-blog-detail-sec .blog-desc img {
    width: 100%;
    height: 100%;
}

.comm-blog-detail-sec .blog-desc ul {
    margin-bottom: 0;
    padding-left: 40px;
}

.comm-blog-detail-sec .blog-desc .bold,
.comm-blog-detail-sec .blog-desc strong,
.comm-blog-detail-sec .blog-desc b {
    font-weight: 700 !important;
    color: #1E1E1E;
}

/* COMMUNITY ABout US PAGE CSS START */
.comm-blog-detail-sec.comm-about-us-page .blog-desc-wrapper {
    max-width: 100%;
}

.comm-blog-detail-sec.comm-about-us-page .blog-desc.about-us-desc img {
    width: unset !important;
    height: unset !important;
}

/* COMMUNITY ALL EVENTS PAGE CSS START */
.comm-all-events .all-events-wrapper {
    position: relative;
}

.comm-all-events .all-events-wrapper a.df_connect_google_btn {
    position: absolute;
    right: 0;
    bottom: 0px;
}

.comm-all-events .all-events-wrapper button#sync-google-calendar {
    position: absolute;
    right: 0;
    bottom: 0px;
}

.comm-hacakathon-sec.comm-all-events .hackathons-types-wrapper .event-category-title h2 {
    color: rgb(30, 30, 30);
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
}

.comm-hacakathon-sec.comm-all-events .events-categories-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.comm-all-events .all-events-tabs {
    border: none;
    width: 355px;
    display: flex;
    gap: 16px;
    border-bottom: 1px solid rgb(170, 170, 170);
}

.comm-all-events .all-events-tabs li:first-child {
    width: 154px;
}

.comm-all-events .all-events-tabs li {
    width: 185px;
    background-color: transparent;
}

.comm-all-events .all-events-tabs li a {
    font-size: 18px;
    color: rgba(170, 170, 170, 1);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0%;
    cursor: pointer;
}

.comm-all-events .all-events-tabs li .nav-link {
    transition: unset;
    padding: 0;
    margin-bottom: 0;
}

.comm-all-events .all-events-tabs li .nav-link.active {
    background-color: transparent;
    border: none;
    color: rgb(144, 80, 233);
    border-bottom: 6px solid rgb(144, 80, 233);
}

.comm-all-events .all-events-tabs li .nav-link:hover {
    border: none;
}

.comm-all-events .all-events-tabs li .nav-link.active:hover {
    border-bottom: 6px solid rgb(144, 80, 233);
}

.comm-all-events .event-category-section {
    display: grid;
    gap: 64px;
}

.comm-all-events .event-category-section .load-btn-wrapper {
    text-align: center;
    margin-top: 64px;
}

/* COMMUNITY EVENT DETAIL PAGE CSS START */
.comm-event-detail-sec {
    background-color: rgb(252, 252, 252);
    padding: 80px 64px 112px 64px;

}

.comm-event-detail-sec .event-detail-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 64px;
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-breadcrumb {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-breadcrumb a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgb(144, 80, 233);
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-breadcrumb span {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0%;
    color: #1E1E1E;
}

.comm-event-detail-sec .event-detail-wrapper .event-right-box img {
    max-width: 608px;
    max-height: 100%;
    border-radius: 16px;
    object-fit: cover;
}
.comm-event-detail-sec .event-detail-wrapper .event-right-box img.upcoming-hackathon-img{
    max-height: 700px;
}
.comm-event-detail-sec .event-detail-wrapper .event-right-box img.past-hackathon-img{
    max-height: 533px;
    filter: grayscale(100%);
    opacity: 0.6;
}
.comm-event-detail-sec .event-detail-wrapper .event-left-box {
    max-width: 624px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-meta-box {
    display: grid;
    gap: 28px;
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-meta-box .comm-event-title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-meta-box .comm-event-title-wrapper h2 {
    font-size: 48px;
    line-height: 57px;
    font-weight: 600;
    color: rgb(30, 30, 30);
}
.event-left-box .event-meta-box .comm-event-title-wrapper p {
    margin: 0;
}

.event-detail-wrapper .event-left-box .event-meta-box .event-detail-meta {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.event-detail-wrapper .event-left-box .event-meta-box .event-detail-meta .event-date-wrapper {
    display: flex;
    gap: 8px;
    align-items: center;
}

.event-left-box .event-meta-box .event-detail-meta .event-date-wrapper img {
    width: 18px;
    height: 20px;
}

.event-left-box .event-meta-box .event-detail-meta .event-date-wrapper span {
    color: rgb(144, 80, 233);
}

.event-left-box .event-meta-box .event-detail-meta .past-event-date {
    display: flex;
    gap: 8px;
    align-items: center;
}

.event-left-box .event-meta-box .event-detail-meta .past-event-date span {
    color: #1E1E1E;
}

.event-left-box .event-meta-box .event-detail-meta .event-speaker {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.event-left-box .event-meta-box .event-detail-meta .event-speaker span {
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    letter-spacing: 0%;
    color: #1E1E1E;
}

.event-left-box .event-meta-box .event-detail-meta .event-speaker img {
    width: 18px;
    height: 19px;
}

.event-left-box .event-meta-box .event-countdown-box {
    padding: 16px 24px;
    width: 400px;
    height: 104px;
    gap: 32px;
    display: flex;
    border: 1px solid rgb(30, 30, 30);
    justify-content: center;
}

.event-left-box .event-meta-box .event-countdown-box .event-time-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    width: 72px;
}

.event-left-box .event-meta-box .event-countdown-box .event-time-unit .time-meta {
    width: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.event-left-box .event-meta-box .event-countdown-box .event-time-unit .time-meta h3 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    color: rgb(30, 30, 30);
}

.event-left-box .event-meta-box .event-countdown-box .event-time-unit:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 10%;
    right: -16px;
    width: 1px;
    height: 80%;
    background-color: rgb(0, 0, 0);
    transform: translateZ(0);
}

.event-left-box .event-meta-box .event-countdown-box .event-time-label {
    font-size: 14px;
    color: #666;
    text-transform: uppercase;
}

.upcoming-event-slot-sec {
    padding: 0 64px 112px 64px;
    background-color: rgb(255, 255, 255);
    margin: 0 auto;
    width: 768px;
}

.upcoming-event-slot-sec .upcoming-event-slots-wrapper {
    display: flex;
    flex-direction: column;
    gap: 34px;
}

.upcoming-event-slot-sec .event-slots-wrapper {
    display: flex;
    flex-direction: column;
    padding: 24px 0;
}

.upcoming-event-slot-sec .event-slots-wrapper .available-slots-box {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.upcoming-event-slot-sec .event-slots-wrapper h3 {
    font-size: 32px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    line-height: 120%;
    letter-spacing: 0%;
    display: flex;
    height: 76px;
    align-items: center;
}

.upcoming-event-slot-sec .event-slots-wrapper .available-slots-box .time-slots-box {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-top: 1px solid rgb(0, 0, 0);
}

.upcoming-event-slot-sec .event-slots-wrapper .available-slots-box .time-slots-box .time-box {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.upcoming-event-slot-sec .event-slots-wrapper .available-slots-box .time-slots-box .time-box span {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0%;
    color: rgba(30, 30, 30, 1);
}

.upcoming-event-slot-sec .event-slots-wrapper .available-slots-box .time-slots-box .time-box span:first-child {
    font-size: 16px;
    font-weight: 700;
    color: rgb(30, 30, 30);
    line-height: 150%;
    letter-spacing: 0%;
    width: 119px;
}

.upcoming-event-slot-sec .event-slots-wrapper .available-slots-box .slot-reserve-wrapper {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.upcoming-event-slot-sec .event-slots-wrapper .available-slots-box .slot-reserve-wrapper span {
    background-color: rgb(238, 238, 238);
    padding: 4px 8px;
    font-size: 14px;
    color: rgb(30, 30, 30);
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
}

.upcoming-event-slot-sec .save-slot-wrapper {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.upcoming-event-slot-sec .save-slot-wrapper h3 {
    font-size: 32px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    line-height: 120%;
    letter-spacing: 0%;
    display: flex;
    height: 76px;
    align-items: end;
}

.upcoming-event-slot-sec .saved-slots-content-box {
    border-top: 1px solid rgb(0, 0, 0);
}

.upcoming-event-slot-sec .saved-slots-content-box .save-slot-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 32px 0;
    /* width: 368px; */
}

.upcoming-event-slot-sec .saved-slots-content-box .save-slot-box .slot-meta-box {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.upcoming-event-slot-sec .saved-slots-content-box .save-slot-box .slot-meta-box span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.upcoming-event-slot-sec .saved-slots-content-box .save-slot-box .slot-meta-box span:first-child {
    /* width: 104px; */
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0%;
}

.upcoming-event-slot-sec .saved-slots-content-box .save-slot-box .slot-meta-box a {
    color: rgb(144, 80, 233);
}

.upcoming-event-slot-sec .saved-slots-content-box .save-slot-box .slot-meta-box img {
    width: 20px;
    height: 20px;
    margin-left: 2px;
}

/* COMMUNITY PAST EVENT DETAIL PAGE CSS START */
/* COMMUNITY PAST EVENT DETAIL PAGE CSS START */
.event-left-box .event-meta-box .past-event-links {
    height: 51px;
    border: 1px solid rgb(144, 80, 233);
    display: flex;
    align-items: center;
    padding: 12px 0px;
    max-width: 400px;
    border-radius: 4px;
    justify-content: center;
}

.event-left-box .event-meta-box .past-event-links span,
.event-left-box .event-meta-box .past-event-links a {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: rgb(102, 102, 102);
}

.event-left-box .event-meta-box .past-event-links a {
    color: rgb(144, 80, 233);
}

.event-left-box .event-meta-box .event-countdown-box h3.past-event-title {
    font-size: 40px;
    line-height: 120%;
    font-weight: 600;
    color: rgb(30, 30, 30);
    margin: auto;
    letter-spacing: 0%;
}

.event-left-box .past-event-btn-wrapper {
    display: flex;
    gap: 24px;
}

.comm-event-detail-sec .event-detail-wrapper .event-right-box img.past-event-image {
    max-width: 608px;
    height: 533px;
    border-radius: 16px;
    filter: grayscale(100%);
    opacity: 0.6;
}

.past-event-sec {
    padding: 0 64px 112px 64px;
    background-color: rgb(255, 255, 255);
    margin-top: 10px;
}

.comm-past-event-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 34px;
    max-width: 768px;
    padding-top: 24px;
    margin: 0 auto;
}

.comm-past-event-content-wrapper .past-event-summary {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 24px 0;
}

.comm-past-event-content-wrapper .past-event-summary h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0%;
    color: rgb(0, 0, 0);
}

.comm-past-event-content-wrapper .past-event-summary p {
    margin: 0;
}

.comm-past-event-content-wrapper .past-event-summary .past-event-summary-meta {
    padding: 24px 0;
    border-top: 1px solid rgb(0, 0, 0);
}
.comm-past-event-content-wrapper .past-event-summary .past-event-summary-meta ul {
    line-height: 30px;
}
.comm-past-event-content-wrapper .past-event-videos {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.comm-past-event-content-wrapper .past-event-videos h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0%;
    color: rgb(0, 0, 0);
}

.comm-past-event-content-wrapper .past-event-videos .past-videos-meta {
    border-top: 1px solid rgb(0, 0, 0);
    padding: 46px 0 24px 0;
}

.comm-past-event-content-wrapper .past-event-videos .past-videos-meta .single-video-box {
    width: 642px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.comm-past-event-content-wrapper .past-event-videos .past-videos-meta .single-video-box .event-single-video {
    max-width: 642px;
}

.comm-past-event-content-wrapper .past-event-videos .past-videos-meta .past-video-wrapper {
    max-width: 400px;
    margin-bottom: 35px;
}

.comm-past-event-content-wrapper .past-event-videos .past-videos-meta .past-video-wrapper img {
    width: 100%;
}

/* COMMUNITY ALL CIRCLE PAGE CSS START */

.comm-all-circle-sec{
    padding: 67px 64px 90px 64px;
}
.comm-all-circle-sec .all-circle-wrapper .all-circle-top-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.comm-all-circle-sec .all-circle-wrapper .all-circle-top-wrapper .top-heading{
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.comm-all-circle-sec .all-circle-wrapper .all-circle-top-wrapper .top-heading h1{
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    color: #1E1E1E;
}
.comm-all-circle-sec .all-circle-wrapper .all-circle-top-wrapper .top-heading span{
    -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #9050E9 0%, #E602FF 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
}
.comm-all-circle-sec .all-circle-wrapper .all-circle-top-wrapper .top-heading p{
    text-align: center;
    font-size: 18px;
    color: #42464D;
    margin: 0;
}
.comm-all-circle-sec .all-circle-wrapper .all-circle-top-wrapper .top-heading a{
    text-decoration: underline !important;
}
.comm-all-circle-sec .all-circle-wrapper .all-circle-top-wrapper img{
    width: 100%;
    max-height: 335px;
    max-width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.comm-all-circle-sec .all-circle-wrapper .all-circles-list-wrapper{
    display: flex;
    flex-direction: column;
    padding: 69px 0px 0 0;
}
.comm-all-circle-sec .all-circle-wrapper .all-circles-list-wrapper .circles-list-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 34px;
}
.comm-all-circle-sec .all-circle-wrapper .all-circles-list-wrapper .circles-list-heading .circles-btn-group .comm-all-circles-tab{
    gap: 27px;
}
.comm-all-circle-sec .all-circle-wrapper .all-circles-list-wrapper .circles-list-heading .circles-btn-group .comm-all-circles-tab li button{
    border: 1px solid #9050E9;
    background-color: unset;
    color: #9050E9;
    padding: 7px 38px;
    border-radius: 30px;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}
.comm-all-circle-sec .all-circle-wrapper .all-circles-list-wrapper .circles-list-heading .circles-btn-group .comm-all-circles-tab li button.active{
    background-color: #9050E9;
    border-radius: 30px;
    color: #FFF;
}
.comm-all-circle-sec .all-circle-wrapper .all-circles-list-wrapper .circles-list-heading .circles-search-box{
    border: 1px solid #CECECE;
    padding: 10px 10px;
    width: 350px;
    border-radius: 10px;
    text-align: left;
    display: flex;
}
.comm-all-circle-sec .all-circle-wrapper .all-circles-list-wrapper .circles-list-heading .circles-search-box img{
    margin-right: 10px;
}
.comm-all-circle-sec .all-circle-wrapper .all-circles-list-wrapper .circles-list-heading .circles-search-box input{
    border: none;
    outline: none;
    width: 100%;
    color: #888B8F;
    font-size: 14px;
    font-weight: 500;
}
.comm-all-circle-sec .all-circle-wrapper .all-circles-list-wrapper .circles-list-heading .circles-search-box input::placeholder{
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #888B8F;
    font-weight: 500;
}
/* .comm-all-circles-view .comm-circles-list {
    max-height: calc(100vh - 150px); 
    overflow-y: auto;
} */
.comm-all-circles-view p.main-title{
    margin: 0;
    font-size: 18px;
    color: #42464D;
}
.comm-all-circles-view p.main-title span{
    color:#9050E9;
}
.comm-all-circles-view .comm-circles-list .else-message{
    display: flex;
    align-items: center;
}
.comm-all-circles-view .comm-circles-list .else-message p{
    margin: 0;
    padding: 10px 10px;
    color: #888B8F;
}


.comm-all-circle-sec .all-circle-wrapper .all-circles-list-wrapper .comm-circles-list{
    margin: 22px 0 0px 0;
    border-radius: 16px;
    border: 1px solid #CECECE;
    padding: 14px 33px 0px 34px;
}
.circle-info-wrapper {
    display: block;
    position: relative;
    min-height: 142px;
    margin-bottom: 15px;
    transition: 0.3s ease-in-out;
}
.comm-circles-list > .circle-info-wrapper:nth-last-child(2) {
    margin-bottom: 0;
}
.circle-info-wrapper .circle-info-inner-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 14px 0px 44px 10px;
    transition: 0.3s ease-in-out;
    min-height: 142px;
    transform-origin: top left;
}
.circle-info-wrapper:last-of-type .circle-info-inner-wrapper {
  padding-bottom: 15px;
}
.circle-info-wrapper:hover .circle-info-inner-wrapper {
    padding-bottom: 18px;
    min-height: 129px;
    background-color: #F7F9FA;
    border-radius: 10px;
}
.circle-info-inner-wrapper::before,.circle-info-wrapper::after{
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    opacity: 1;
    border-bottom: 1px solid #CECECE;
    transition:0.3s ease-in-out;
}
 .circle-info-wrapper::after{
    opacity: 1;
    bottom: 0;
 }
.circle-info-wrapper:hover + .circle-info-wrapper::after{
    opacity: 1;
}
/* .circle-info-wrapper:first-child::after{
    content: none;
} */

.comm-circles-list > a:last-of-type::after,
.comm-circles-list > a:nth-last-of-type(2)::after,
.comm-circles-list > a:last-of-type .circle-info-inner-wrapper::before,
.comm-circles-list > a:nth-last-of-type(2) .circle-info-inner-wrapper::before {
    content: "" !important;
    border-bottom: none !important;
    opacity: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}


 .circle-info-wrapper:first-child::after{
    content: "";
}
.circle-info-wrapper:last-child .circle-info-inner-wrapper::before {
    content: none;
}
.circle-info-wrapper:hover .circle-info-inner-wrapper::before{
    opacity: 0;
}
/* Remove border for the last item */
.circle-info-wrapper:last-child::after {
    content: none;
}
.circle-info-wrapper .single-circle-wrapper{
    display: flex;
    justify-content: center;
    gap: 18px;
}
.circle-info-wrapper .single-circle-wrapper .circle-img{
    display: flex;
    justify-content: center;
    width: 84px;
    height: 84px;
    background-color: #F7F9FA;
    border-radius: 100px;
    align-items: center;
}
.circle-info-wrapper .single-circle-wrapper .circle-img.workgroup-bg{
    background: linear-gradient(180deg,rgba(144, 80, 233, 1) 0%, rgba(225, 8, 254, 1) 100%) !important;
}
.circle-info-wrapper .single-circle-wrapper .circle-img.workgroup-bg h3.wg-heading{
    font-size: 30px;
    font-weight: 600;
    color: #FFF;
}
.circle-info-wrapper .single-circle-wrapper .circle-img img{
    width: 64px;
    height: 64px;
    transition: 0.3s ease-in-out;
}
.circle-info-wrapper:hover .single-circle-wrapper .circle-img img{
    transform: translateX(8px);
} 
.circle-info-wrapper .single-circle-wrapper .single-circle-detail{
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: 0.3s ease-in-out;
    margin-top: 9px;
}
.circle-info-wrapper:hover .single-circle-wrapper .single-circle-detail{
    transform: translateX(5px);
}
.circle-info-wrapper .single-circle-wrapper .single-circle-detail h2{
    font-size: 20px;
    font-weight: 700;
    color: #1E1E1E;
}
.circle-info-wrapper .single-circle-wrapper .single-circle-detail p{
    max-width: 495px;
    font-size: 14px;
    color: #8C8C8C;
    line-height: 21px;
    margin: 0;
}
.circle-info-wrapper .comm-view-circle-wrapper {
    margin-top: 25px;
    padding-right: 20px;
    transition: 0.3s ease-in-out;
}
.circle-info-wrapper .comm-view-circle-wrapper > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 28px;
}
.circle-info-wrapper .comm-view-circle-wrapper > *:last-child {
  margin-right: 0;
}
.circle-info-wrapper .comm-view-circle-wrapper span.hiring-title{
    font-size: 14px;
    font-weight: 600;
    color: #03B000;
}
.circle-info-wrapper .comm-view-circle-wrapper .view-circle-btn{
    background-color: transparent;
    padding: 2px 22px;
    border-radius: 5px;
    color: #9050E9;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    transition: 0.5s ease-in-out;
    border: 1px solid #9050E9;
    display: inline-block
}
.circle-info-wrapper:hover .view-circle-btn{
    border: 1px solid #9050E9;
    background: #9050E9;
    color: #FFF;   
}
.circle-info-wrapper .comm-view-circle-wrapper .view-icon {
    max-width: 7px;
    max-height: 11px;
}
.not-found-sec{
    padding: 0 128px 100px 128px;
}
.not-found-sec .not-found-inner{
    display: flex;
    justify-content: center;
    align-items: center;
}
.not-found-wrapper{
    background: linear-gradient(180deg, rgba(137, 82, 235, 1) 0%, rgba(78, 46, 133, 1) 100%);
    padding: 59px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1064px;
}
.not-found-wrapper .not-found-main{
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
    align-items: center;
}

.not-found-wrapper .not-found-main .not-found-title{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.not-found-wrapper .not-found-main .not-found-title h1{
    text-align: center;
    font-size: 25px;
    font-weight: 700;
}
.not-found-wrapper .not-found-main .not-found-title p{
    margin: 0;
    max-width: 669px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
}
.not-found-wrapper .not-found-main .general-applic{
    border-radius: 10px;
    background-color: #FFF;
    padding: 13px 35px;
    font-size: 18px;
    font-weight: 700;
    color: #9050E9;
}
/* COMMUNITY CIRCLE DETAIL PAGE CSS START */

/* COMMUNITY CIRCLE DETAIL PAGE CSS START */
.comm-circle-detail-sec {
    padding: 80px 64px 51px 64px;
    overflow: hidden;
}
.comm-circle-detail-sec .circle-detail-wrapper .detail-breadcrumb-wrapper {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}
.comm-circle-detail-sec .circle-detail-wrapper .detail-breadcrumb-wrapper a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgb(144, 80, 233);
}
.comm-circle-detail-sec .circle-detail-wrapper .detail-breadcrumb-wrapper span {
    font-weight: 400;
    line-height: 150%;
    font-size: 16px;
    color: #9050E9;
    letter-spacing: 0%;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-image-content{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    flex-direction: column;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-image-content .workgroup-img-wrapper{
    width: 225px;
    height: 225px;
    background: linear-gradient(180deg,rgb(144, 80, 233) 0%, rgb(225, 8, 254) 100%) !important;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-image-content .workgroup-img-wrapper h3{
    font-size: 66px;
    font-weight: 600;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-image-content img{
    max-width: 256px;
    max-height: 260px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-image-content h2{
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #000;
    text-align: center;
    font-weight: 600;
}   
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-image-content h2 span{
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #9050E9 0%, #E602FF 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content p{
    font-size: 18px;
    color: #42464D;
    line-height: 150%;
    letter-spacing: 0%;
    margin: 0;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content ul,
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content ol{
    list-style-type: unset;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    padding-left: 2rem;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content strong{
    color: #42464D;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content em{
    color: #9050E9 !important;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content span{ 
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h1,
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h2,
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h3,
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h4,
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h5,
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h6 {
    color: #444;;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h1 {
    font-size: 35px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h2 {
    font-size: 30px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h3 {
    font-size: 25px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h4 {
    font-size: 20px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h5,
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content h6 {
    font-size: 16px;
}
.comm-circle-detail-sec .circle-detail-wrapper a.edit_circe_desc{
    background-color: transparent;
    border: 1px solid #9050E9;
    border-radius: 5px;
    color: #9050E9;
    padding: 4px 12px;
    font-size: 16px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content .key-responsibilities{
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content.workgroup-content{
    display: flex;
    flex-direction: column;
    gap: 44px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content.workgroup-content .key-responsibilities h5{
    font-size: 24px;
    font-weight: 700;
    color: #C61FF7;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content .key-responsibilities .responsibility-meta:first-child{
    display: flex;
    align-items: center;
    gap: 4px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content .key-responsibilities .responsibility-meta{
    display: flex;
    align-items: baseline;
    gap: 4px;
}
.comm-circle-detail-sec .circle-detail-wrapper .circle-detail-content .circle-content.workgroup-content .workgroup-goal .goal-inner h5{
    font-size: 24px;
    font-weight: 700;
    color: #C61FF7;
}
.circle-team-members-sec {
    background-color: #F7F9FA;
    padding: 80px 0 90px 0;
}

.circle-team-members-sec .circle-members-content-box {
    display: flex;
    flex-direction: column;
    gap: 57px;
}
.circle-team-members-sec .circle-members-content-box .circle-members-head{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.circle-team-members-sec .circle-members-content-box .circle-members-head h2 {
    font-size: 32px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 0%;
    color: #1E1E1E;
    text-align: center;
}
.circle-team-members-sec .circle-members-content-box .circle-members-head p{
    font-size: 18px;
    color: #9050E9;
    margin: 0;
    line-height: 150%;
}
.circle-team-members-sec .circle-members-content-box .circle-members-wrapper .centred-members{
    display: flex;
    justify-content: center;
}
.circle-team-members-sec .circle-members-content-box .circle-members-wrapper .circle-member-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.circle-team-members-sec .circle-members-content-box .circle-members-wrapper .circle-member-box img.member-profile-img {
    width: 110px;
    height: 110px;
    border-radius: 110px;
    object-fit: cover;
}
.circle-team-members-sec .circle-members-content-box .circle-members-wrapper .circle-member-box .circle-member-detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.circle-members-content-box .circle-members-wrapper .circle-member-box .circle-member-detail .member-name-inner{
    display: flex;
    gap: 12px;
    align-items: center;
}
.circle-members-content-box .circle-members-wrapper .circle-member-box .circle-member-detail .member-name-inner h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #9050E9;
}
.circle-members-content-box .circle-members-wrapper .circle-member-box .circle-member-detail .member-name-inner img{
    width: 8px;
    height: 24px;
}
.circle-team-members-sec .circle-members-content-box .circle-members-wrapper .circle-member-box .circle-member-detail p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}
.circle-members-wrapper .circle-member-box .circle-member-detail a.add_circle_blogs{
    padding: 7px 22px;
    border-radius: 5px;
}
.circle-members-wrapper .circle-member-box .circle-member-detail a.add_circle_blogs:hover{
    background-color: #9050E9;
    color:#FFFFFF;
}
.circle-open-roles-sec {
    padding: 72px 64px 112px 64px;
}

.circle-open-roles-sec .circle-open-roles-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.circle-open-roles-sec .circle-open-roles-wrapper .open-roles-heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.circle-open-roles-sec .circle-open-roles-wrapper .open-roles-heading p {
    font-size: 18px;
    margin: 0;
    line-height: 150%;
    letter-spacing: 0;
    font-weight: 400;
    color:#9050E9;
}

.circle-open-roles-sec .circle-open-roles-wrapper .open-roles-heading h2 {
    font-size: 32px;
    line-height: 120%;
    font-weight: 600;
    color: #1E1E1E;
    letter-spacing: 0%;
}

.circle-open-roles-sec .all-roles-content-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
}
.open-role-main {
    display: grid;
    gap: 17px;
    width:100%;
    max-width: 1046px;
    padding: 30px 58px 32px 54px;
    border-radius: 12px;
    border: 1px solid #EAEAEA;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08);
}
.open-role-main.all-roles-inner-meta{
    max-width: 1118px !important;
}
.open-role-main .open-role-content-box {
    display: grid;
    gap: 20px;
    position: relative;
}
.open-role-main .open-role-content-box .job-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.open-role-main .open-role-content-box .job-title-wrapper .job-title {
    display: flex;
    gap: 24px;
    align-items: center;
}
.open-role-main .open-role-content-box .job-title-wrapper .job-title h5 {
    color: #1E1E1E;
    font-size: 18px;
    line-height: 33px;
    font-weight: 700;
}
.open-role-main .open-role-content-box .job-title-wrapper .job-title span {
    background-color: #E6F7FF;
    padding: 4px 8px;
    font-size: 12px;
    color: #444;
    font-weight: 600;
    line-height: 21px;
    border-radius: 10px;
}
.open-role-detail-wrapper.hide-for-web{
    display: none !important;
}
.open-role-main .open-role-detail-wrapper{
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    top: 24px;
    right: 0;
}
.open-role-main .open-role-detail-wrapper span.btn-theme-secondary{
    padding: 10px 24px;
    transition: 0.5s ease-in-out;
}
.open-role-main .open-role-detail-wrapper .view-role-icon.hover-icon {
  display: none;
}
.open-role-main .open-role-detail-wrapper:hover span.btn-theme-secondary{
    padding: 10px 24px;
    background-color: #9050E9;
    color: #FFF;
}
.open-role-main .open-role-detail-wrapper:hover .hover-icon {
  display: inline;
}
.open-role-main .open-role-detail-wrapper:hover .default-icon {
  display: none;
}

.open-role-main .open-role-detail-wrapper img.view-role-icon{
    margin-left: 18px;
    margin-bottom: 3px;
}
.open-role-main .open-role-detail-wrapper .open-roles-read-wrapper a{
    color: #9050E9;
    font-size: 16px;
    font-weight: 400;
}
.open-role-main .open-role-detail-wrapper .open-roles-read-wrapper img.read-more-icon{
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-left: 2px;
}
.open-role-main .open-role-content-box .role-desc p {
    margin: 0;
}
.open-role-main .job-details-wrapper {
    display: flex;
    gap: 24px;
    align-items: center;
}
.open-role-main .job-details-wrapper .job-detail-meta {
    display: flex;
    gap: 12px;
    align-items: center;
}
.open-role-main .job-details-wrapper .job-detail-meta span{
    font-size: 16px;
    font-weight: 400;
    color: #1E1E1E;
    line-height: 27px;
}

.comm-useful-links-sec{
    padding: 77px 0 120px 0; 
    background-color: #F7F9FA;
}
.comm-useful-links-sec .useful-links-wrapper{
    display: flex;
    flex-direction: column;
    gap: 27px;
}
.comm-useful-links-sec .useful-links-wrapper .links-heading{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
.comm-useful-links-sec .useful-links-wrapper .links-heading h3{
    font-size: 32px;
    color: #1E1E1E;
    font-weight: 600;
}
.comm-useful-links-sec .useful-links-wrapper .links-heading p{
    font-size: 18px;
    color: #9050E9;
    margin: 0;
}

.comm-useful-links-sec .links-meta{
    max-width: 474px;
    padding: 36px 40px;
    border: 1px solid #9050E9;
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
}
.comm-useful-links-sec .links-meta a{
    text-decoration: underline;
    color: #9050E9;
    font-size: 20px;
    font-weight: 400;
}   
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper{
    padding: 35px 13px 23px 39px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    background-color: #FFF;
    transition: 0.5s ease-in-out;
    border-radius: 12px;
    margin-bottom: 20px;
}
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper:hover {
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.11), 0px 20px 20px 0px rgba(0, 0, 0, 0.09);
}
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper.workgroup-link-meta{
    background-color: #F7F9FA;
    border-radius: 12px;
    margin-bottom: 20px;
    transition:0.5s ease-in-out;
}
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper.workgroup-link-meta:hover{
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.11), 0px 20px 20px 0px rgba(0, 0, 0, 0.09);
}
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper > img {
  scale: 1;
  transition: 0.5s ease-in-out;
}
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper:hover > img {
    scale: 1.5;
}
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper.workgroup-link-meta > img {
    scale: 1;
    transition: 0.5s ease-in-out;
}
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper.workgroup-link-meta:hover > img {
    scale: 1.5;
}
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper .link-title h4{
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 26px;
}
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper .link-title p{
    margin: 0;
    font-size: 14px;
    color: #444;
}
.comm-useful-links-sec .useful-links-wrapper .links-meta-wrapper a{
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #9050E9;
    line-height: 150%;
    letter-spacing: 0%;
    font-weight: 400;
    gap: 16px;
}

/* COMMUNITY ALL HACKATHONS PAGE CSS START */
.comm-hacakathon-sec {
    padding: 80px 64px 112px 64px;
    background-color: rgba(252, 252, 252, 1);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.comm-hacakathon-sec .hackathon-page-heading {
    max-width: 964px;
    margin-bottom: 64px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.comm-hacakathon-sec .hackathon-page-heading.all-hackathons-index {
    max-width: 1241px !important;
    margin-bottom: 64px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.comm-hacakathon-sec .hackathon-page-heading p:first-child {
    color: #9050E9;
}

.comm-hacakathon-sec .hackathon-page-heading p {
    margin: 0;
    color: #1E1E1E;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}

.comm-hacakathon-sec .hackathon-page-heading .comm-page-heading-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.comm-hacakathon-sec .all-hackathons-index .comm-hackathon-heading-wrapper ol,.comm-hacakathon-sec .all-hackathons-index .comm-hackathon-heading-wrapper ul{
    list-style-type: unset;
    margin-left: 2rem;
}
.comm-hacakathon-sec .hackathon-page-heading .comm-page-heading-wrapper h1 {
    font-size: 56px;
    line-height: 67px;
    font-weight: 600;
    color: #1E1E1E;
}
.comm-hacakathon-sec .hackathon-page-heading.all-hackathons-index .comm-hackathon-heading-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
} 
.comm-hacakathon-sec .hackathon-page-heading.all-hackathons-index .comm-hackathon-heading-wrapper h1{
    font-size: 56px;
    line-height: 67px;
    font-weight: 600;
    color: #1E1E1E; 
}
.comm-hacakathon-sec .hackathon-page-heading.all-hackathons-index .comm-hackathon-heading-wrapper p{
    margin: 0;
    color: #1E1E1E;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}
.comm-hacakathon-sec .hackathon-page-heading.all-hackathons-index .comm-hackathon-heading-wrapper a{
    text-decoration: underline;
}
.comm-hacakathon-sec .hackathon-page-heading.all-hackathons-index .comm-hackathon-heading-wrapper span{
    font-size: 18px;
    font-weight: 400;
}
.comm-hacakathon-sec .hackathon-page-heading .comm-page-heading-wrapper p {
    margin: 0;
    color: #1E1E1E;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}
.comm-hacakathon-sec .hackathon-page-heading.all-hackathons-index .explore-heading{
    font-size: 56px;
    font-weight: 700;
    line-height: 120%;
    color: rgb(30, 30, 30);
}
.comm-hacakathon-sec .comm-hackathons-wrapper .hackathons-types-wrapper .type-title h2 {
    color:rgb(30, 30, 30);
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    padding-bottom: 20px;
}

.comm-hacakathon-sec .comm-hackathons-wrapper .hackathons-types-list {
    --bs-accordion-border-color: unset;
    --bs-accordion-border-width: unset;
    --bs-accordion-active-bg: unset;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 0;
    max-width: 240px;
}

.comm-hacakathon-sec .comm-hackathons-wrapper .hackathons-types-list .accordion-item {
    background-color: transparent;
    border: none;
}

.comm-hacakathon-sec .comm-hackathons-wrapper .accordion-button::after {
    display: none;
}

.comm-hacakathon-sec .comm-hackathons-wrapper .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

.comm-hacakathon-sec .comm-hackathons-wrapper .accordion-button:not(.collapsed) {
    color: #1E1E1E;
}

.comm-hacakathon-sec .comm-hackathons-wrapper .accordion-button.active {
    padding: 12px 16px;
    background-color: #9050E9;
    color: #FFF;
    border: none;
}

.comm-hacakathon-sec .hackathon-category-section {
    display: grid;
    gap: 64px;
}

.comm-hacakathon-sec .all-hackathons-tabs {
    border: none;
    width: 415px;
    display: flex;
    gap: 16px;
    border-bottom: 1px solid rgb(170, 170, 170);
}

.comm-hacakathon-sec .all-hackathons-tabs li {
    width: 221px;
    background-color: transparent;
}

.comm-hacakathon-sec .all-hackathons-tabs li:first-child {
    width: 178px;
    background-color: transparent;
}

.comm-hacakathon-sec .all-hackathons-tabs li .nav-link.active {
    background-color: transparent;
    border: none;
    color: rgb(144, 80, 233);
    border-bottom: 6px solid rgb(144, 80, 233);
}

.comm-hacakathon-sec .all-hackathons-tabs li .nav-link.active:hover {
    border-bottom: 6px solid rgb(144, 80, 233);
}

.comm-hacakathon-sec .all-hackathons-tabs li .nav-link {
    transition: unset;
    padding: 0;
    margin-bottom: 0;
}

.comm-hacakathon-sec .all-hackathons-tabs li .nav-link:hover {
    border: none;
}

.comm-hacakathon-sec .all-hackathons-tabs li a {
    font-size: 18px;
    color: rgba(170, 170, 170, 1);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0%;
    cursor: pointer;
}

.hackathon-event-box {
    position: relative;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #FCFCFC;
    overflow: hidden;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
    /* max-height:458px; */
}
.hackathon-event-box.today-event-card {
    border: 2px solid #9050E9;
    position: relative;
}
.comm-all-events .hackathon-event-box .img-box {
    position: relative;
}
.hackathon-event-box .img-box img {
    width: 100%;
    max-height: 233px;
}
.comm-all-events .hackathon-event-box .img-box .image-icon {
    position: absolute;
    right: 37px;
    width: 97px;
    height: 126px;
    z-index: 2;
    bottom: -21px;
}
.hackathon-event-box .img-box .image-icon img {
  width: 100%;
  height: auto;
}
.hackathon-event-box .thumbnail-text {
  position: absolute;
  left: 26px;
  top: 59px;
  font-size: 34px;
  font-weight: bold;
  color: #fff;
}
.hackathon-event-box .img-box img.past-event-image {
    filter: grayscale(100%);
    opacity: 0.6;
}

.hackathon-event-box .event-tagline {
    background-color: rgb(238, 238, 238);
    color: rgb(144, 80, 233);
    position: absolute;
    bottom: -1px;
    right: -1px;
    border-radius: 7px 0 12px 0;
    width: 105px;
    height: 28px;
    display: flex;
    justify-content: center;
}

.hackathon-event-box .past-event-tagline {
    background-color: rgba(170, 170, 170, 1);
    color: white;
    position: absolute;
    bottom: -1px;
    right: -1px;
    border-radius: 7px 0 12px 0;
    width: 105px;
    height: 28px;
    display: flex;
    justify-content: center;
}

.hackathon-event-box .today-tagline {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 18px 20px;
    background-color: #9050E9;
    color: white;
    font-weight: bold;
    font-size: 10px;
    border-top-left-radius: 6px;
    z-index: 3;
}
.hackathon-event-box .event-meta-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 10px;
    right: 5px;
}

.hackathon-event-box .event-meta-box .event-time-box {
    margin-top: 6px;
    width: 92px;
    height: 54px;
    padding: 5px 4px;
    border-radius: 4px;
    background-color: rgb(30, 30, 30);
}

.hackathon-event-box .event-meta-box .event-time-box img {
    margin-left: 8px;
}

.hackathon-event-box .event-meta-box .event-time-box p {
    font-size: 14px;
    line-height: 21px;
    color: rgb(252, 252, 252);
    text-align: center;
    margin-bottom: 0;
}
.hackathon-event-box .event-content-box .event-content-box-meta .event-time-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hackathon-event-box .event-content-box .event-content-box-meta .event-time-box span {
    background-color: unset;
    padding: 0 4px;
    color: rgb(144, 80, 233);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.hackathon-event-box .event-meta-box .event-time-box span {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: rgb(252, 252, 252);
}

.hackathon-event-box .past-event-date-box {
    position: absolute;
    right: 20px;
    width: 84px;
    height: 67px;
    top: 10px;
    padding: 12px 4px;
    background-color: #000000;
    border-radius: 4px;
    box-shadow: 0 4px 8px #0000001A;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: content-box;
    align-items: center;
}

.hackathon-event-box .past-event-date-box p {
    margin-bottom: 7px;
    font-family: 'Roboto', sans-serif;
    color: #FCFCFC;
    font-size: 14px;
    line-height: 12px;
    font-weight: 400;
}

.hackathon-event-box .past-event-date-box p.date {
    font-size: 32px;
    line-height: 33px;
    font-weight: 700;
}

.hackathon-event-box .event-date-box {
    position: absolute;
    right: 20px;
    width: 84px;
    height: 67px;
    top: 10px;
    padding: 12px 4px;
    background-color: #FFFFFF;
    color: #010101;
    border-radius: 4px;
    box-shadow: 0 4px 8px #0000001A;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: content-box;
    align-items: center;
}
.hackathon-event-box .hackathon-event-date-box {
    position: absolute;
    top: 15px;
    right: 12px;
    width: 110px;
     height: 67px;
    padding: 12px 4px;
    background-color: #FFFFFF;
    color: #010101;
    border-radius: 4px;
    box-shadow: 0 4px 8px #0000001A;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: content-box;
    align-items: center;
}
.hackathon-event-box .hackathon-event-date-box p {
    margin-bottom: 7px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 3px;
    font-weight: 400;
}

.hackathon-event-box .hackathon-event-date-box p.date {
    font-size: 32px;
    line-height: 33px;
    font-weight: 700;
}
.hackathon-event-box .event-date-box p {
    margin-bottom: 7px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 3px;
    font-weight: 400;
}

.hackathon-event-box .event-date-box p.date {
    font-size: 32px;
    line-height: 41px;
    font-weight: 700;
}

.hackathon-event-box .event-content-box {
    padding: 24px;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hackathon-event-box .event-content-box span {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    align-self: flex-start;
    padding: 4px 8px;
    background-color: #EEEEEE;
}
.hackathon-event-box .event-content-box .event-title {
    display: block;
}
.hackathon-event-box .event-content-box .event-content-box-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hackathon-event-box .event-content-box .event-short-title {
    display: none;
}
.hackathon-event-box .event-content-box h4 {
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
    color: #000;
}

.hackathon-event-box .event-content-box p {
    margin-bottom: 0;
}

.hackathon-event-box .event-content-box p.data-info {
    font-weight: 400;
    color: rgb(0, 0, 0);
}

.hackathon-event-box .event-content-box p:first-of-type {
    color: #AAA;
}
.hackathon-event-box .event-content-box .view-event-tab {
    display: flex;
    align-items: center;
    gap: 8px;
}
.hackathon-event-box .event-content-box .view-event-tab span {
    color: #9050E9;
    font-size: 16px;
    line-height: 24px;
    background-color: unset;
    font-weight: 400;
    padding: 0;
}
.hackathon-event-box .event-content-box .view-event-tab img{
    width: 7px;
    height: 11px;
    margin-left: 8px;
}
.hackathon-event-box .event-content-box .view-event-tab a {
    color: #9050E9;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.hackathon-event-box .event-content-box .view-event-tab a img{
    margin-left: 24px;
}
.hackathon-organizers-sec{
    background-color: rgba(255, 255, 255, 1);
    padding: 92px 64px 112px 64px;
}
.hackathon-organizers-sec .hackathon-organizer-content-box{
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.hackathon-organizers-sec .hackathon-organizer-content-box h2 {
    font-size: 48px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 0%;
    color: #1E1E1E;
    text-align: center;
}
.hackathon-organizers-sec .hackathon-organizer-content-box .organizer-member-wrapper .organizer-member-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.hackathon-organizers-sec .hackathon-organizer-content-box .organizer-member-wrapper .organizer-member-box img {
    width: 175px;
    height: 175px;
    border-radius: 110px;
    object-fit: cover;
}
.hackathon-organizers-sec .hackathon-organizer-content-box .organizer-member-wrapper .organizer-member-box .organizer-member-detail {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
}
.hackathon-organizers-sec .hackathon-organizer-content-box .organizer-member-wrapper .organizer-member-box .organizer-member-detail h6 {
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    color: #1E1E1E;
  }
  .hackathon-organizers-sec .hackathon-organizer-content-box .organizer-member-wrapper .organizer-member-box .organizer-member-detail p {
    margin: 0;
}
.hackathon-organizers-sec .hackathon-organizer-content-box .hackathon-contact-btn{
    margin: 0 auto;
    width: calc(100% - 992px);
}

/* COMMUNITY FOOTER CSS START */
.comm-join-sec {
    padding: 112px 64px;
    background-color: rgba(241, 241, 241, 1);
}

.comm-join-sec .joining-content-box p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}

.comm-join-sec .joining-content-box a.btn-theme-primary {
    padding: 12px 24px;
    margin-right: 20px;
}

.comm-footer {
    padding: 80px 64px;
    position: relative;
    background-color: #FCFCFC;
}

.comm-footer::after {
    position: absolute;
    content: "";
    height: 1px;
    background-color: #000000;
    bottom: 0;
    transform: translateZ(0);
    width: 90%;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.comm-footer .comm-left-content {
    width: 500px;

}
.comm-footer .comm-left-content .comm-footer-logo a{
    display: flex;
    align-items: center;
    gap: 8px;
}
.comm-footer .comm-left-content .comm-footer-logo .logo-text-footer{
    color: var(--Foundation-Violet-V500, #120B29);
    font-family: Orbitron;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.comm-footer .comm-left-content .content-box .comm-email-box {
    display: flex;
    gap: 20px;
}

.comm-footer .comm-left-content .content-box .comm-email-box input[type=email] {
    border: 1px solid #000000;
    padding: 12px 24px;
    width: 78%;
}

.comm-footer .comm-left-content .content-box .comm-email-box input[type=email]::placeholder {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.comm-footer .comm-left-content .content-box .comm-email-box button {
    background-color: transparent;
}

.comm-footer .comm-left-content .content-box p:first-child {
    margin-top: 30px;
}

.comm-footer .content-box>p:nth-of-type(2) {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #1E1E1E;
}

.comm-footer .comm-right-content {
    display: flex;
    gap: 40px;
}

.comm-footer .comm-right-content .useful-links-box {
    width: 201px;
}

.comm-footer .comm-right-content .useful-links-box h4 {
    color: #1E1E1E;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.comm-footer .comm-right-content .comm-links-list li {
    padding: 8px 0;
    height: 36px;
    font-size: 14px;
    color: #9050E9;
    font-weight: 400;
    line-height: 21px;
}

.comm-footer .comm-right-content .comm-links-list li a {
    color: #9050E9;
}

.comm-footer .comm-right-content .social-icons h4 {
    color: #1E1E1E;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.comm-footer .comm-right-content .social-icons .social-item {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.comm-footer .comm-right-content .social-icons .item-wrapper {
    height: 40px;
}

.comm-footer .comm-right-content .social-icons .social-item img {
    width: 20px;
    height: 20px;
}

.comm-footer .comm-right-content .social-icons .social-item span {
    margin-left: 5px;
}

.comm-copyright-container {
    padding: 30px 0;
    background-color: #FCFCFC;
}

.comm-copyright-container .copy-right-wrapper {
    	display: flex;
	  justify-content: center;
	  align-items: center;
	  flex-direction: column;
}

.comm-copyright-container .copy-right-text p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

.comm-copyright-container .copy-right-wrapper .footer-page-links ol {
    list-style-type: none;
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.comm-copyright-container .copy-right-wrapper .footer-page-links ol a {
    color: #000;
}

.comm-copyright-container .copy-right-wrapper .footer-page-links ol li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin-right: 20px;
    text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .comm-events-list-wrapper .event-box.today-event-card .event-content-box .event-content-box-meta span {
        font-size: 11px;
    }

    .comm-events-list-wrapper .event-box.today-event-card .event-content-box .event-content-box-meta .event-timer-box p {
        font-size: 11px;
    }

    .hackathon-event-box.today-event-card .event-content-box .event-content-box-meta span,
    .hackathon-event-box.today-event-card .event-content-box .event-content-box-meta .event-time-box p {
        font-size: 10px;
    }
}


@media (min-width: 992px) and (max-width: 1199.98px) {
    .comm-events-list-wrapper .event-box.today-event-card .event-content-box .event-content-box-meta span {
        font-size: 11px;
    }

    .comm-events-list-wrapper .event-box.today-event-card .event-content-box .event-content-box-meta .event-timer-box p {
        font-size: 11px;
    }

    .hackathon-event-box.today-event-card .event-content-box .event-content-box-meta span,
    .hackathon-event-box.today-event-card .event-content-box .event-content-box-meta .event-time-box p {
        font-size: 9px;
    }
}

@media (min-width: 1200px) {
    .comm-events-list-wrapper .event-box.today-event-card .event-content-box .event-content-box-meta span {
        font-size: 13px;
    }

    .comm-events-list-wrapper .event-box.today-event-card .event-content-box .event-content-box-meta .event-timer-box p {
        font-size: 13px;
    }

    .hackathon-event-box.today-event-card .event-content-box .event-content-box-meta span,
    .hackathon-event-box.today-event-card .event-content-box .event-content-box-meta .event-time-box p {
        font-size: 13px;
    }
}
/* Media query for screens above 768px */
@media screen and (min-width: 768px) {
    .hackathon-event-box .event-content-box .event-title {
        display: none;
    }

    .hackathon-event-box .event-content-box .event-short-title {
        display: block;
    }
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-meta-box .past-event-btn-wrapper .event-documents {
    margin-top: 20px;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-meta-box .past-event-btn-wrapper .event-documents h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #000000;
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-meta-box .past-event-btn-wrapper .event-documents ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-meta-box .past-event-btn-wrapper .event-documents ul li {
    margin-bottom: 8px;
}

.comm-event-detail-sec .event-detail-wrapper .event-left-box .event-meta-box .past-event-btn-wrapper .event-documents a {
    color: #0056b3;
    text-decoration: underline;
}
/* Authenticaton Template Css Start */
.auth-container {
    background: linear-gradient(to bottom, #1a0033, #2e004f);
    color: #fff;
    /* min-height: 100vh; */
    padding: 4rem 4rem 0 4rem;
    font-family: 'Inter', sans-serif;
}
.auth-title {
    font-size: 2.5rem;
    font-weight: 700;
    background: linear-gradient(90deg, #dd22c3, #ffa200);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.auth-p {
    font-size: 18px;
    font-weight: 400;
    color: white;
}
.site-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

}
.site-pill {
    color: white;
    padding: 0.3rem 0.8rem;
    border-radius: 50px;
    margin-right: 0.5rem;
    display: inline-block;
    font-size: 0.9rem;
}
.site-pills a:nth-child(1) .site-pill {
    background-color: #4A1C8B;
}
.site-pills a:nth-child(2) .site-pill {
    background-color: #732bdc;
}
.site-pills a:nth-child(3) .site-pill {
    background-color: #7E0459;
}
.auth-box {
    /* background-color: #1a0033; */
    padding: 2rem;
    border-radius: 1rem;
    /* border: 1px solid #444; */
}
.auth-box h4 {
    color: #ffae00;
    font-weight: 600;
}
.auth-box p,
.auth-box a {
    color: #e0e0e0;
    font-size: 0.95rem;
}
.auth-divider {
    width: 1px;
    background-color: rgb(121, 118, 118);

}
.auth-button {
    width: 100%;
    padding: 0.6rem;
    border-radius: 0.5rem;
    color: white;
    font-weight: 600;
}
.button-create {
    border: 2px solid #732bdc;
    background-color: transparent;
    color: #fff;
    transition: all 0.3s ease;
}
.button-create:hover {
    border: 2px solid #732bdc;
    color: #BF9AF2;
}
.button-login {
    background-color: #732bdc;
    border: none;
    transition: all 0.3s ease;
}
.button-login:hover {
    background-color: #BF9AF2;
    color: #1a0033;
}
.auth-link {
    color: #b677f4;
    text-decoration: underline;
}
.comm-blogs-sec .blog-content-wrapper .blog-post .comm-blog-box .img-box span {
    position: absolute;
    top: 50px;
    left: 15px;
    color: white;
    font-size: 32px;
    font-weight: 500;
    padding: 0px 10px 0px 10px;
    line-height:38px;
}

.comm-blog-section .comm-blog-wrapper .comm-blog-box .img-box span {
    position: absolute;
    top: 50px;
    left: 15px;
    color: white;
    font-size: 32px;
    font-weight: 500;
    padding: 0px 10px 0px 10px;
    line-height: 38px;
}
/* Add Blog page CSS Start */
.comm-add-blog-section{
    background: #f3f7fd;
    padding: 2.1rem 2.1rem;
    width: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.comm-add-blog-section .df-add-edit-blog-post-section{
    box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: 10px;
}
/* Add/Edit Blog Post Section Styles */
.df-add-edit-blog-post-title {
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 0%;
    color: #1E1E1E;
    text-align: center;
}
.df-add-edit-blog-post-section .form-group{
    padding: 10px;
}
.df-add-edit-blog-post-section .form-group label{
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 6px;
    color: #000;
}
.df-add-edit-blog-post-section .input-field {
    margin-bottom: 20px;
}
.df-add-edit-blog-post-section .input-field label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.df-add-edit-blog-post-section .input-field input,
.df-add-edit-blog-post-section .input-field textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.6;
    background-color: #fff;
}
.df-add-edit-blog-post-section .input-field input:focus,
.df-add-edit-blog-post-section .input-field textarea:focus {
    border-color: #007bff;
    outline: none;
}
.df-add-edit-blog-post-section .featured-image-preview{
    width: 200px;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
}
.df-add-edit-blog-post-section .featured-image-preview img{
    width: 100%;
    height: 100%;
}
.df-add-edit-blog-post-section .input-button {
    text-align: right;
}
.df-add-edit-blog-post-section .upload-btn-wrapper {
    display: block;
    padding: 15px;
    border: 1px dashed #e1e1e1;
    margin-top: 20px;
    position: relative;
}
.df-add-edit-blog-post-section .upload-btn-wrapper input[type="file"] {
    position: absolute;
    left: 0;
    top: 0px;
    opacity: 0;
    height: 80px;
    z-index: 9;
    cursor: pointer;
}

/* sign up form */
.register-form-cols-wrapper {
    padding-top: 44px;
}
.login-form-cols-wrapper {
    padding-top: 49px;
}
.sign-up-wrapper{
    display: flex;
    justify-content: space-between;
}

.comm-sign-up-content-box{
    display: flex;
    flex-direction: column;
    gap: 48px;
    max-width: 550px;
    padding-top: 68px;
}
.comm-sign-up-content-box .signup-content-box-meta{
    display: grid;
    gap: 20px;
}
.comm-sign-up-content-box .signup-content-box-meta h1.main-heading{
    display: inline-block;
    font-size: 64px;
    font-weight: 700;
    line-height: 82px;
    background: linear-gradient(90deg, #FF13EC 0%, #FFBB01 100%);
        background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.comm-sign-up-content-box .signup-content-box-meta p{
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    color: rgb(240, 240, 240);
    letter-spacing: 2%;
}
.comm-signup-sites ul li{
    max-width: 556px;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}
.comm-signup-sites ul li:last-child{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.comm-signup-sites ul p{
    margin-bottom: 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.62);
    font-weight: 400;
    line-height: 150%;
}

.comm-site-wrapper{
    position: relative;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.comm-site-wrapper img{
    height: 27px;
    width: 113px;
}
.comm-site-wrapper a {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    line-height: 150%;
    margin-left: 30px;
}
.comm-site-wrapper a::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    top: 14px;
    left: -26px;  
}



.df-signup-section .df-register-form .form-label {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    font-family: "DM Sans";
    margin-bottom: 6px;
    color: #E9E7EC;
}
.df-signup-section .df-register-form .form-input::placeholder {
    opacity: 0;
    color: #667085;
}
.df-signup-section .df-register-form .form-input {
    font-size: 16px;
    font-weight: 400;
    line-height: inherit;
    top: 0;
    left: 0;
    z-index: 1;
    resize: none;
    width: 100%;
    height: 40px;
    padding: 9px 14px;
    border-radius: 4px;
    border: 1px solid #443A63;
    color: #E9E7EC;
    background: transparent;
    transition: all 0.2s ease-in-out;
}
.df-signup-section .df-register-form p.password-hint{
    color: #E9E7EC;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 10px 0;
}
.df-signup-section .df-register-form .input-field > div > i {
    position: absolute;
    bottom: 61px;
    right: 10px;
    font-size: 16px;
    cursor: pointer;
    color: #A39EB2;
}
.df-signup-section #df-login-form #forget-btn-design {
  color: var(--Foundation-Indigo-I50, #F4EEFD);
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-align: right;
  margin-bottom: 24px;
  margin-top: -18px;
}
.df-signup-section #df-login-form #forget-btn-design a {
  color: var(--Foundation-Indigo-I50, #F4EEFD);
}
#gisRegister, #gisLogin {
  height: 40px;
  display: flex;
  justify-content: center;
}
/* #gisRegister iframe, #gisLogin iframe {
  margin: 0% 0% 10% 63% !important;
} */
.agreement {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    padding: 16px;
    color: #E9E7EC;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 24px;
    text-align: left;
}
.agreement a {
  color: #BF9AF2;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.valid-mail-section .df-reset-password, .valid-mail-section .df-reset-password-link-sent, .valid-mail-section #df-update-password {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 44px));
}

.valid-mail-section .validation-form {
  padding: 24px;
}
.heading-forgot_password {
  display: none;
  margin-bottom: 8px;
  text-align: center;
}
.valid-mail-section .validation-form h1, .valid-mail-section .df-reset-password .heading-forgot_password h1 {
  color: #F9FAFB;
  font-family: "DM Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  text-transform: none;
  align-self: stretch;
}
.valid-mail-section .df-reset-password p, .valid-mail-section .df-reset-password-link-sent p, .valid-mail-section #df-update-password p {
  color: #E9E7EC;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}
.valid-mail-section .validation-form .input-field {
  position: relative;
  margin-bottom: 24px;
  text-align: left;
}
.valid-mail-section .validation-form .form-label {
  font-family: "DM Sans";
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding: 0px;
  color: #E9E7EC;
  margin-bottom: 6px;
}
.valid-mail-section .validation-form .form-input::placeholder {
  opacity: 0;
  visibility: hidden;
  color: transparent;
}
.valid-mail-section .validation-form .form-input {
  font-family: "DM Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  z-index: 1;
  resize: none;
  width: 100%;
  height: 44px;
  padding: 10px 14px;
  border-radius: 4px;
  border: 1px solid #443A63;
  color: #E9E7EC;
  background: transparent;
}
.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}
.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}
.valid-mail-section .df-reset-password-link-sent .back-main-link{
    background: transparent;
    padding: 0;
    border: 0;
}
.valid-mail-section .validation-form .resend-code-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.valid-mail-section .df-reset-password .back-main-link, .valid-mail-section .df-reset-password-link-sent .back-main-link {
  font-family: "DM Sans";
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  color: #BF9AF2;
  text-decoration: none;
}
.valid-mail-section #df-update-password .input-field i {
  position: absolute;
  top: 52px;
  right: 10px;
  font-size: 16px;
  cursor: pointer;
  color: #A39EB2;
}
#df-update-password .validation-form .resend-code-box .reset-cancel-pswd {
  color: #BF9AF2;
}
#passwordConfirmationModal .modal-dialog .modal-body {
  text-align: center;
}
#passwordConfirmationModal .modal-dialog .modal-body {
  text-align: center;
  padding: 7px 56px 56px 56px;
}
#passwordConfirmationModal .modal-dialog .modal-body p {
  color: #2C2B2F;
}
#passwordConfirmationModal .modal-dialog .modal-body .df-theme-primary-btn {
  width: 100%;
}



/* end MEDIA QUERIES FOR PARTNERS PAGE */
.comm-signup-sites .coming-soon{
	background-color: rgba(233, 29, 66, 255);
    color: #fff;
    border-radius: 50px;
    margin-left: 6px;
    font-size: 14px;
    width: 113px;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 30px;
    padding-top: 3px;
}



/* Pages CSS */
.comm-page-content{
    background-color: #F7F9FA;
}
.comm-page-content .comm-page-hero{
    height: 252px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.comm-page-content .comm-page-hero h4{
    background: linear-gradient(to right, #9050E9, #E602FF);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
    font-weight: 900;
    line-height: 32px;
}
.comm-page-inner-content{
    padding: 80px 0;
}
.comm-page-inner-content .inner-content-wrapper{
    max-width: 836px;
    margin: 0 auto;
}

.comm-page-inner-content .inner-content-wrapper ul,
ol,
li,
.comm-page-inner-content .inner-content-wrapper ul,
ol,
li {
    margin-bottom: 0;
}

.comm-page-inner-content .inner-content-wrapper p {
    color: #42464D;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 16px;
    margin: 0;
    font-weight: 400;
}

.comm-page-inner-content .inner-content-wrapper li {
    color: #42464D;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}

.comm-page-inner-content .inner-content-wrapper h1 {
    font-size: 36px !important;
    margin: 20px 0px;
    line-height: 54px;
    font-weight: 700;
    color: #42464D;
}

.comm-page-inner-content .inner-content-wrapper h2 {
    font-size: 32px !important;
    margin: 20px 0;
    color: #42464D;
    font-weight: 700;
}

.comm-page-inner-content .inner-content-wrapper h3 {
    font-family: "DM Sans", sans-serif;
    font-size: 40px !important;
    position: relative;
    line-height: 120%;
    text-rendering: optimizelegibility;
    text-decoration: none;
    font-weight: 600;
    margin: 20px 0;
    color: #42464D;
}

.comm-page-inner-content .inner-content-wrapper h4 {
    font-size: 30px !important;
    margin: 20px 0;
    line-height: 120%;
    text-rendering: optimizelegibility;
    text-decoration: none;
    font-weight: 500;
    margin: 20px 0;
    color: #42464D;

}

.comm-page-inner-content .inner-content-wrapper h5 {
    font-size: 20px !important;
    margin: 20px 0;
    line-height: 120%;
    text-rendering: optimizelegibility;
    text-decoration: none;
    font-weight: 400;
    margin: 20px 0;
    color: #42464D;

}

.comm-page-inner-content .inner-content-wrapper h6 {
    font-size: 20px !important;
    margin: 20px 0;
    line-height: 120%;
    text-rendering: optimizelegibility;
    text-decoration: none;
    font-weight: 400;
    margin: 20px 0;
    color: #42464D;

}

.comm-page-inner-content .inner-content-wrapper blockquote p {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    color: rgb(144, 80, 233);
}

.comm-page-inner-content .inner-content-wrapper img {
    width: 100%;
    height: 100%;
}

.comm-page-inner-content .inner-content-wrapper ul {
    margin-bottom: 0;
    padding-left: 40px;
}

.comm-page-inner-content .inner-content-wrapper .bold,
.comm-page-inner-content .inner-content-wrapper strong,
.comm-page-inner-content .inner-content-wrapper b {
    font-weight: 700 !important;
    color: #42464D;
}
.comm-page-inner-content .inner-content-wrapper table th{
    padding: 10px;
    border: 1px solid #42464D;
}
.comm-page-inner-content .inner-content-wrapper table td{
    font-family: "DM Sans", sans-serif;
    color: #42464D;
    font-size: 16px;
    line-height: 28px;
    padding: 10px;
    border: 1px solid #42464D;
}






















/*  STYLE FOR NEW HOME PAGE AI  */


/*  STYLE FOR NEW HOME PAGE AI  */
.comm-ai-hero-sec{
    background: linear-gradient(to right, #2B2D44, #5F3489, #5F3489, #60348B, #2F2D49);
    overflow: hidden;
}
.comm-ai-hero-sec .ai-hero-main{
    display: flex;
    flex-direction: column;
    gap: 76px;
}
.comm-ai-hero-sec .ai-hero-wrapper{
    padding-top: 207px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.comm-ai-hero-sec .ai-hero-wrapper .ai-hero-btn-wrapper{
    color: #E6D6FC;
    border: 1px solid aliceblue;
    border-radius: 50px;
    width: 149px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.comm-ai-hero-sec .ai-hero-wrapper .ai-hero-btn-wrapper img{
    width: 13px;
    height: 19px;
    top: 11px;
    position: absolute;
    left: 15px;
}
.comm-ai-hero-sec .ai-hero-wrapper .ai-hero-btn-wrapper a{
    color: #E6D6FC;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    font-family: "Inter", sans-serif;
    margin-left: 20px;
}
.comm-ai-hero-sec .ai-hero-wrapper .ai-hero-content-wrapper{
   display: flex;
   flex-direction: column;
   gap: 30px;
   justify-content: center;
    align-items: center;
}
.comm-ai-hero-sec .ai-hero-wrapper .ai-hero-content-wrapper h3{
    font-family: "Inter", sans-serif;
    font-size: 70px;
    font-weight: 800;
    line-height: 85px;
     max-width: 834px;
    color: #EDE2FD;
    text-align: center;
}
.comm-ai-hero-sec .ai-hero-wrapper .ai-hero-content-wrapper p{
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    line-height: 30px;
    color: #FFF;
    max-width: 671px;
    text-align: center;
}
.comm-ai-hero-sec .ai-hero-wrapper .ai-hero-content-wrapper a.btn-theme-primary{
    background-color: #883AE1;
    font-family: "Inter", sans-serif;
    font-size: 25px;
    font-weight: 700;
    border-radius: 10px;
   width: calc(100% - 598px);
    align-self: center;
    padding: 20px 40px;
}
.comm-ai-hero-sec .ai-hero-wrapper .ai-hero-content-wrapper a img{
    right: 26px;
    position: absolute;
    top: 28px;
}
.comm-ai-hero-sec .ai-hero-sub-sec{
    display: flex;
    justify-content: center;
}
.comm-ai-hero-sec .ai-hero-sub-sec .ai-hero-sub-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    align-items: center;
}
.comm-ai-hero-sec .ai-hero-sub-sec .ai-hero-sub-wrapper .sub-sec-img{
    background-color: #67359C;
    width:58px;
    height: 58px;
    border-radius: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.comm-ai-hero-sec .ai-hero-sub-sec .ai-hero-sub-wrapper h4{
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
}
.comm-ai-hero-sec .ai-hero-sub-sec .ai-hero-sub-wrapper p{
    text-align: center;
    max-width: 321px;
    font-size: 18px;
    font-weight: 500;
    color: #ACB2BE;
}
.ai-hero-bar{
    background: linear-gradient(to right, #923AD0, #C63B7C);
    margin-top: 50px;
}
.ai-hero-bar .ai-hero-bar-wrapper{
    display: flex;
    justify-content: space-between;
    text-align: center;
    height: 106px;
    align-items: center;
}
.ai-hero-bar .ai-hero-bar-wrapper .bar-meta-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}
.ai-hero-bar .ai-hero-bar-wrapper .bar-meta-wrapper a{
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    font-weight: 700;
}
.ai-hero-bar .ai-hero-bar-wrapper .bar-meta-wrapper a.btn-theme-primary{
    background-color: #FFF;
    color: #B132A2;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    line-height: 30px;
    border: none;
    border-radius: 10px;
}
.ai-hero-bar .ai-hero-bar-wrapper .bar-meta-wrapper img.community-logo-img{
    max-width: 200px;
    height: 100%;
}
.mauticform_wrapper.join_movement_form { 
    padding: 50px;
    margin-top: 50px;
    box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 20px; 
}
/* About DEEP FUNDING SEC  */
.about-df-sec{
    padding: 110px 0 120px 0;
    background-color: #F7F9FA;
}
.about-df-sec .about-df-wrapper{
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}
.about-df-sec .about-df-wrapper .about-df-meta{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.about-df-sec .about-df-wrapper .about-df-meta h3{
    font-family: "Inter", sans-serif;
    font-size: 48px;
    line-height: 57px;
    font-weight: 800;
    color: #242424;
}
.about-df-sec .about-df-wrapper .about-df-meta .gradient-text {
  background: linear-gradient(to right, #893AE0, #C83A78); /* your colors */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.about-df-sec .about-df-wrapper .about-df-meta p{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
	font-family: "Inter", sans-serif;
  	text-align: center;
    max-width: 657px;
}
.about-df-sec .about-df-wrapper .about-df-video-wrapper{
    width: calc(100% - 405px);
    height: 600px;
    border-radius: 10px;
}
.about-df-sec .about-df-wrapper .about-df-video-wrapper iframe {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.about-df-sec .about-df-wrapper img.about-df-video{
    width: calc(100% - 405px);
    border-radius: 25px;
}
.about-df-sec .about-df-wrapper a.btn-theme-primary{
    background-color: #883AE1;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    color: #FFF;
}
.about-df-sec .about-df-wrapper a img{
    margin-left: 8px;

}

/* Community possible with Deepfunding */
.comm-possible-df{
    padding: 100px 0 100px 0;
    background-color: #FFF;
}
.comm-possible-df .comm-possible-wrapper .comm-possibility-meta{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 0 45px 0;
}
.comm-possible-df .comm-possible-wrapper .comm-possibility-meta h3{
    font-family: "Inter", sans-serif;
    font-size: 48px;
    line-height: 57px;
    font-weight: 800;
    color: #242424;
}
.comm-possible-df .comm-possible-wrapper .comm-possibility-meta .gradient-text {
  background: linear-gradient(to right, #893AE0, #C83A78); /* your colors */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.comm-possible-df .comm-possible-wrapper .comm-possibility-meta p{
    max-width: 694px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    color: #1F1F1F;
    font-weight: 500;
    line-height: 30px;
}
.comm-possible-df .comm-possibility-card-wrapper{
    padding: 0 0 70px 0;
}
.possibility-card{
    background: linear-gradient(to top right, #6225A8, #C73A7A);
    border: 1px solid #AF6EF9;
    border-radius: 15px;
    padding: 42px 0 42px 38px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.possibility-card .card-header {
    display: flex;
    justify-content: space-between;
    padding: 0 38px 0 0;
}
.possibility-card .card-header img{
    width: 115px;
    height: 115px;
    border-radius: 100px;
    border: 4px solid #F7F9FA;
}
.possibility-card .card-header .funded-amount-wrapper{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.possibility-card .card-header .funded-amount-wrapper h6{
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    font-family: "Inter", sans-serif;
    color: #FFF;
}
.possibility-card .card-header .funded-amount-wrapper h4{
    background-color: #ECE8F4;
    border-radius: 110px;
    border: 1px solid #AF6EF9;
    font-family: "Inter", sans-serif;
    color: #6224A7;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    height: 33px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.possibility-card .card-content-box{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 18px 0 0;
}
.possibility-card .card-content-box h3{
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-weight: 800;
    color: #FFF;
}
.possibility-card .card-content-box p{
    font-size: 16px;
    font-family: "Inter", sans-serif;
    line-height: 23px;
    font-weight: 500;
    color: #FFF;
}
.possibility-card .card-footer-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px 0 0;
}
.possibility-card .card-footer-wrapper .project-author-wrapper {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    max-width: 160px;
}
.possibility-card .card-footer-wrapper .project-author-wrapper img{
    width: 45px;
    height: 45px;
}
.possibility-card .card-footer-wrapper .project-author-wrapper .project-author-meta{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.possibility-card .card-footer-wrapper .project-author-wrapper .project-author-meta h6{
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #FFF;
}
.possibility-card .card-footer-wrapper .project-author-wrapper .project-author-meta p{
    margin: 0;
    font-size: 12px;
    font-weight: 300;
    color: #FFF;
}
.possibility-card .card-footer-wrapper a.btn-theme-primary{
    border: 1px solid #AF6EF9;
    background-color: #FFF;
    font-family: "Inter", sans-serif;
    border-radius: 10px;
    color: #883AE1;
    font-size: 16px;
    font-weight: 800;
}
.comm-possible-df a.imagine-idea-btn{
    border: 1px solid #883AE1;
    background-color: #FFF;
    font-family: "Inter", sans-serif;
    text-align: center;
    max-width: calc(100% - 814px);
    margin: 0 auto;
    color: #883AE1;
    border-radius: 10px;
    padding: 12px 24px;
    font-size: 25px;
    font-weight: 700;
}
.comm-possible-df img.imagine-arrow{
    margin-left: 15px;
}
/* Community FUNDING Section */
.comm-df-funding-sec{
    padding: 120px 0;
    background-color: #F7F9FA;
}
.comm-df-funding-sec .df-funding-head-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.comm-df-funding-sec .df-funding-head-wrapper .funding-icon-wrapper {
    background-color: #F1E8FD;
    border-radius: 100px;
    padding: 20px 29px;
    text-align: center;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.comm-df-funding-sec .df-funding-head-wrapper .funding-icon-wrapper img{
    margin-right: 10px;
}
.comm-df-funding-sec .df-funding-head-wrapper .funding-icon-wrapper span{
    color: #7429C6;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
}
.comm-df-funding-sec .df-funding-head-wrapper .funding-head-content-wrapper{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 40px;
    align-items: center;
}
.comm-df-funding-sec .df-funding-head-wrapper .funding-head-content-wrapper h3{
    font-size: 48px;
    font-weight: 800;
    text-align: center;
    font-family: "Inter", sans-serif;
    color: #242424;
}
.comm-df-funding-sec .df-funding-head-wrapper .funding-head-content-wrapper .funding-gradient-text{
    background: linear-gradient(90deg, #933AD0, #C73A7A);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.comm-df-funding-sec .df-funding-head-wrapper .funding-head-content-wrapper p{
    margin: 0;
    color: #4A4A4A;
    font-family: "Inter", sans-serif;
    text-align: center;
    max-width: 558px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
}
.funding-content-wrapper .funding-card-wrapper{
    position: relative;
    border-radius: 15px;
    box-shadow: 0px 1px 27px 1px rgba(0, 0, 0, 0.3);
    height: 600px;
    margin-bottom: 30px;
}
.funding-content-wrapper .funding-card-wrapper::after{
     content: "";
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, #340066, #3613581A);
    width: 100%;
    height: 335px;
    left: 0;
    border-radius: 0 0 15px 15px;
}
.funding-content-wrapper .funding-card-wrapper .funding-card-content-box{
    position: absolute;
    bottom: 39px;
    padding: 0 0 0 30px;
    gap: 30px;
    display: flex;
    width: 100%;
    flex-direction: column;
    z-index: 1;
}
.funding-content-wrapper .funding-card-wrapper .funding-card-content-box .funding-card-content-meta{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.funding-content-wrapper .funding-card-wrapper .funding-card-content-box .funding-card-content-meta h4 a{
    color: rgb(255, 255, 255);
    font-size: 35px;
    font-weight: 800;
    font-family: "Inter", sans-serif;
    line-height: 39px;
}
.funding-content-wrapper .funding-card-wrapper .funding-card-content-box .funding-card-content-meta h4{
    color: rgb(255, 255, 255);
    font-size: 35px;
    font-weight: 800;
    font-family: "Inter", sans-serif;
    line-height: 39px;
}
.funding-content-wrapper .funding-card-wrapper .funding-card-content-box .funding-card-content-meta p{
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    font-family: "Inter", sans-serif;
    color: rgb(223, 223, 223);
    max-width: 241px;
}
.funding-card-wrapper .funding-card-content-box .funding-currency-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 30px;
}
.funding-card-wrapper .funding-card-content-box .funding-currency-wrapper .funding-amount{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.funding-card-wrapper .funding-card-content-box .funding-currency-wrapper .funding-amount span{
    color: #FFF;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    line-height: 23px;
}
.funding-card-wrapper .funding-card-content-box .funding-currency-wrapper .funding-amount .funding-currency-symbol{
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.funding-card-wrapper .funding-card-content-box .funding-currency-wrapper .funding-amount .funding-currency-symbol img{
    max-width: 21px;
    max-height: 21px;
}
.funding-card-wrapper .funding-card-content-box .funding-currency-wrapper a.btn-theme-secondary{
    background-color: #A33AB4;
    border-radius: 10px;
    padding: 5px 21px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #FFF;
    border: none;
    font-weight: 500;
}
.funding-content-wrapper .funding-card-wrapper a.funding-project-status{
    position: absolute;
    top: 20px;
    right: 15px;
    background-color: #FFF;
    border-radius: 30px;
    font-family: "Inter", sans-serif;
    color: #A33AB4;
    font-size: 14px;
    padding: 3px 15px;
    text-align: center;
    line-height: 27px;
    font-weight: 700;
}
.funding-content-wrapper .funding-card-wrapper img{
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
    height: 100%;
}
.comm-df-funding-sec .explore-challenge-wrapper{
    background: linear-gradient(180deg, #4C1F7B, #14172E);
    height: 388px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    margin-top: 130px;
}
.comm-df-funding-sec .explore-challenge-wrapper .explore-challenge-content-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    max-width: 623px;
}
.comm-df-funding-sec .explore-challenge-wrapper .explore-challenge-content-box h3{
    font-size: 48px;
    font-weight: 800;
    font-family: "Inter", sans-serif;
    color: #FFF;
    line-height: 100%;
}
.comm-df-funding-sec .explore-challenge-wrapper .explore-challenge-content-box p{
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #EDE2FD;
}
.comm-df-funding-sec .explore-challenge-wrapper .explore-challenge-content-box a.btn-theme-primary{
    background: linear-gradient(90deg, #963ACC, #C63A7C);
    border: none;
    border-radius: 10px;
}

/* Community Register Section */
.comm-register-sec{
    background: linear-gradient(to right, #2B2D44, #5F3489, #5F3489, #60348B, #2F2D49);
    padding: 150px 0;
}
.comm-register-sec .row{
    align-items: center;
}
.comm-register-sec .comm-register-heading{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding-bottom: 70px;
}
.comm-register-sec .comm-register-heading h3{
    font-size: 48px;
    font-family: "Inter", sans-serif;
    font-weight: 800;
    color: #EDE2FD;
    line-height: 100%;
}
.comm-register-sec .comm-register-heading p{
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 25px;
    font-weight: 500;
    color: #EDE2FD;
    line-height: 35px;
}
.comm-register-sec .comm-register-form-wrapper .quick-register-form{
    border: 1px solid rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.15);
  	border-radius: 12px;
    position: relative;
}
.comm-register-sec .comm-register-form-wrapper .quick-register-form .form-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 32px;
}
.comm-register-sec .comm-register-form-wrapper .quick-register-form .form-title-wrapper{
   display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding: 79px 0 59px 0;
    max-width: 440px;
    text-align: center;
}
.comm-register-sec .comm-register-form-wrapper .quick-register-form .form-title-wrapper h3{
    font-size: 38px;
    font-family: "Inter", sans-serif;
    font-weight: 800;
    color: #EDE2FD;
}
.comm-register-sec .comm-register-form-wrapper .quick-register-form .form-title-wrapper p{
    margin: 0;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    line-height: 26px;
    color: #EDE2FD;
}
.comm-register-sec .comm-register-form-wrapper .quick-register-form .form-wrapper .field-box{
    display: flex;
    justify-content: center;
    align-items: center;
}
#mauticform_wrapper_ai4goodevent input{
    font-family: "Inter", sans-serif;
    background-color: #412D5F;
    color: #fff;
    border: 1px solid #AD6EEB;
	height: 50px;
  	margin-bottom: 30px;
}
#mauticform_wrapper_ai4goodevent label{
    margin: 0;
    font-size: 15px;
    line-height: 35px;
    font-weight: 500;
    color: #EDE2FD;
    font-family: "Inter", sans-serif;
}

#mauticform_wrapper_ai4goodevent input::placeholder {
    color: #EDE2FD8A;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    opacity: 1;
}
#mauticform_wrapper_ai4goodevent #mauticform_input_ai4goodevent_submit {
    background-color: #883AE1;
    color: #EDE2FD;
    font-family: "Inter", sans-serif;
    width:100%;
    border: none;
    margin-bottom: 50px;
    padding: 12px 24px;
    font-size: 18px;
	font-weight:500;
}
#mauticform_wrapper_ai4goodevent #mauticform_ai4goodevent_message{
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 15px;
    line-height: 35px;
    font-weight: 500;
    color: #EDE2FD;
    font-family: "Inter", sans-serif;
    align-items: center;
}
#mauticform_wrapper_ai4goodevent #mauticform_ai4goodevent_error{
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 15px;
    line-height: 35px;
    font-weight: 500;
    color: #EDE2FD;
    font-family: "Inter", sans-serif;
    align-items: center;
}
.comm-register-sec .comm-register-form-wrapper form .form-wrapper .field-box input.form-control:focus{
    color: #fff;
    box-shadow: unset;
    border: 1px solid #AD6EEB;
    background-color: #412D5F;
}
.comm-register-sec .comm-register-content-wrapper .register-meta-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 45px;
}
.comm-register-sec .comm-register-content-wrapper .register-meta-wrapper img{
    width: 40px;
    height: 40px;
}
.comm-register-sec .comm-register-content-wrapper .register-meta-wrapper .register-meta-title{
    display: flex;
    flex-direction: column;
}
.comm-register-sec .comm-register-content-wrapper .register-meta-wrapper .register-meta-title h3{
    font-size: 25px;
    font-weight: 800;
    color: #EDE2FD;
    font-family: "Inter", sans-serif;
}
.comm-register-sec .comm-register-content-wrapper .register-meta-wrapper .register-meta-title p{
    margin: 0;
    font-size: 15px;
    line-height: 35px;
    font-weight: 500;
    color: #EDE2FD;
    font-family: "Inter", sans-serif;
}

/* JOIN GLOBAL COMMUNITY  */
.comm-join-global{
    padding: 120px 0;
}
.comm-join-global .join-global-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 60px;
}
.comm-join-global .join-global-wrapper .global-meta-wrapper{
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
.comm-join-global .join-global-wrapper .global-meta-wrapper .global-icon-wrapper{
    background-color: #F1E8FD;
    border-radius: 100px;
    text-align: center;
    width: calc(100% - 406px);
}
.comm-join-global .join-global-wrapper .global-meta-wrapper .global-icon-wrapper span{
    font-size: 16px;
    font-weight: 600;
    color: #7429C6;
    line-height: 40px;
    font-family: "Inter", sans-serif;
}
.comm-join-global .join-global-wrapper .global-meta-wrapper h3{
    font-size: 48px;
    font-weight: 800;
    color: #242424;
    font-family: "Inter", sans-serif;
}
.comm-join-global .join-global-wrapper .global-meta-wrapper .global-gradient-text {
  background: linear-gradient(90deg, #933AD0, #C73A7A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.comm-join-global .join-global-wrapper p{
    margin: 0;
    max-width: 546px;
    text-align: center;
    color: #1F1F1F;
    font-family: "Inter", sans-serif;
    font-size: 16px;
	font-weight: 500;
}
.comm-join-global .global-content-wrapper .global-content-card-wrapper{
    border: 1px solid #DFD5ED;
    border-radius: 15px;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.16);
    background-color: rgb(255, 255, 255);
    padding: 52px 70px;
    position: relative;
}
.global-content-wrapper .global-content-card-wrapper .global-card-content-box{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 25px;
}
.global-content-wrapper .global-content-card-wrapper .global-card-content-box .card-img-wrapper{
   display: flex;
    justify-content: center;
    background: linear-gradient(90deg, #C53A7E, #933AD0);
    padding: 20px 22px;
    height: 80px;
    border-radius: 100px;
    align-items: center;
}
.global-content-wrapper .global-content-card-wrapper .global-card-content-box .card-content-meta-wrapper{
    display: flex;
    flex-direction: column;
    gap: 17px;
    align-items: center;
    justify-content: center;
}
.global-content-wrapper .global-content-card-wrapper .global-card-content-box .card-content-meta-wrapper h4{
    font-size: 25px;
    font-weight: 700;
    font-family: "Inter", sans-serif;
    color: #242424;
    line-height: 35px;
}
.global-content-wrapper .global-content-card-wrapper .global-card-content-box .card-content-meta-wrapper p{
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #4D5562;
    line-height: 25px;
    font-family: "Inter", sans-serif;
    text-align: center;
}
.global-content-wrapper .global-content-card-wrapper .global-card-content-box a.btn-theme-primary{
    background: linear-gradient(90deg, #C53A7E, #933AD0);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 800;
    border: none;
    border-radius: 10px;
    line-height: 21px;
}
.global-content-wrapper .global-content-card-wrapper .global-card-content-box a.btn-theme-secondary{
    border: 1px solid #B132A2;
    border-radius: 10px;
    color: #B132A2;
    font-size: 16px;
    padding: 12px 40px;
    line-height: 21px;
    font-family: "Inter", sans-serif;
    font-weight: 800;
}
.global-content-wrapper .global-content-card-wrapper .global-card-content-box a img{
    margin-left: 10px;
}
.global-content-wrapper .global-content-card-wrapper a.global-status{
    position: absolute;
    top: 32px;
    right: 32px;
    background-color: #E2FBE8;
    padding: 1px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    color: #3C7E44;
    text-align: center;
}








/* JOIN COMMUNITY  */

.join-ai-comm{
    background-color: #F7F9FA;
    padding: 120px 0;
}
.join-ai-comm .join-comm-container {
    background: linear-gradient(to right, #4C1F7B, #14172E);
    border-radius: 20px;
    height: 530px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.join-ai-comm .join-comm-container .row{
    align-items: center;
}
.join-ai-comm .join-comm-container .join-ai-content-wrapper{
    display: flex;
    flex-direction: column;
    gap: 30px;
	justify-content: left;
}
.join-ai-comm .join-comm-container .join-ai-content-wrapper .join-content-meta{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.join-ai-comm .join-comm-container .join-ai-content-wrapper .join-content-meta h3{
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-weight: 800;
    color: #EDE2FD;
    line-height: 38px;
}
.join-ai-comm .join-comm-container .join-ai-content-wrapper .join-content-meta p{
    margin: 0;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    line-height: 35px;
    font-weight: 500;
    max-width: 511px;
    color: #EDE2FD;
}
.join-ai-comm .join-comm-container .join-ai-content-wrapper .join-ai-btn-wrapper{
    display: flex;
    gap: 20px;
    justify-content: left;
}
.join-ai-comm .join-comm-container .join-ai-content-wrapper .join-ai-btn-wrapper a.btn-theme-primary{
    background-color: #883AE1;
    color: #FFF;
    border-radius: 10px;
}
.join-ai-comm .join-comm-container .join-ai-content-wrapper .join-ai-btn-wrapper a.btn-theme-secondary{
    border: 1px solid #EDE2FD;
    background: transparent;
    border-radius: 10px;
    color: #EDE2FD;
}




/*New Model*/
    #joinModal{
        margin-top: 82px;
    }
    #joinModal .modal-header {
      border: none;
      background: linear-gradient(135deg, #4B1F79, #1F193E);
      color: white;
      border-radius: 20px;
    padding: 30px 100px;
    }

    #joinModal .modal-header h5 {
      font-weight: bold;
      margin: 0;
      font-size: 41px;
    color: #EDE2FD;
    }
    #joinModal .modal-header p {
        color: #EDE2FD;
    }
   #joinModal .select2-container--default .select2-selection--single .select2-selection__rendered{
        color: #737373;
   }
    #joinModal .select2-container .select2-selection--single{
        background-color: #F3F3F3;
   }
    #joinModal .modal-body {
        padding: 50px;
        margin-top: 50px;
        box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.2);
        border-radius: 20px;
    }
    #joinModal .modal-body h5 {
        font-size: 30px;
		 font-weight: 800;
		 margin-bottom: 50px;
		 color: #232323;
		
    }
    #joinModal .modal-body input, #joinModal .modal-body select {
        background-color:#F3F3F3;
        border-color: #E4E4E4;
    }
    #joinModal .modal-body label {
      font-weight: 500;
      color: #1E1E1E;
    }
    #joinModal .modal-body label span {
        color: red;
    }

    #joinModal .modal-footer {
        padding: 30px 0;
        border-bottom: 1px solid #D4D4D4;
        margin-bottom: 30px;
        border-top: 0;
        border-radius: 0;
    }

    #joinModal .submit-btn {
        background: #883AE1;
        border: none;
        color: white;
        padding: 12px 130px;
        border-radius: 8px;
        font-weight: 500;
    }

    #joinModal .submit-btn:hover {
      background: #883AE1;
    }

    #joinModal .interest-group {
      margin-top: 4rem;
    }
    #joinModal .interest-group label.form-label {
        font-size: 24px;
        font-weight: 700;
    }

    footer.ai-footer {
      text-align: center;
      padding: 20px;
      background: #f1f1f1;
      margin-top: 40px;
    }
    .df-content {
        padding: 50px;
        border-radius: 20px;
    }
  
    #joinModal input::placeholder,
    #joinModal textarea::placeholder,
    #joinModal select::placeholder  {
        color: #737373; 
        opacity: 1;  
    }
    #joinModal .form-select {
        color: #737373; 
    }
    #joinModal input:focus, #joinModal select:focus {
        box-shadow: none;
        text-shadow: none;
        border: 1px solid #E4E4E4;
    }
    #joinModal .form-check-input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
    }
    #joinModal .footer-bottom {
        color: #818181;
        font-size: 12px;
    }
    #joinModal .footer-bottom a {
        color: #818181;
        text-decoration: underline;
    }
    @media (min-width: 1200px) {
        .modal-xl {
            --bs-modal-width: 940px;
        }
    }
     @media (max-width: 576px)
     {
        .df-content {
            padding: 20px;
        }
        #joinModal .modal-header h5 {
            font-size: 24px;
        }
        #joinModal .modal-header {
            padding: 10px;
        }
        #joinModal .modal-body {
            padding: 20px;
        }
    }
    @media (max-width: 991px)
     {
        .df-content {
            padding: 20px;
        }
        #joinModal .modal-header h5 {
            font-size: 24px;
        }
        #joinModal .modal-header {
            padding: 10px;
            margin-top: 35px;
        }
        #joinModal .modal-body {
            padding: 20px;
        }
    }
    .thanks-modal-body {
        padding: 50px;
    }
    .thanks-modal-body a {
        color:#883AE1;
    }
    .thanks-modal-body .thanks-msg {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-content: center;
        align-items: center;
        text-align: center;
    }
    #thanksModal .modal-header {
        padding: 0;
        border: none;
    }
    .thanks-modal-body .thanks-msg img {
        max-width: 120px;
        margin-bottom: 44px;
    }
    .thanks-modal-body .thanks-msg p {
        color:#242424;
    }
    .thanks-modal-body .thanks-msg a {
        font-size: 16px;
        font-weight: 600;
        text-decoration: underline;
    }

.ai-hero-bar {
  transition: all 0.3s ease-in-out;
  will-change: transform, top, box-shadow;
}

.ai-hero-bar.stuck {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* adds a subtle drop shadow */
  transform: translateY(-10px); /* optional: animate upward */
	margin: 0;

}

.ai-hero-bar.stuck.show {
  transform: translateY(0);
}


/* ==== global switcher toggler hover ===== */
.globalswitcher a:hover {
    border: 1px solid #9050E9;
    background: var(--Foundation-Indigo-I400, #6538A3);
}