@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Marcellus&display=swap");
body{
    overflow-x: hidden;
}
.grecaptcha-badge{
    display: none;
}
.ddip-logo{
    width: 130px;
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Marcellus", serif;
}
.fixed-top{
  background: #000;
}
#popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.slogan {
    font-size: 2rem;
    font-weight: 600;
    font-family: "Dancing Script", cursive;
    color: #ff0;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 0.2);
    margin: 15px 0;
}
section{
    overflow: hidden;
}
#popup.show {
    opacity: 1;
    visibility: visible;
}

.popup-content {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    width: 300px;
}

.hidden {
    display: none;
}
a{
    text-decoration: none !important;
}
h2{
    font-weight: 700;
    font-size: 38px;
}
ul{
    list-style: none;
}
.text-justify{
    text-align: justify;
}
#nav{
    transition: background 0.3s ease-in-out;
}
#navbar.scrolled {
    background: black !important;
}
.navbar-nav {
    justify-content: center;
}
.navbar-toggler{
    background: #fff;
}
.btn-menu {
    background: #CD2280;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    width: max-content;
    padding: 10px 30px;
    border-radius: 192px;
    font-size:18px;
}
.register-btn{
    border-radius: 192px;
    width: max-content;
    margin: 0 auto;
}
.register-btn:hover{
    color: #CD2280;
    border: 1px solid #CD2280;
}
.registered-btn{
    background: #480F9D;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    width: max-content;
    padding: 10px 30px;
    border-radius: 192px;
    font-size:18px;
}
.registered-btn:hover{
    background: transparent;
}
.registers-btn:hover{
    color: #fff;
    border: 1px solid #fff;
    border-radius: 192px;
}
.navbar-nav .nav-link {
    color: #fff;
    font-size: 21px;
    margin-right: 10px;
}
/* Header */
.hero-section {
    position: relative;
    height: 100vh;
    overflow: hidden;
    color: #fff;
    display: flex;
    align-items: center;
}
.hero-section img {
    position: absolute;
    top: 0;
    /*left: -2px;*/
    width: 100.8%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.text-section {
    z-index: 2;
    position: relative;
}
.text-section h1 {
    font-size: 3.8rem;
    font-weight: 700;
}
.text-section h2 {
    font-size: 1.7rem;
    margin: 10px 0;
    line-height: 50px;
}
.text-section .btn-primary {
    background-color: #28a745;
    border: none;
    padding: 10px 20px;
    font-size: 1rem;
}
.svg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/icons/header.svg);
    background-repeat: no-repeat;
    pointer-events: none;
    background-size: 65%;
}
.play-button {
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, rgb(72 15 157 / 80%) 0%, rgb(205 34 128 / 0.8) 100%);
    border: none;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
}
.play-button i {
    font-size: 2rem;
    color: #fff;
}
.play-button:before {
    animation: ripple 2s ease-out infinite;
    border: solid 2px #a2cdfc;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.play-button:after {
    animation: ripple 2s 1s ease-out infinite;
    border: solid 2px #48ff94;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
@keyframes ripple {
    0% {
        opacity: 0.8;
        transform: scale(0.5);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}
.video-btn {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.attendee-container {
    position: relative;
    background-color: white;
    border-radius: 50px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    align-items: center;
    z-index: 97;
}
.attendee-text {
    color: white;
    font-weight: bold;
    padding: 15px 20px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: #0db66d;
    clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
    text-align: center;
    font-size: 20px;
}
.attendees-card .card-image img {
    width: 50px;
}
.number-block {
    text-align: center;
}

.number {
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
}

.label {
    font-size: 0.8em;
    color: #777;
}

.agenda-text {
    color: white;
    font-weight: bold;
    padding: 15px 20px;
    border: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: #2d5cde;
    clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
    text-align: center;
    font-size: 20px;
}

.view-agenda {
    color: white;
    text-decoration: none;
}

.attendee {
    margin-top: -50px;
}
/*Highlights*/
#heighlights {
    margin-top: 6rem;
}
.section-heading {
    background: #CD2280;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    width: max-content;
    padding: 5px 23px;
    border-radius: 192px;
}
.marquees {
    position: relative;
    /* height: 41vh; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    /*margin-top: 4rem;*/
}
.marquee1 {
    width: 100%;
    position: relative;
    background: #480F9D;
    color: #fff;
}
/*.marquee1 {*/
    
/*}*/

/*.marquee1::after{*/
/*    left: 0px;*/
/*    right: 0px;*/
/*    top: 0px;*/
/*    bottom: 0px;*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: transparent;*/
/*    background-image: linear-gradient(180deg, #00000000 0%, #00000000 100%);*/
/*}*/
.marquee-wrap {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 10px 0;
}
.marquee-slide {
    display: flex;
    gap: 21px;
    align-items: center;
    transition: transform 0.1s linear;
    animation: marquee-scroll 120s linear infinite;
}
.marquee-txt {
    display: flex;
    flex-shrink: 0;
    white-space: nowrap;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    background-color: transparent;
    gap: 18px;
}
.marquee-txt h4 {
    font-size: 32px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    line-height: 1.2em;
    letter-spacing: -1px;
    background-clip: text;
}
.marquee-txt img {
    width: 30px;
}
/* Keyframes for the scrolling effect */
@keyframes marquee-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.marquee2 {
    width: 100%;
    position: relative;
    background: #CD2280; 
    color: #fff;
}
/*.marquee2::after {*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: transparent;*/
/*    background-image: linear-gradient(180deg, #00000000 0%, #00000000 100%);*/
/*}*/
.marquee-wrap2 {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 10px 0;
}
.marquee-slide2 {
    display: flex;
    gap: 21px;
    align-items: center;
    transition: transform 0.1s linear;
    animation: marquee-scroll2 70s linear infinite;
}
.marquee-txt2 {
    display: flex;
    flex-shrink: 0;
    white-space: nowrap;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    background-color: transparent;
    gap: 18px;
}
.marquee-txt2 h4 {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: -1px;
    background-clip: text;
}
.marquee-txt2 img {
    width: 30px;
}
/* Keyframes for Left to Right Scrolling */
@keyframes marquee-scroll2 {
    from {
        transform: translateX(-79%);
    }
    to {
        transform: translateX(0%);
    }
}
/* Invitation */
#about {
    margin-top: 4rem;
    padding: 3rem 0px;
    /* background: url("./Background.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover; */
}
.orbit {
    display: flex;
    justify-content: start;
    align-items: center;
}
.universe {
    position: relative;
    width: 450px;
    height: 450px;
}
.planet-card {
    position: absolute;
    width: 120px;
    height: 120px;
    background-color: #cd2280;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.95rem;
    color: #fff;
    padding: 10px;
    box-shadow: 0 0 15px rgb(0 0 0 / 0.5);
    transition: all 0.6s ease-in-out;
}
.planet-card span {
    display: block;
    font-weight: 700;
    font-size: 1.4rem;
}
.center-card {
    width: 180px !important;
    height: 180px !important;
    background-color: #480f9d !important;
    font-size: 1.5rem;
    z-index: 10;
    top: 50% !important;
    left: 50% !important;
    box-shadow: 0 0 40px rgb(72 15 157), 0 0 15px rgb(255 255 255 / 0.3);
    transform: translate(-50%, -50%) !important;
}
.planet1 {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.planet2 {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.planet3 {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.planet4 {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.invitition-wrap h2 {
    color: #480F9D;
}
#about .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.text-justify {
    text-align: justify;
}

.invitition-wrap {
    padding: 3rem 0px;
}

.invitition-wrap p {
    font-size: 18px;
}

#about .bg-image img {
    width: 100%;
    height: 100%;
}


#attends {
    padding: 3rem 0 1rem 0;
    /*background: linear-gradient(383deg, rgb(0 0 0 / 0.8), rgb(0 0 0 / 0.8)), url(../images/background/Attend-bg.webp);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 25px 0;
}
#attends h2 {
    color: #cd2280;
    margin-bottom: 25px;
}
.progress {
    height: 1.3rem !important;
}
.progress-levels p {
    text-align: left;
    color: #fff;
    font-size: 1.3rem;
}
.donut-container {
    position: relative;
    width: 240px;
    height: 240px;
    margin: auto;
}
.donut-chart {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(#cd2280 0% 80%, #f9d423 80% 85%, #480f9d 85% 100%);
}
.donut-hole {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.donut-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    z-index: 3;
}
.percent-label {
    position: absolute;
    font-size: 1.2rem;
    font-weight: 700;
    z-index: 3;
}
.label-80 {
    top: 55%;
    left: 50%;
    color: #1d2d2d;
    font-size: 1.7em;
}
.label-10a {
    top: 26%;
    left: 11%;
    color: #1d2d2d;
}
.label-10b {
    top: 16%;
    left: 31%;
    color: #1d2d2d;
}
.legend {
    margin-top: 30px;
}
.legend-item {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 1.3rem;
}
.legend-color {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
}
.legend-text {
    font-weight: 500;
}
.legend-color.pharma-biotech {
    background-color: #cd2280;
}
.legend-color.academia {
    background-color: #f9d423;
}
.legend-color.cro {
    background-color: #480f9d;
}
.vp {
    background-color: #480f9d !important;
}
.directors {
    background-color: #cd2280 !important;
}
.heads {
    background-color: #f9d423 !important;
}
.attend-card {
    background: #f8aad4;
    padding: 18px;
    font-weight: 700;
    font-size: 18px;
    margin: 8px;
    border-left: 6px solid;
}
.attends-stats:nth-child(odd) .attend-card {
    border-left-color: #480f9d;
}
.attends-stats:nth-child(even) .attend-card {
    border-left-color: #CD2280;
}
.attend-card p {
    margin-bottom: 0;
}
.learn-btn {
    background-color: #480F9D;
    color: #fff;
    font-size: 18px;
    padding: 4px 36px;
    font-weight: 500;
}
.learn-btn:hover{
    border: 1px solid #480F9D;
    color: #480F9D;
    background-color: transparent;
}
.invitation-info .info-cards.card {
    height: 16rem;
    padding: 3rem 7px;
    margin-top: 1rem;
    margin-bottom: 3rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border: none;
    border-radius: 40px;
}
.attendees-card:hover {
    box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px;
    /*box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;*/
}
.info-cards .card-image img {
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.info-cards:hover .card-image img {
    transform: scale(-1) rotate(180deg);
}
.info-cards .card-image {
    margin: 0 auto;
    margin-top: -100px;
    width: 90px;
    height: 90px;
    padding: 16px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
}

.info-cards .card-body {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
}

.invitation-info .col-md-6:nth-child(2) .info-cards,
.invitation-info .col-md-6:nth-child(4) .info-cards {
    margin-top: 3.5rem;
}

.activities {
    padding: 70px 0 50px 0;
    position: relative;
}
.activities h2 {
    color: #cd2280;
}
.activity-1 {
    position: absolute;
    top: 6px;
    right: 0;
    width: 106px;
}
.activity-2 {
    position: absolute;
    bottom: 47px;
    left: 37px;
    width: 110px;
}
.activities .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.activities .bg-image img{
    width: 100%;
    height: 100%;
}
.activities .skill-cards {
    height: 24rem;
    margin-top: 3rem;
    position: relative;
    z-index: 9;
    padding: 3rem 26px;
    margin-bottom: 3rem;
    box-shadow: rgb(50 50 93 / 0.25) 0 6px 12px -2px, rgb(0 0 0 / 0.3) 0 3px 7px -3px;
    border: none;
    border-radius: 40px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.skill-wrap:nth-child(1) .skill-cards {
    background-image: url(https://ik.imagekit.io/fvsjgrzsp/Scavenger%20Hunt.webp?updatedAt=1744797477461);
}
.skill-wrap:nth-child(2) .skill-cards {
    background-image: url("https://worldbigroup.com/drug-discovery-innovation-programme-us-2026/images/background/Snap & Share.webp");
}
.skill-wrap:nth-child(3) .skill-cards {
    background-image: url("https://worldbigroup.com/drug-discovery-innovation-programme-us-2026/images/background/Drinks Reception.webp");
}
.skill-wrap:nth-child(4) .skill-cards {
    background-image: url("https://worldbigroup.com/drug-discovery-innovation-programme-us-2026/images/background/One Question.webp");
}
.skill-wrap:nth-child(5) .skill-cards {
    background-image: url("https://worldbigroup.com/drug-discovery-innovation-programme-us-2026/images/background/Speed Networking.webp");
}
.skill-wrap:nth-child(even) .skill-cards {
    margin-top: 10rem;
}
.skill-cards .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.5rem;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: all 1s ease-out;
    overflow: hidden;
}
.skill-cards::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(181deg, transparent 0%, transparent 70%, #cd2280 100%);
    background-size: 200% 200%;
    background-position: bottom left;
    opacity: 0.8;
    z-index: -1;
    border-radius: 40px;
    transition: background-position 1s ease-in-out;
}
.skill-cards:hover::before {
    background-position: top right;
}
.skill-cards .overlay {
    top: 77%;
}
.skill-cards:hover .overlay {
    top: 0;
    background-color: rgb(0 0 0 / 0.6);
}
.skill-cards .overlay h4 {
    margin-bottom: 1.5rem;
    font-size: 1.3rem;
    font-weight: 700;
    z-index: 2;
    position: relative;
    transition: opacity 0.5s;
}
.skill-cards .overlay p {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.6s ease;
    font-size: 0.9rem;
    line-height: 1.4;
}
.skill-cards:hover .overlay p {
    opacity: 1;
    max-height: 300px;
}

/* Attendees */
#attends {
    padding: 3rem 0 1rem 0;
}
/*#attends h2 {*/
    /*font-size: 49px;*/
/*    color: #cd2280;*/
/*}*/
.attendees-card {
    height: 100%;
    padding: 17px 15px;
    border: 1px solid lightgray;
    border-radius: 15px;
}
.attendees-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 1rem 0 1rem;
    text-align: center;
}
.attendee-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #6D3DB3;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    opacity: 0.7;
    border-radius: 30px;
}
.attendees-card .card-image {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Speaekr */
#speakers {
    padding: 2rem 0;
}
.speaker-heading {
    padding: 12px 0 20px 0;
}
.speaker-heading h2, .speaker-heading .h2 {
    font-size: 35px;
    font-weight: 700;
    color: #CD2280;
}
.speaker-heading h3 {
    font-size: 26px;
}
#speakerSlider{
    display: none;
}
.speakers-wrap .speaker-cols:nth-child(odd) .speaker-img {
    background-color: #F8AAD4;
}
.speakers-wrap .speaker-cols:nth-child(even) .speaker-img {
    background-color: #BC8EFF;
}
.speakers .speaker-socail {
    position: absolute;
    z-index: 9;
    top: 91%;
    left: 43%;
    background: #007ab7;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all 1s ease-out;
}
.speakers:hover .speaker-socail {
    opacity: 1;
    animation: icons 1.5s linear infinite;
}
@keyframes icons {
    to {
        transform: scale(1);
    }
    from {
        transform: scale(1.1);
    }
}
.speakers .img-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    transition: all 1s ease-out;
}
.speakers .speaker-socail a {
    color: #fff;
    font-size: 25px;
}
.speaker-info {
    padding-top: 30px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    color: #000;
}
.speaker-info p{
    margin-bottom: .5rem;
}

/*Ticket Section*/
#tickets{
    padding: 2rem 0;
}
.section-title {
    /*font-size: 28px;*/
    font-weight: bold;
    color: #CD2280;
}
.section-description {
    font-size: 16px;
    color: #000;
    margin-bottom: 30px;
}
.features .feature-item {
    gap: 15px;
}
.feature-icon {
    width: 30px;
}
.feature-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.feature-description {
    font-size: 14px;
    color: #555;
}
.register-card {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    /*max-width: 400px;*/
    margin: auto;
}
.dinner-column {
    position: relative;
    background: url("../images/background/Networking Dinner.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
    z-index: 9;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.dinner-column:before {
    content: '';
    position: absolute;
    background-color: #CD2280;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 0;
    border-radius: 8px;
}
.dinner-content {
    padding: 20px 25px;
    position: relative;
     z-index: 9;    
}
.dinner-heading{
    color: #fff;
}
.dinner-heading h3 {
    font-size: 25px;
}
.ribbon-wrapper {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1; 
}
.ribbon {
    position: absolute;
    top: 25px;
    right: -25px;
    background-color: #CD2280;
    color: white;
    width: 150px;
    padding: 10px 0;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.register-card .card-body {
    padding: 30px;
}
.register-card .card-title {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #333;
}
.register-card .card-title .highlight {
    color: #480F9D;
    font-size: 28px;
}
.register-card .card-description {
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.6;
}
#contactForm .form-control,
#contactForm .form-select{
    border-radius: 0px;
    height: 45px;
    font-size: 14px;
    padding: 10px 15px;
    border: none;
    border-bottom: 1px solid #ddd;
}
.pricing-column {
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    z-index: -1;
}
.top-left-strip {
    position: absolute;
    top: -10px; 
    /*left: 25px;*/
    background-color: #00a86b; 
    color: white;
    padding: 5px 15px;
    z-index: 2; 
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.pricing-header {
    padding: 20px;
    text-align: center;
    color: white;
    position: relative;
}
.green{
    background-color: #00a86b; /* Green */
}
.blue{
    background-color: #3b5998; /* Blue */
}

.pricing-type {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.price-tag {
    font-size: 2em;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}
.price-tag span{
    display: block;
}
.days{
    font-size: 0.5em;
}

.package-heading{
    height: 7rem;
    padding: 15px;
    font-weight: bold;
}

.pricing-content {
    padding: 20px 0;
}

.pricing-content ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px;
}

.pricing-content li {
    padding: 8px 0 8px 15px;
    border-bottom: 1px solid #eee;
}

.pricing-content li:last-child {
    border-bottom: none;
}

.pricing-button {
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    color: white;
    text-align: center;
}
.green-button{
    background-color: #CD2280;
}
.blue-button{
    background-color: #480F9D;
}
.top-left-circle {
    position: absolute;
    top: -50px;
    right: 50px;
    padding: 15px;
    background-color: #2D5CDE;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 9px 28px, rgba(0, 0, 0, 0.22) 0px 7px 4px;
    color: white;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    z-index: 1;
    text-align: center;
    animation: blink-background .9s infinite, zoom-in 2.5s infinite;
}

@keyframes blink-background {
    0%, 100% {
        background-color: #CD2280;
    }
    50% {
        background-color: #480F9D;
    }
}

@keyframes zoom-in {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}

.top-left-circle .days {
    font-size: 0.9em; 
}

.top-left-circle .price {
    font-size: 1.4em;
}
.section-header{
    margin-bottom: 80px;
}
.section-header h2{
    color: #CD2280;
}
/*Brand Identity*/
#identity{
    padding: 2rem 0;
}
.brand-intro h2 {
    color: #CD2280;
}
.brand-intro .register-btn{
    margin: 0;
}
.brand-intro p{
    font-size: 19px;
}
.brand-infos .brand-imgs {
    display: flex;
    align-items: stretch;
}
.brand-infos .brand-pics {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.brand-infos .brand-pics img {
    object-fit: cover;
    /*object-fit: inherit;*/
    height: 100%;
    width: 100%;
    border-radius: 5px;
}
/* Gallery Section */
.gallery-heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.gallery-heading h2 {
    font-size: 50px;
    color: #CD2280;
}
.gallery-heading p {
    font-weight: 600;
    font-size: 20px;
}
.image-collage {
    padding: 2rem 0;
}

.collage {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.flip-card {
    width: 300px;
    height: 300px;
    perspective: 1000px;
}
.flip-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s;
}
.flip-card:hover .flip-inner {
    transform: rotateX(180deg);
}
.front, .back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    object-fit: cover;
    border-radius: 8px;
}
.back {
  transform: rotateX(180deg);
}
/* Testimonail Section */
.testimonial {
    background: linear-gradient(135deg, #f0f0f0, #e8e8e8); 
    position: relative;
    overflow: hidden;
    padding: 30px 0;
}
.testimonial-heading {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 10px;
}
.sub-heading {
    font-size: 16px;
}
.testimonial p.h2 {
    font-size: 125px;
    font-weight: 700;
    color: #cd2280;
    -webkit-text-fill-color: #cd2280;
    line-height: 1;
}
/*  Sponsor Section*/
.sponsor{
    padding: 0px 0 50px 0;
    border-radius: 0 0 40px 40px;
}
#sponsors h2,#sponsors h3 {
    color: #CD2280;
}
#sponsors .supporters-wrap{margin-bottom:10px}#sponsors .supporter-logo{padding:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;height:100px}.supporter{padding:10px;margin:0;background:#fff0;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:1px solid rgb(0 0 0 / .3);box-shadow:rgb(2 10 68 / .073) 0 -50px 36px -28px inset}#sponsors img{transition:all 0.4s ease-in-out;width:200px}.counter-section{color:#000;text-align:center;margin-top:-50px;z-index:9;position:relative}
/* Contact Section */
#contactForm{padding:2rem 0}#contactForm h2{font-size:35px}#contactForm h3{font-size:28px}#contactForm .sponsored p,#contactForm .speakered p{margin-bottom:0}#contactForm .sponsored img,#contactForm .speakered img{width:130px}#contactForm .form-control,#contactForm .form-select{border-radius:0;height:45px;font-size:14px;padding:10px 15px;border:none;border-bottom:1px solid #ddd;}.text-form{width:90%;margin:auto;padding-bottom:20px}
.quries-wrap img {
    width: 150px;
}
/*Footer Section*/
/*.footer-bg {*/
/*    background-color: black;*/
/*    padding: 30px 0px;*/
/*}*/
/*.footer-bg ul{*/
/*    padding-left: 0;*/
/*}*/
/*.footer-desc {*/
/*    font-size: 22px;*/
/*    margin-top: 20px;*/
/*    font-weight: bold;*/
/*    color: white;*/
/*}*/
/*.social-icon {*/
/*    gap: 10px;*/
/*    margin: 25px 0px 20px;*/
/*    text-align: center;*/
/*    display: flex;*/
/*}*/
/*.social-icon a {*/
/*    height: 38px;*/
/*    width: 38px;*/
/*    line-height: 38px;*/
/*    background-color: #4CC9F0;*/
/*    border-radius: 50%;*/
/*    font-size: 16px;*/
/*    color: #000;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);*/
/*}*/
/*.footer-title {*/
/*    color: #4CC9F0;*/
/*    font-size: 32px;*/
/*    font-weight: 700;*/
    /*margin-left: 90px;*/
/*}*/
/*.footer-menu {*/
/*    line-height: 35px;*/
    /*margin-left: 60px;*/
/*    color: white;*/
/*}*/
/*.footer-menu ul li{*/
/*    font-size: 19px;*/
/*}*/
/*.footer-menu a {*/
/*    color: white;*/
/*}*/
/*.footer-space {*/
/*    margin-right: 10px;*/
/*}*/
/*.footer-menu i {*/
/*    color: #4CC9F0;*/
/*}*/
.footer{
  padding: 30px 0;
  background: #000;
}
.our-moto {
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    color: white;
    margin-bottom: 0;
}
.footer ul{
  list-style: none;
  padding-left: 0;
}
.footer ul li a{
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
  color: #ffffff;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.footer a:hover{
  text-decoration: underline;
  color: #CD2280;
  transition: text-decoration 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.footer .footer-widget-social {
    gap: 10px;
    margin: 18px 0px 20px;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    border-top: none;
    padding-top: 0;
    text-align: center;
}
.footer .footer-widget-social a{
    height: 35px;
    width: 40px;
    line-height: 46px;
    border-radius: 50%;
    font-size: 22px;
    color: #ffffff;
    transition: all 1s ease-out;
}
.footer-heading{
    font-size: 32px;
    font-weight: 500;
    color: #fff;
}
.footer-menu {
    line-height: 35px;
    color: white;
}
.footer-menu ul li{
    font-size: 19px;
}

.footer .footer-copyright p {
  color: #919191;
}
.footer .footer-widget-social a:hover {
  transform: scale(1.3);
}
#schedule .section-header {
    margin-bottom: 40px;
}
#schedule .nav-tabs {
    text-align: center;
    margin: auto;
    display: block;
    border-bottom: 0;
    margin-bottom: 30px;
}
#schedule .nav-tabs li {
    display: inline-block;
    margin-bottom: 0;
}
#schedule .nav-tabs a {
    border: none;
    border-radius: 50px;
    font-weight: 600;
    background-color: #000;
    color: #fff;
    padding: 8px 100px;
    margin-top: 20px;
}
#schedule .nav-tabs a.active {
    background-color: #cd2280;
    color: #fff;
}
.agenda-time {
    background: #cd2280;
    color: #fff;
}

.roundtable {
    background: #cd2280;
    color: #fff;
    text-align: center;
    padding: 20px;
}

.agenda-time,
.agenda-detail,
.roundtable{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ptnr-slots {
    background-color: #FF647F !important;
}
.shrt-break,
.lunch,
.coffee {
    background-color: #f77f00 !important;
}
.activity {
    background: #430678;
}
.time-detail,
.agenda-detail {
    padding: 1.5rem;
}
.spk-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.spk-img .spk-img-wrap {
    width: 110px;
    height: 110px;
}
.spk-img-wrap img {
    width: 100%;
}
.agenda-page .modal.enquire-modal {
    display: none;
    position: fixed;
    padding-top: 70px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000000d1;
}
.agenda-page .enquire-modal .modal-content {
    position: relative;
    background-color: #fff0;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 1200px;
    border: none;
}
.agenda-page form .styled-input {
    padding: 15px;
    background: lightgray;
    border-radius: 15px;
}
.agenda-page .btn-closed {
    color: #fff !important;
    font-size: 26px;
    background-color: #fff0;
    border: none;
}
.agenda-page .main-btn {
    align-items: center;
    background-color: #CD2280;
    border: 2px solid #111;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 48px;
    line-height: 24px;
    max-width: 100%;
    padding: 0 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}
/*past-attendess section*/
#past-attendees {
    padding: 2rem 0;
}
.past-heading{
    color: #CD2280;
    text-align:center;
    font-weight: 600;
}

logo-slider {
    --image-size: 100px;
    /*border: 1px solid #575757;*/
    padding: 10px;
    overflow: hidden;
    max-width: auto;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
}
logo-slider:hover div {
    animation-play-state: paused;
}
logo-slider div {
    display: flex;
    position: relative;
    animation: marquee 100s linear infinite;
    justify-content: space-around;
    margin-top: 30px;
}
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-85%);
    }
}
logo-slider img {
    display: block;
    min-width: var(--image-size);
    height: var(--image-size);
    margin: 0 1vw;
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
/*logo-slider:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    background: linear-gradient(to right, white, rgba(255, 255, 255, 0) 80px, rgba(255, 255, 255, 0) calc(100% - 80px), white);*/
/*}*/
/* Venue Section */
#venue {
    padding: 3rem 0px;
    background-image: url("https://worldbigroup.com/dist/images/backgrounds/hero-img.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
}
#venue h2 {
    color: #CD2280;
}
.box {
    position: relative;
    width: 95%;
    height: 300px;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    animation-duration: 17s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    transition: all 2s ease;
}
.venue-inner-wrap .box:hover {
    transform: scale(1.1);
}
.venue-inner-wrap:nth-child(1) .box {
    background-image: url("../images/venue/san diego1.webp");
    animation-name: cycle1;
}
.venue-inner-wrap:nth-child(2) .box {
    background-image: url("../images/venue/san diego2.webp");
    animation-name: cycle2;
}
.venue-inner-wrap:nth-child(3) .box {
    background-image: url("../images/venue/san diego3.webp");
    animation-name: cycle3;
}
.venue-inner-wrap:nth-child(4) .box {
    background-image: url("../images/venue/san diego4.webp");
    animation-name: cycle4;
}
@keyframes cycle1 {
         0%, 100% { background-image: url("../images/venue/san diego1.webp"); }
         16.66% { background-image: url("../images/venue/san diego2.webp"); }
         33.33% { background-image: url("../images/venue/san diego3.webp"); }
         50% { background-image: url("../images/venue/san diego4.webp"); }
         66.66% { background-image: url("../images/venue/san diego5.webp"); }
         83.33% { background-image: url("../images/venue/san diego6.webp"); }
}

@keyframes cycle2 {
         0%, 100% { background-image: url("../images/venue/san diego2.webp"); }
         16.66% { background-image: url("../images/venue/san diego3.webp"); }
         33.33% { background-image: url("../images/venue/san diego4.webp"); }
         50% { background-image: url("../images/venue/san diego5.webp"); }
         66.66% { background-image: url("../images/venue/san diego6.webp"); }
         83.33% { background-image: url("../images/venue/san diego1.webp"); }
}

@keyframes cycle3 {
         0%, 100% { background-image: url("../images/venue/san diego3.webp"); }
         16.66% { background-image: url("../images/venue/san diego4.webp"); }
         33.33% { background-image: url("../images/venue/san diego5.webp"); }
         50% { background-image: url("../images/venue/san diego6.webp"); }
         66.66% { background-image: url("../images/venue/san diego1.webp"); }
         83.33% { background-image: url("../images/venue/san diego2.webp"); }
}

@keyframes cycle4 {
         0%, 100% { background-image: url("../images/venue/san diego4.webp"); }
         16.66% { background-image: url("../images/venue/san diego5.webp"); }
         33.33% { background-image: url("../images/venue/san diego6.webp"); }
         50% { background-image: url("../images/venue/san diego1.webp"); }
         66.66% { background-image: url("../images/venue/san diego2.webp"); }
         83.33% { background-image: url("../images/venue/san diego3.webp"); }
}
.medtech-sec{
        height: 400px;
    }
    .medtech-bg{
      background-image: url('../images/background/ddip_medtech.webp');
      background-size: cover;
    }
    .medtech-bg2{
      background-image: url('../images/background/dhai_medtech 2.webp');
      background-size: cover;
    }
    .medtech-details{
        background-image: linear-gradient( rgb(205 34 128 / 90%), rgb(205 34 128 / 90%)), url('../images/background/medtech-bg1.webp');
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 30px;
        color: white;
        mix-blend-mode: multiply;
    }
    .medtech-details h4{
        font-size: 35px;
    }
    .medtech-details p{
        font-size: 18px;
    }
.tree-section{background:#F9FFEB;position:relative;padding: 2rem 0;}.tree-section .bottom-right-image{position:absolute;bottom:25px;right:0;width:350px;height:auto;z-index:1}.tree-img{max-width:80%}.sec-details{color:#000;font-size:18px}.sec-details h3{font-weight:700;font-size:35px;margin-bottom:15px}.sec-details p{font-size:20px;line-height:1.5}
#venue h3{
    font-size: 25px;
}
/* Media Queries */
@media (max-width: 1399px) {
    .tree-section .bottom-right-image{width: 270px;}.sec-details p br{display: none;}
    .svg-overlay{
        background-size: contain;
    }
    .navbar-nav .nav-link{
        font-size: 15px;
    }
    .text-section h1{
        font-size: 3.0rem;
    }
    .dinner-heading h3{
        font-size: 21px;
    }
    .top-left-circle{
        top: -56px;
        right: 15px;
    }
    .flip-card{
        width: 250px;
        height: 250px;
    }
    .info-cards .card-body {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-menu ul li{
        font-size: 17px;
    }
    .social-icon {
        flex-wrap: wrap;
    }
    .invitation-info .info-cards.card {
        height: 15rem;
    }
    /*.brand-infos .brand-imgs:nth-child(2) img{*/
    /*    height: 187px;*/
    /*}*/
    /*.brand-infos .brand-imgs:nth-child(3) img{*/
    /*    height: 335px;*/
    /*}*/
    /*
            .info-cards .card-image {
                margin-top: -82px;
            }*/
}
@media (max-width: 1199px) {
    #venue h3{
        font-size: 20px;
    }
    h2{
        font-size: 36px;
    }
    .tree-section .bottom-right-image{right:-30px; width:230px;}
    .footer .footer-widget-social{
        flex-wrap: wrap;
    }
    .testimonial-heading br{
        display: none;
    }
    .top-left-circle {
        right: 30px;
    }
    .navbar-nav .nav-link {
        font-size: 12px;
        margin-right: 0;
    }
    .text-section h1 {
        font-size: 2.7rem;
    }
    .flip-card {
        width: 270px;
        height: 270px;
    }
    .invitation-info .info-cards.card {
        height: 16rem;
    }
    .footer-menu ul li{
        font-size: 19px;
    }
    .info-cards .card-image {
        margin-top: -82px;
    }

    .invitation-info .info-cards.card {
        height: 19rem;
    }
    .attendee-text {
        padding: 30px 20px;
    }
}
@media (max-width: 1057px) {
    .ddip-logo{
        width: 90px;
    }
}
@media (max-width: 992px){
    .sec-details h3{
        font-size: 28px;
    }
    .navbar{
        background: black;
    }
}
@media (max-width: 900px) {
    logo-slider {
      --image-size: 120px !important;
      --image-size: min(max(50px, 10vw), 100px);
    }
}
@media (max-width: 991px){
    .bottom-right-image{display:none}
    .attend-card p{
        font-size: 16px;
    }
    .ddip-logo{
        width: 130px;
    }
    .top-left-circle {
        right: 7px;
    }
    #venue h3 br{
        display: none;
    }
    .navbar-nav .nav-link {
        font-size: 21px;
    }
    .medtech-sec {
        height: 510px;
    }
    .invitation-info .info-cards.card{
        height: 17rem;
    }
    .info-cards .card-body{
        justify-content: center;
    }
    .navbar-collapse .register-btn{
        margin: initial;
    }
    .speakers .speaker-socail{
        top: 87%;
        left: 40%;
    }
    .svg-overlay{
        background-size: cover;
    }
    .video-wrap{
        display: none;
    }
    .brand-infos{
        margin-top: 20px;
    }
}
@media (min-width: 768px) {
    .agenda-time {
        text-align: center;
        padding: 0;
    }
}
@media (max-width: 768px) {
    .pricing-column {
        width: 100%;
        margin: 10px auto;
    }
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}
@media (max-width: 767px) {
    .activities .bg-image img{
        object-fit: cover;
    }
    .skill-wrap:nth-child(even) .skill-cards,
    .activities .skill-cards{
        margin-top: 1rem;
    }
    .supporters-wrap.row>*{
        width: 50%;
    }
    .footer .footer-widget-social{
        justify-content: start;
    }
    .speakers .speaker-socail {
        top: 89%;
        left: 45%;
    }
    .speaker-info{
        align-items: center;
        text-align: center;
    }
    #speakerRow{
        display: none;
    }
    #speakerSlider{
        display: block;
    }
    .flip-card {
        width: 245px;
        height: 245px;
    }
    .top-left-circle {
        top: -44px;
        right: 30px;
    }
    .attendee-text, .agenda-text{
        clip-path: none;
        border-radius: 10px 10px 0 0;
    }
    .navbar-toggler {
        background-color: #d7ceee;
        color: white;
    }
    .invitation-info .info-cards.card {
        height: auto;
    }

    .invitation-info .col-md-6:nth-child(2) .info-cards,
    .invitation-info .col-md-6:nth-child(4) .info-cards {
        margin-top: 1rem;
    }
    .ticket-wrap .position-relative{
        margin-bottom: 45px;
    }
    .attendee-text {
    padding: 15px 20px;
}
}
@media (max-width: 575px) {
    .activities .bg-image img {
        object-fit: initial;
    }
    .activity-2{
        left: 0;
    }
    .brand-infos .row>*{
        width: 50%;
    }
    .sponsor-wrap.row>* {
        width: 50%;
    }
    .attendee-img{
        margin-top: 20px;
    }
    .speaker-info{
        align-items: center;
        text-align: center;
    }
    .speakers .speaker-socail{
        top: 91%;
        left: 45%;
    }
    .invitation-info .row{
        width: 100%;
        margin: 0 auto;
    }
    .venue-wrap.row > * {
        width: 50%;
    }
    .flip-card {
        width: 238px;
        height: 238px;
    }
}
@media (max-width: 509px) {
    .flip-card {
        width: 210px;
    }
    .activity-2 {
    bottom: -2px;
}
}
@media (max-width: 478px){
    .text-section h1{
        font-size: 38px;
    }
    .text-section h2 {
        font-size: 25px;
    }
}
@media (max-width: 418px){
    .text-section h1{
        font-size: 30px;
    }
    .text-section h2 {
        font-size: 20px;
    }
}
@media (max-width: 457px) {
    .flip-card {
        width: 100%;
        height: 255px;
    }
}
@media (max-width: 440px) {
    #animation-wrap {
        display: none;
    }
}
@media (max-width: 400px){
    .testimonial p.h2{
        font-size: 90px;
    }
    .testimonial-heading{
        font-size: 28px;
    }
}
@media (max-width: 390px){
    #venue h3{
        font-size: 17px;
    }
    .top-left-circle{
        right: 10px;
    }
}
@media (max-width: 360px){
    .top-left-strip{
    font-size: 14px;
    }
    .top-left-circle{
    padding: 7px;
    }
    .section-heading{
        padding: 5px 10px;
        word-break: break-word;
    }
    .section-heading h2{
        font-size: 32px;
    }
    .medtech-sec{
        height :550px;
    }
}
@media (max-width: 345px){
    .text-section h1{
        font-size: 37px;
    }
}