section.component__home-intro.detailspage .container {
    padding-right: var(--container-right-padding);
}
 section.singlesliderbox  .partners__item-img {
    margin: 0 auto;
}
section.stats-section.icon-wrapper h3, section.stats-section.icon-wrapper p {
    max-width: 100%;
}
.nested-tab .tab-content-block .tab-content-wrapper {
    max-width: 100%;
}
section.component__partners.nosubtitle .wrap__head {
    margin-bottom: 10px !important;
}

section.component__partners.nosubtitle .partners__list-row .partners__list-wrap {
    margin-top: 20px;
}

section.component__partners.nosubtitle .partners__list-wrap .partners__list-head {
    display: none;
}
.nested-tab .tab-content-block .tab-content-wrapper {
    padding-bottom: 10px;
}

.nested-tab .tab-content-block .tab-content-wrapper p {
    padding-bottom: 10px;
    margin-bottom: 0;
}
.form-group.umbraco-forms-field.recaptcha.recaptcha2 label {
    display: none;
}
section.strategic-conferences-listing.ingo-section {
    background: #ebebeb;
    padding-top: 0;
}
.form-group.umbraco-forms-field.recaptcha.recaptcha2 span.field-validation-error {
    bottom: 0px !important;
    position: relative;
    border: none !important;
}
section.call-for-paper.exhibitorcentre.logosection .grid-block-item.col-three:last-child .directlinks img {
    background: none;
}
section.strategic-conferences-listing.ingo-section .strategic-head-details-top h3 {
    color: #000;
}

section.strategic-conferences-listing.ingo-section .strategic-head-wrapper.gradientwrap {
    -webkit-box-shadow: 3px -7px 50px 0 rgba(0, 44, 82, .05);
    box-shadow: 3px -7px 50px 0 rgba(0, 44, 82, .05);
        background: #fff;
}

section.strategic-conferences-listing.ingo-section .strategic-head-details p, section.strategic-conferences-listing.ingo-section .strategic-head-details ul li {
    color: #000;
}
.right-side-wrapper .link-wrapper {
    padding-left: 30px;
}
.our-events--row-left p {
    max-width: 100%;
    padding-bottom: 10px;
}
.thankyou-message p {
    padding-bottom: 10px;
    width: 100%;
    max-width: 100%;
}
section.thankyou-wrapper .col-left > p {
    padding-bottom: 10px;
}

.contact-dept.clearfix.col-md-12 {
    display: inline-block;
}
section.call-for-paper.exhibitorcentre .content-box p {
    margin-bottom: 10px;
}
section.stats-section.icon-wrapper img {
    max-width: 100px;
    padding: 10px 0;
}
section.component__brochure.join-our__section.exhibitorresource H2 {
    WIDTH: 100%;
    font-size: 48px;
    text-align: center;
}

section.banner__with-stats.dynamic-banner_spacing.layout-2.exhibitormiddlebanner .brochure__row--inner p {
    width: 100%;
    max-width: 100%;
}

section.component__brochure.join-our__section.exhibitorresource p {
    width: 100%;
}

.exhibitorresource.join-our__section .brochure__row--inner .btn__wrap {
    width: 100%;
    text-align: center;
}
section.strategic-conferences-listing.ingo-section .common-head h3 {
    max-width: 100%;
    text-align: center;
}
.exhibitormiddlebanner.banner__with-stats.layout-2 .banner__stats-image {
    right: 0;
}
section.banner__with-stats.dynamic-banner_spacing.layout-2.exhibitormiddlebanner {
    padding: 30px 0;
}
section.strategic-conferences-listing.ingo-section .common-head h3 {
    background: #041444;
    color: #fff;
    text-align: center;
    padding: 15px;
        margin-top: 0;
}
section.strategic-conferences-listing.ingo-section ul li {
    color: #fff;
}

section.strategic-conferences-listing.ingo-section ul {
    padding-bottom: 10px;
}
section.call-for-paper.exhibitorcentre.logosection .grid-block-item.col-three:last-child img {
    background: #041444;
    padding: 10px;
}
/*section.strategic-conferences-listing.ingo-section {*/
/*    padding-top: 0;*/
/*}*/
section.stats-section.icon-wrapper .common-head p {
    margin-bottom: 20px;
}
/*section.gec-banner-section.dynamic-banner_spacing.visitorreg.register-wrapper .gec-banner-wrapper {*/
/*    padding-top: 0;*/
/*}*/
section.component__home-intro.detailspage .intro-text {
    font-size: 18px;
    color: #000;
}
ul li>span.list-style:before {
    position: absolute;
    content: "";
    background: #17345c;
    width: 7px;
    height: 7px;
    left: 0;
    top: 7px;
}
ul.bullet-list li {
    position: relative;
    padding-left: 20px;
}
.grid-col-wrapper .grid-block-item.col-three .directlinks img {
    margin-bottom: 0 !important;
}
.category-list-wrapper ul li {
    width: 50%;
    float: left;
    padding: 5px;
}
.category-list-wrapper.showContent {
    opacity: 1;
}
.category-list-wrapper {
    display: flex;
    padding: 20px 0;
}
.category-list-wrapper.showContent .custom-tooltip {
    width: 100%;
    height: auto;
}

.category-list-wrapper ul li {
    width: 100%;
}
section.component__orbit {
    background: #f8f8f8;
}
.category-list-wrapper.showContent .custom-tooltip a.popupClick:hover {
    color: #777e90;
}

.category-list-wrapper.showContent .custom-tooltip a {
    transition: .5s ease all;
    font-size: 18px;
    padding: 5px 15px;
}

.category-list-wrapper-content {
    padding: 30px 0;
}
.category-list-wrapper.showContent .custom-tooltip a {
    padding: 5px 15px;
        text-transform: none;
        display:block;
        color: #000;
        
}
.category-list-wrapper ul li {
    padding: 0;
}

.category-list-wrapper.showContent .custom-tooltip {
    padding: 0;
}
.category-list-wrapper-content {
    display: flex;
    flex-wrap: wrap;
}

.category-list-wrapper.showContent {
    padding: 5px;
    margin: 5px;
}

.category-list-wrapper-content {
    padding: 30px 0;
}
/*section.gec-banner-section.dynamic-banner_spacing.visitorreg.register-wrapper.meecbanner .gec-banner-wrapper {*/
/*    padding-bottom: 50px;*/
/*}*/
section.gec-banner-section.dynamic-banner_spacing.visitorreg.register-wrapper.meecbanner .gec-details img {
    margin: 0 auto;
    max-width: 400px;
    padding-bottom: 15px;
}
.delreg-wrapper .gec-details p {
    max-width: 1000px;
    margin: auto;
    margin-top: 20px;
}
.formwithimage .brochure__row-outer {
    padding: 0 !important;
}

.component__brochure.formwithimage .brochure__row-left {
    width: 40%;
}

.component__brochure.formwithimage .brochure__row-right {
    width: 60%;
}
section.gec-banner-section.dynamic-banner_spacing.register-wrapper.delreg-wrapper .gec-banner-wrapper {
    padding-bottom: 20px;
}
/*section.gec-banner-section.dynamic-banner_spacing.register-wrapper .gec-banner-wrapper {*/
/*    padding-top: 0;*/
/*}*/

section.gec-banner-section.dynamic-banner_spacing.register-wrapper {
    background: url("../images/bg-1.jpg") center center / cover !important;
}
.accordion-card.active .accordion-content ul {
    padding: 10px 15px;
}

section.component__partners .partners__list-head-inr h6 {
    text-transform: none;
}
.header__menu:before {
    opacity: 0;
}

.thankyou-wrapper .col-left .container {
    padding: 0;
    width: 100%;
}

.thankyou-wrapper .two-col__wrapper--inner .col-left .row {
    display: block;
}

.thankyou-wrapper .two-col__wrapper--inner .col-left .row > div {
    width: 100%;
}

.thankyou-wrapper .two-col__wrapper--inner .col-left .row > div p {
    padding-bottom: 10px;
}
.strategic-head-details-top .btn--primary {
    margin: 0;
    margin-top: 10px;
}
section.gec-banner-section.dynamic-banner_spacing.register-wrapper.awards-wrapper .gec-banner-wrapper {
    padding-top: 0;
    padding-bottom: 40px;
}
div#popupContent a.btn--primary {
    margin-left: 0;
    padding: 10px 15px;
    margin-top: 10px;

}
.conference-pass .conference-pass__details .conference-pass__type {
    background: linear-gradient(136.55deg, #5f8de7 -17.16%, #002774 132.11%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px;
    letter-spacing: .02em;
    text-align: left;
}
section.component__whyattend {
    background: #f7f7f7;
}

section.component__testimonial.layout-1 {
    background: #fafbff;
}
.energy-dialogues .three-col-single {
    width: 25%;
}
.tab-popup .popup-flexi-content ul li {
    color: #777e90;
}
.swiper--partner.swiper-initialized:after, .swiper--partner.swiper-initialized:before{
    opacity:0;
}
.tab-popup .popup-flexi-content p strong {
    color: #777e90;
}
section.categories.awardscategories .category-accordion-content {
    padding: 40px;
}

section.categories.awardscategories .category-accordion-card::before {
    opacity: 0;
}

section.categories.awardscategories .category-accordion-head {
    padding: 40px;
}

/*section.categories.awardscategories .category-accordion-wrapper .accordion-btn a {*/
/*    margin: 0;*/
/*}*/
div#entryCriteriaData ul li {
    position: relative;
    padding-left: 20px;
}

div#entryCriteriaData ul li:before {
    position: absolute;
    content: "";
    background: #17345c;
    width: 7px;
    height: 7px;
    left: 0;
    top: 7px;
}

div#entryCriteriaData ul {
    padding-bottom: 15px;
}
section.categories.awardscategories .category-accordion-content p {
    color: #c2c2c2;
}
section.singlesliderbox .partners__list-head .partners__list-head-inr {
    padding-top: 0;
    padding-bottom: 5px;
}
.world-map .country .country-head-wrap{
        padding: 16px 16px 16px 24px;
}

section.singlesliderbox  .padding-wrapper {
    padding: 10px 0;
    margin-top: -190px;
        max-width: 1170px;
}

section.singlesliderbox  .supporter-wrapper {
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

section.singlesliderbox {
    overflow: visible;
    position: relative;
        padding-bottom: 50px;
         transform: translateY(100px);
  opacity: 0;
}

section.singlesliderbox .partners__list-head-inr {
    position: relative;
}

section.singlesliderbox .partners__list-head-inr:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #64f8e6 7.22%, #6390f6 102.73%);
    top: 10px;
    left: 0;
    opacity:0;
}

section.singlesliderbox .partners__list-head .partners__list-head-inr h6 {
    display: inline-block;
    padding-right: 10px;
    background: #fff;
    z-index: 99999999;
    position: relative;
    text-transform: none;
}
section.singlesliderbox .partners__item-img {
    margin: 0;
}
/*.bannerstats.statistics .statistics__col-wrap .statistics__col h4 {*/
/*    color: #000;*/
/*}*/

/*.bannerstats.statistics .statistics__col-wrap .statistics__col p {*/
/*    color: #000;*/
/*}*/
.conference-pass__purchase {
    margin-right: 0;
}

.conference-sub-pass_container .conference-pass__purchase {
    width: 100%;
}

.conference-pass__container.all-access .col-wrap {
    padding: 44px;
}

.conference-pass__container.all-access .conference-pass__purchase {
    background: none;
    padding-right: 0;
}
.conference-pass__container .col-wrap .col-left {
    z-index: 1;
}
.conference-pass__container .col-wrap {
    padding: 44px;
}
.banner__stats-head .btn__warp {
    margin-top: 20px;
}
section#brochure .brochure__row-left h4 > strong {
    display: block;
}

section#brochure .brochure__row-outer {
    padding: 40px;
}
.roundtablescategories .category-accordion-content p {
    color: #fff;
}
/*.category-accordion-content .left-side {*/
/*    max-width: 600px;*/
/*    width: 100%;*/
/*}*/
/*.category-accordion-content .right-side {*/
/*    width: calc(100% - 600px);*/
   

section.categories.youngadipeccategories .accordion-btn a:hover {
    background: #a5560c;
}
.banner {
   
}
section.component__home-intro {
    background: #f3f3f3;
}

section.component__speakers.buttonwithlink.instance-0 {
    background: #fafbff;
}

section.component__gallery-slider {
    background: #fafbff;
}

section.component__testimonial.layout-1.few-items {
    background: #fafbff;
}

.dmgfooter__col-icons ul li a img{
   -webkit-transition: all 1s ease;
    transition: all 1s ease; 
}
.banner__stats-head .btn__warp .btn--primary {
    margin-left: 0 !important;
}

.eventbrochure .brochure__row-outer {
    padding: 0 !important;
}
.marquee-slider-outerWrap .common-head {
   /* display: flex;
    justify-content: space-between;
    align-items: flex-end;*/
}

.banner-form .umbraco-forms-field.phonenumber {
    width: calc(50% - 16px);
}
.header__top-logo > h4 {
    font-size: 16px;
    text-align: center;
    padding-top: 5px;
    font-weight: 600;
    color: #041444;
}
.umbraco-forms-form {
    width: 100%
}

.umbraco-forms-form fieldset {
    border: 0
}

.umbraco-forms-form .umbraco-forms-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.umbraco-forms-form .umbraco-forms-field {
    width: calc(50% - 16px);
    margin: 0 8px
}
.umbraco-forms-field-wrapper {
    width: 100%;
    position: relative;
}
.umbraco-forms-container .form-group label {
    display: block;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    color: grey;
    cursor: text;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
    font-size: 14px;
    font-weight: 400;
    left: 15px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
    width: auto;
    margin-bottom: 0;
}
.umbraco-forms-field-wrapper input:focus+label, .umbraco-forms-field-wrapper select:focus+label, .umbraco-forms-field-wrapper textarea:focus+label {
    border: 0;
    font-size: 14px;
    left: 0;
    top: -15px;
    color: #fff;
}

.umbraco-forms-field-wrapper input:not(:placeholder-shown)+label, .umbraco-forms-field-wrapper textarea:not(:placeholder-shown)+label {
    /* font-size: 14px; */
    /* left: 11px; */
    /* top: -15px; */
    /* top: 50%; */
}

.umbraco-forms-field-wrapper input:not(:placeholder-shown)+label, .umbraco-forms-field-wrapper textarea:not(:placeholder-shown)+label {
    font-size: 14px;
    left: 0;
    top: -15px;
    color: #fff;
}

.umbraco-forms-field-wrapper textarea::-webkit-input-placeholder, .umbraco-forms-field-wrapper textbox::-webkit-input-placeholder {
    color: transparent
}

::-webkit-input-placeholder,::-webkit-textarea-placeholder {
    color: #fff !important;
}

:-moz-placeholder {
    color: #fff;
    opacity: 1
}

::-moz-placeholder {
    color: #fff;
    opacity: 1
}

:-ms-input-placeholder,:-ms-textarea-placeholder {
    color: #fff
}

.form-group.umbraco-forms-field {
    padding-bottom: 36px;
}
span.field-validation-error {
    padding: 0 15px;
    display: block;
    position: absolute;
    bottom: -25px;
    color: red;
}
.banner-form .umbraco-forms-field-wrapper input:focus ~ label,
.banner-form .umbraco-forms-field-wrapper select:focus ~ label,
.banner-form .umbraco-forms-field-wrapper textarea:focus ~ label {
    border: 0;
    font-size: 14px;
    left: 0;
    top: -15px;
    color: #777;
}
.banner-form .umbraco-forms-field-wrapper input:not(:placeholder-shown) ~ label,
.banner-form  .umbraco-forms-field-wrapper textarea:not(:placeholder-shown) ~ label {
    font-size: 14px;
    left: 0;
    color: #808080;
    top:-15px;
}
.banner-form span.field-validation-error > span {
    display: none !important;
    width: 100%;
    padding: 0 !important;
    left: 0;
    right: 0;
    border: 1px solid #f00 !important;
}

.banner-form span.field-validation-error {
    width: 100%;
    padding: 0 !important;
    left: 0px;
    right: 0px;
    border: 1px solid #f00 !important;
    height: 100%;
    z-index: 0;
        top: 0;
        pointer-events:none;
}

.banner-form .umbraco-forms-container .form-group label {
    width: 100%;
    display: block;
}
.form-group.umbraco-forms-field.privacypolicy.titleanddescription {
    width: 100%;
}
section.component__speakers.buttonwithlink .speaker__link a {
    padding: 10px 15px;
    margin:0;
}
.umbraco-forms-form.eventbrochure .form-group.umbraco-forms-field {
    padding-bottom: 10px;
}

section.component__speakers.buttonwithlink  .swipper__buttons {
    margin-right: 30px;
}

.wrap__head-withbutton a.btn--primary {
    padding: 10px 15px;
}
.umb-grid {
    padding-top: 30px;
}
.wrap__head-withbutton a.btn--primary {
    padding: 10px 15px;
}
/*section.marquee-slider .common-head h3 {*/
/*    margin-bottom: 0;*/
/*    line-height: 42px;*/
/*    padding-bottom: 15px;*/
/*}*/
.content-box p{
    opacity:1;
}
.three-col-tab-link h5{
    text-align:left;
}
.bullet-subtext {
    display: none;
}

section#brochure {
    background: #fafbff;
}

section.call-for-paper {
    background: #fafbff;
}

section.component__worldMap.world-map {
    background: #fafbff;
}
.strategicconfpasses.conference-sub-pass_container .two-col-wrapper .two-col {
    width: 33.33%;
}
.banner__with-stats.layout-3.formpage p {
    max-width: 100%;
}

section.marquee-slider.dmglogoslider {
    padding-bottom: 0;
}
section.component__partners.notoppadding {
    padding-top: 20px;
}
.min__speaker-block-outer h6 {
    margin-bottom: 20px;
}
.min__speaker-block-outer h6 {
    margin-bottom: 5px;
}
.speaker__row-container {
    padding-bottom: 0;
}
section#brochure {
    background: #fff;
}
.component__testimonial.few-items .testimonial__container {
    padding: 20px 30px 20px 30px;
}
.component__testimonial.few-items .testimonial__container {
    padding: 20px 30px 20px 30px;
}

.partners__list-wrap:first-child .partners__list-head .partners__list-head-inr {
    padding-top: 0;
    /*padding-bottom: 10px;*/
}

/*.partners__list-head .partners__list-head-inr {*/
/*    padding-top: 20px;*/
/*}*/
li.first-level.active> a:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    right: 0;
    height: 3px;
    background-color: #3bd4ae;
    -webkit-transition: width .25s cubic-bezier(.51,.18,0,.88) .1s;
    transition: width .25s cubic-bezier(.51,.18,0,.88) .1s;
}
.header__menu-list>li>a.active:After {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    right: 0;
    height: 3px;
    background-color: #3bd4ae;
    -webkit-transition: width .25s cubic-bezier(.51,.18,0,.88) .1s;
    transition: width .25s cubic-bezier(.51,.18,0,.88) .1s;
}
.scrolled .header__menu-list>li>a.active:after{
    content: "";
    position: absolute;
    bottom: -5px;
    width: 100%;
    display: block;
    right: 0;
    height: 3px;
    background-color: #3bd4ae;
    -webkit-transition: width .25s cubic-bezier(.51,.18,0,.88) .1s;
    transition: width .25s cubic-bezier(.51,.18,0,.88) .1s;
}
section.marquee-slider.topnocslider {
    padding-bottom: 20px;
}
section.marquee-slider.topnocslider .wrap__head-withbutton {
    margin-bottom: 0;
}
.header__top-logo h6 {
    font-size: 14px;
    text-align: center;
    margin: 5px 0 0;
    font-weight: 400;
    color: #041444;
}
section.our-events {
    padding-bottom: 30px;
}
.notoppadding {
    padding-top: 0;
}

.nobottompadding {
    padding-bottom: 0;
}
.header__menu-list>li.active > a {
    font-weight: 800 !important;
}
.header__menu-list>li.active  a {
    font-weight: 400;
}
.umbraco-forms-field-wrapper select.valid+label {
    font-size: 14px;
    left: 0;
    top: -15px;
    color:#fff;
}
.world-map .country-list{
    height:500px;
}
section.stats-section.nopadding {
    padding: 0 !important;
}

section.stats-section.nopadding h3 {
    margin: 0;
}

section.stats-section.nopadding .wrap__head {
    margin: 0;
}
.join-our__section .brochure__row-outer {
    max-width: 100%;
    padding: 60px 44px;
}

/*@media (min-width: 1241px) {*/
/*    .scrolled .header__menu-list>li>a {*/
/*        padding: 65px 0 10px 0;*/
/*        padding-bottom: 0;*/
/*    }*/
/*}*/

/*@media only screen and (max-width:1440px){*/
/*    .header__top-cta.desktop-only > a {*/
/*    min-width:auto !important;*/
    
/*}*/
    section.singlesliderbox .partners__list-head .partners__list-head-inr h6 {
    display: inline-block;
    padding-right: 10px;
    background: #fff;
    z-index: 99999999;
    position: relative;
    text-transform: none;
    font-weight: 400;
    color: #000;
}
    
    .banner__stats-head h2{
        font-size:2.5rem;
    }
   /* Statistics Section - Smaller with Less Top Margin */
.statistics.banner__statistics {
    margin-top: 2px; /* Reduced from original larger margin */
    padding: 4px 0;
}

.statistics__col-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.statistics__col {
    text-align: center;
    height: 64px;
    padding: 5px 10px;
}

.statistics__col h4 {
    font-size: 10px; /* Smaller than original */
    font-weight: 200;
    margin: 0 0 5px 0;
    background: linear-gradient(90deg, #31dbd5, #2170c0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 0.9;
}

.statistics__col p {
    font-size: 8px; /* Smaller text */
    line-height: 0.9;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 350;
}

/* Mobile Responsive */
@media only screen and (max-width: 768px) {
    .statistics.banner__statistics {
        margin-top: 6px; /* Even smaller margin on mobile */
        padding: 3px 0;
    }
    
    .statistics__col-wrap {
        gap: 20px;
    }
    
    .statistics__col {
        height: 8px;
        padding: 8px 12px;
    }
    
    .statistics__col h4 {
        font-size: 10px;
        margin-bottom: 2px;
    }
    
    .statistics__col p {
        font-size: 8px;
        line-height: 0.9;
    }
}

@media only screen and (max-width: 480px) {
    .statistics.banner__statistics {
        margin-top: 2px;
        padding: 2px 0;
    }
    
    .statistics__col-wrap {
        gap: 6px;
    }
    
    .statistics__col {
        height: 2px;
        padding: 2px 2px;
    }
    
    .statistics__col h4 {
        font-size: 5px;
    }
    
    .statistics__col p {
        font-size: 5px;
        height: 5px;
    }
}

/* Extra small devices */
@media only screen and (max-width: 360px) {
    .statistics__col-wrap {
        gap: 10px;
    }
    
    .statistics__col {
        padding: 4px 6px;
    }
    
    .statistics__col h4 {
        font-size: 10px;
    }
    
    .statistics__col p {
        font-size: 8px;
    }
}

/* Optional: Add subtle animation */
.statistics__col {
    transition: transform 0.3s ease;
}

.statistics__col:hover {
    transform: translateY(-2px);
}

.banner .banner__content .banner__content-date {
    margin-bottom: 10px;
}
.banner .banner__content .banner__content-date{
       margin-bottom: 10px; 
}
.banner{
   
}
.statistics {
   
}

/*Form Thankyou page style*/
.thankyou-wrapper .two-col__wrapper--inner .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    width: 100%;
}

.thankyou-wrapper .two-col__wrapper--inner .col-left {
    width: 100%;
    margin: 0;
    display: block;
    padding: 0;
}

.thankyou-wrapper .two-col__wrapper--inner .col-right {
    width: 100%;
    margin: 0;
    display: block;
    margin-left: 0;
    background: #e7e7e7;
    padding: 20px;
}

.thankyou-wrapper .two-col__wrapper--inner .row > div {
    width: 50%;
}

.thankyou-wrapper .col-md-12.followus.clearfix > div {
    display: inline-block;
    justify-content: center;
}

.thankyou-wrapper .contact-dept.clearfix.col-md-12 > div {
    width: calc(100% /2 - 10px);
    float: left;
    margin-right: 10px;
}

.thankyou-wrapper .col-md-12.followus.clearfix > div {
    display: flex;
    justify-content: center;
}

.thankyou-wrapper .col-md-12.followus.clearfix img {
    max-width: 75px;
    max-height: 75px;
}

.thankyou-wrapper .col-md-12.followus.clearfix {
    margin-bottom: 20px;
}

.thankyou-wrapper .contact-dept.clearfix.col-md-12 {
    padding: 0;
}

.thankyou-wrapper .contact-dept.clearfix.col-md-12 > div {
    padding: 0 5px;
}
.thankyou-wrapper .contact-dept.clearfix.col-md-12>div>P {
    background: none !important;
    text-align: center;
    color: #224693;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px;
    -webkit-box-shadow: 0 10px 20px -5px rgb(172 172 172);
    box-shadow: 0 1px 40px -19px rgb(172 172 172);
}

.thankyou-wrapper .contact-dept.clearfix.col-md-12>div>P strong {
    text-transform: none;
}
.thankyou-wrapper .contact-dept.clearfix.col-md-12>div>P strong a {
   display: block;
}
.strategic-head-details-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

.strategic-head-details-top {
    height: 90%;
}

.strategic-head-details > .btn--primary {
    width: auto;
    display: inline-block;
    max-width: 250px;
}



@media only screen and (max-width:1024px){
    .banner__stats-head .bullet-subtext {
    display: none !important;
}
.banner__with-stats.layout-2 .banner__stats-head {
        position: relative;
        z-index: 1;
        padding: 50px 22px 64px;
    }
.brochure__row-right .form-input .form-group {
    padding-bottom: 5px;
}
}

@media only screen and (min-width:768px){
      /*  .nested-tab .tab-cards__item .cards {
        display: block !important;
        border-top: 1px solid #ccc;
        border-bottom: none;
    }
    .nested-tab .tab-cards__item:last-child .cards {
    border-bottom: 1px solid #ccc;
}
.nested-tab .tab-cards__item:last-child{
    border-bottom:none;
}
.nested-tab .tab-cards__item:first-child {
    border-top: none;
}
.nested-tab .tab-cards__item{
        border-bottom: none;
}*/
}

@media only screen and (max-width:768px){
    .brochure__row-outer.gradientwrap {
    padding: 20px;
}
.energy-dialogues .three-col-single {
    width: 50%;
}
.brochure__row-outer.gradientwrap h2 {width: 100% !important;}

.brochure__row-outer.gradientwrap h3 {
    width: 100%;
    font-size:28px !important;
}

.brochure__row-outer.gradientwrap p {
    width: 100% !important;
}

.join-our__section .brochure__row--inner .btn--primary {
    margin-top: 20px;
}
    .join-our__section .brochure__row--inner h3 {
    width: 100%;
    font-size: 50px;
}
    section.gec-banner-section.dynamic-banner_spacing.visitorreg.register-wrapper.meecbanner .gec-details img {
    margin: 0 auto;
    max-width: 100% !important;
    padding-bottom: 15px;
}
    .component__brochure.cfpbrochure .brochure__row-left {
    width: 100%;
}

.component__brochure.cfpbrochure .brochure__row-right {
    width: 100%;
}
    .strategicconfpasses.conference-sub-pass_container .two-col-wrapper .two-col {
    width: 100%;
}
.conference-sub-pass_container .two-col-wrapper .two-col {
    width: 100%;
    padding: 12px;
}
.formwithimage .brochure__row-outer {
    padding: 0 !important;
}
.fiveinarow .partners__list-wrap .partners__list-block .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    position: relative;
}
.component__brochure.formwithimage .brochure__row-left {
    width: 100%;
}

.component__brochure.formwithimage .brochure__row-right {
    width: 100%;
}
    
}
@media (max-width: 575px) {
    .energy-dialogues .three-col-single {
    width: 100%;
}
    
    .news-wrapper > div {
    width: 100%;
}
    .wrap__head-withbutton {
    flex-wrap: wrap;
}
.strategic-head-details > .btn--primary {
    width: auto;
    display: inline-block;
    max-width: 180px;
    padding: 15px 10px;
}
.wrap__head-withbutton a.btn--primary {
    margin-left: 0;
}
    .fiveinarow .partners__list-wrap .partners__list-block .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    position: relative;
}
    .umbraco-forms-form .umbraco-forms-field {
        width:calc(100% - 16px);
        margin: 0 8px 20px
    }
}
@media only screen and (max-width:480px){

    
}
.image-left{
    float: left;
display: inline-block;
margin: 5px 15px 10px 0;
}
.image-center{
    display:block;
text-align:center;
}
.image-right{
    float: right;
display: inline-block;
margin: 5px 0 5px 15px;
}

.thankyou-message  p {
    margin-left: 0;
    font-size: 16px;
    color: #fff;
}
.fiveinarow .partners__list-wrap .partners__list-block .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: relative;
}
.filter-input::placeholder {
    color: #000 !important;
}
 .hidden {
     display: none;
    }
section.gec-banner-section.dynamic-banner_spacing.fullwidthtext .gec-details p {
    max-width: 100%;
}


.component__sessions-schedule .agenda-body p:nth-child(2) .grey-background {
    padding-bottom: 0;
    margin-top:10px;
}

.component__sessions-schedule .agenda-body p:nth-child(3) .grey-background {
    padding-top: 0;
}

.component__sessions-schedule .agenda-body p:last-child .grey-background {
    padding-top: 5px;
}

.component__sessions-schedule .agenda-body p:nth-last-child(2) .grey-background {
    padding-top: 15px;
    padding-bottom: 0;
}

.component__sessions-schedule .agenda-body p:nth-last-child(2) {
    margin-top: 15px !important;
    display: block;
    padding-bottom: 0;
}
.component__sessions-schedule .agenda-body p {
    padding-bottom: 10px;
    display:block;
}
@media only screen and (max-width:768px){
    .thankyou-wrapper .two-col__wrapper--inner .row {
    display: block;
}

.thankyou-wrapper .two-col__wrapper--inner .row > div {
    width: 100%;
}

.thankyou-wrapper .contact-dept.clearfix.col-md-12 > div {
    width: 100%;
}
.thankyou-wrapper .col-md-12.followus.clearfix img {
    max-width: 60px;
    max-height: 60px;
}
.banner-form .umbraco-forms-field.phonenumber {
    width: 100%;
}

.form-group.umbraco-forms-field {
    padding-bottom: 10px;
}
}
.executive-committee .min__speaker-block {
    width: calc(50% - 24px);
}

.executive-committee .min__speaker-img img {
    max-width: 150px;
    min-width: 150px;
}

.executive-committee .min__speaker-block-outer h6 {
    font-size: 2rem;
    margin-bottom: 25px;
    text-transform: none;
}
.executive-committee .min__speaker-block-outer .min__speaker-content h6 {
    margin-bottom: 0!important;
}
.executive-committee .speaker__head {
    display: none;
}
@media only screen and (max-width: 668px) {
    .executive-committee .min__speaker-block {
        width: 100%;
    }
}
.banner__p-category .banner__content .banner__logo {
    max-width: 150px!important;
}

section.ya-submenu.quicklinks {
    padding: 0px 0;
    background: #f27f14;
    position: sticky;
    top: 120px;
    z-index: 999;
}

.animate-text-ai{
    font-size: 2.125rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#31dbd5), color-stop(0, #2170c0), color-stop(0, #bbceee));
    background-image: linear-gradient(90deg, #31dbd5 0, #2170c0 0, #bbceee 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.intro-text_1_ai{
    background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(0, #bbceee));
    background-image: linear-gradient(90deg, #000 0, #bbceee 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.ai-innovation-sessions-banner {
    margin: 25px auto 0px;
}
.ai-innovation-sessions .grey-background  {
    padding-bottom: 7px;
}
.ai-innovation-sessions .grey-background strong {
    display: block;
}
span.gallery__title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    padding: 5px 14px 13px;
    color: #ffff;
    text-align: center;
}
.gallery__carousel a .gallery__carousel-icon {
    background-image: linear-gradient(#00000000, #080808);
}
.btn__block-wrapp a {
    width: 100%;
}
.btn__block-wrapp a.highlight__btn:hover {
    color: #fff;
}
.btn__block-wrapp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.btn__block-wrapp a.highlight__btn {
    background-color: #026;
    border-color: #026;
    color: #fff;
}


@media screen and (max-width: 992px) {  
.btn__block-wrapp {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 400px) {  
.btn__block-wrapp {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* custom.css - Consolidated styles for Algeria Energy & Entrepreneurship Conference */

/* Header Styles */
.header.main_header {
    padding-top: 15px;
}

.scrolled .header {
    padding-top: 0 !important;
}

.header__menu-list .nav-head-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 9999;
}

.header__menu-list .nav-head-btn-wrap a {
    margin-right: 20px;
}

.nav-head-btn-wrap .highlighted-menu {
    position: absolute;
    right: 0;
    z-index: 999999999;
    border: 2px solid #3bd4ae;
    padding: 5px 15px;
    text-transform: none;
    margin-right: 0 !important;
    border-radius: 4px;
    bottom: 5px;
    background: #3bd4ae;
    color: #fff;
    transition: .5s ease all;
}

.nav-head-btn-wrap .highlighted-menu img {
    display: none;
}

.nav-head-btn-wrap .highlighted-menu:hover {
    background: none;
    color: #3bd4ae;
}

.header__menu-list .nav-head-btn-wrap > a:nth-child(3),
ul.header__menu-list > li:first-child .nav-head-btn-wrap > a:nth-child(2),
.header__menu-list .nav-head-btn-wrap > a:nth-child(2) {
    background: #3bd4ae;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    float: right;
    right: 0;
    margin-right: 0;
    top: -3px;
}

.header__menu-list .nav-head-btn-wrap > a:nth-child(3) img,
ul.header__menu-list > li:first-child .nav-head-btn-wrap > a:nth-child(2) img {
    display: none;
}

ul.header__menu-list > li:last-child {
    display: none;
}

@media only screen and (max-width: 1200px) {
    ul.header__menu-list > li:last-child {
        display: block;
    }
}

@media only screen and (max-width: 1440px) {
    .megamenu .megamenu__menu-list {
        padding: 15px 20px 56px 100px;
    }
    
    .megamenu .megamenu__header {
        padding: 15px 100px 15px 100px;
    }
}

/* Banner Styles */
.banner.bg__banner-module.layout-1 .statistics {
    z-index: 9;
    position: relative;
}

.bg__banner-module .animated__text span {
    color: rgba(255, 255, 255, .5) !important;
}

.bg__banner-module .bg__banner-wrapp .bg__banner-content .btn--gradient:last-child {
    background: #4C6DA6;
    color: #fff;
}

.bg__banner-module .bg__banner-wrapp .bg__banner-content .btn--gradient:last-child:hover {
    background: #fff;
    color: #000;
}

a.btn--primary.header_cta {
    background: linear-gradient(90deg, #00c6c3, #b8f7ba) !important;
    background-color: #18988b !important;
}

a.btn--primary.header_cta:hover {
    background-color: transparent !important;
    color: #000 !important;
    background: none !important;
}

.header__top-cta a.btn--secondary {
    background-color: #4C6DA6;
    color: #fff;
    border-color: #4C6DA6;
}

.bg__banner-module .bg__banner-wrapp .bg__banner-content .btn--gradient:hover {
    color: #000;
}

/* Banner Info Styles */
.banner-info-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 25px;
    flex-wrap: wrap;
    width: 100%;
}

.banner-info {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.banner-info img {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.animated__text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 20px 0;
}

/* Mobile Responsive Styles */
@media only screen and (max-width: 768px) {
    header.main_header {
        margin-bottom: 135px;
    }
    
    section.banner.bg__banner-module.layout-1 {
        padding-top: 50px;
    }
    
    header.main_header {
        padding-top: 20px !important;
    }
    
    .banner-info-wrapper {
        gap: 30px;
        margin-bottom: 10px;
    }
    
    .banner-info {
        font-size: 12px;
        gap: 6px;
        padding: 15px 0;
    }
    
    .banner-info img {
        width: 14px;
        height: 14px;
    }
    
    .animated__text {
        margin: 10px 0;
        padding: 0 10px;
        font-size: 1.3rem;
    }
    
    .bg__banner-content .btn--gradient {
        margin: 5px;
        padding: 8px 16px;
        font-size: 14px;
    }
    
    .statistics.banner__statistics {
        margin-top: 9px;
    }
    
    .statistics__col h4 {
        font-size: 16px !important;
    }
    
    .statistics__col p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    header.main_header {
        margin-bottom: 20px;
    }
}

/* Home Intro Styles */
.component__home-intro .col-wrapper .col-right {
    width: 100%;
    position: relative;
    padding-left: 40px;
}

.component__home-intro .col-wrapper .col-left {
    width: 50%;
}

@media only screen and (max-width: 1024px) {
    .full-body-row .component__home-intro .col-wrapper .col-left {
        width: 100%;
    }
}

/* Layout Styles */
section.full-body-row.full-body-layout-two {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0 !important;
    padding-bottom: 0;
}

.full-body-row .left-body-col {
    width: 70%;
}

.full-body-row .right-body-col {
    width: 30%;
}

.full-body-row .right-body-col .component__partners.layout-2 .partners__list-wrap {
    width: 100%;
    margin-bottom: 20px;
}

.full-body-row .right-body-col .component__partners.layout-2 .partners__list-row {
    display: block;
}

.full-body-row .right-body-col .partners__list-head {
    display: block !important;
    margin-bottom: 10px;
}

.full-body-row .dummy-wrapper {
    width: 100%;
}

.full-body-row section.component__whyattend {
    width: 100%;
}

.full-body-row .whyattend__row .whyattend-col {
    width: calc(100% / 3 - 12px);
    border-radius: 3px;
    transition: all .4s ease;
    overflow: hidden;
    margin: 6px;
    padding: 33px;
    background-color: var(--clr-grey-200);
    color: var(--text-color);
    height: auto;
}

.full-body-row .strategic-head-wrapper {
    background: none;
}

.full-body-row .strategic-head-row {
    padding: 0;
}

.full-body-row section.strategic-conferences-listing {
    background: linear-gradient(90deg, rgb(6, 69, 67) 0%, rgb(6, 57, 107) 40%, rgb(38 71 105) 100%, rgb(9 38 87) 0%) !important;
    height: 450px;
 border-radius: 0 0 130px 130px;
}

.full-body-row .strategic-head-row {
    background: linear-gradient(90deg, rgb(3, 116, 112) 0%, rgb(10 74 139) 40%, rgb(38 71 105) 100%, rgb(9 38 87) 0%) !important;
    padding: 0 !important;
}

.full-body-row section.component__testimonial .common-head h3 {
    color: #000;
    max-width: 100%;
}

.whyattend__row .whyattend-col.content-col {
    background: transparent;
}

.full-body-row section.component__testimonial.layout-1 {
    width: 100%;
}

.full-body-row .right-body-col .right-sponsors.three-col-tab-left .partners__list-row {
    margin-bottom: 30px;
}

/* Responsive Layout */
@media only screen and (max-width: 1440px) {
    .full-body-row .right-body-col {
        width: 25%;
    }
    
    .full-body-row .left-body-col {
        width: 75%;
    }
    
    .full-body-row .right-body-col .partners__list-row .partners__list-wrap:last-child {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .full-body-row .right-body-col {
        width: 100%;
    }
    
    .full-body-row .left-body-col {
        width: 100%;
    }
    
    .full-body-row .right-body-col .right-sponsors.three-col-tab-left .partners__list-row {
        display: flex;
        flex-wrap: wrap;
        margin: 0px -15px;
    }
    
    .full-body-row .right-body-col .right-sponsors.three-col-tab-left .partners__list-row .partners__list-wrap {
        width: calc(100% / 3 - 30px);
        margin: 15px;
    }
    
    .full-body-row .container {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .full-body-row .whyattend__row .whyattend-col {
        width: calc(100% / 2 - 12px);
    }
    
    .full-body-row .whyattend__row .whyattend-col:last-child {
        width: calc(100% - 12px);
    }
}

@media only screen and (max-width: 767px) {
    .full-body-row .right-body-col .right-sponsors.three-col-tab-left {
        display: none;
    }
    
    .onlyformob {
        display: block !important;
        width: 100%;
    }
    
    .full-body-row .whyattend__row .whyattend-col {
        width: 100%;
        margin: 0;
        padding: 32px;
    }
    
    .full-body-row .right-body-col .right-sponsors.three-col-tab-left .partners__list-row .partners__list-wrap {
        width: calc(100% / 2 - 30px);
    }
}

@media only screen and (max-width: 450px) {
    .full-body-row .right-body-col .right-sponsors.three-col-tab-left .partners__list-row .partners__list-wrap {
        width: calc(100% - 30px);
    }
}

/* Sponsor Styles */
.right-sponsors.three-col-tab-left {
    height: 100%;
    width: auto;
}

.partners__list-head-inr {
    text-align: center;
}

.partners__item-img {
    margin: 0 auto;
}

.partners__list-head h6 {
    text-transform: none !important;
}

.partners__item .gradient-border {
    opacity: 1;
    background: #fff;
}

.partners__item {
    border: 1px solid #ebebea !important;
}

/* Animation Styles */
span.blink.blink-infinite {
    color: red;
    font-style: italic;
    font-size: 14px;
}

.blink-infinite {
    animation-iteration-count: infinite;
}

.blink {
    animation-name: blink;
    animation-timing-function: linear;
    animation-duration: 2s;
}

@keyframes blink {
    50% {
        opacity: 0
    }
}

/* Footer Styles */
.footer__col.footer__col-sociallinks ul.contact-details {
    display: block;
    padding-bottom: 15px;
    
}

.footer__col.footer__col-sociallinks ul.contact-details li a {
    border: none;
    display: inline;
    color: #3bd4ae;
    font-weight: 400;
}

.footer__col.footer__col-sociallinks ul.contact-details li {
    color: #fff;
    padding-bottom: 10px;
    font-weight: 400;
}

.footer__col.footer__col-contact > h6 {
    color: #ffffff66;
    text-align: left;
}

.footer__col.footer__col-links ul {
    display: block;
}

.footer__col-links ul li::after {
    opacity: 0;
}

.footer__col-links ul li a {
    font-size: 20px !important;
    padding-bottom: 10px !important;
    display: block;
}

.footer__col-contact-block {
    line-height: 24px;
}

.footer__col-sociallinks ul li a:hover {
    background: none;
}

@media only screen and (max-width: 768px) {
    .footer__col-links ul li a {
        font-size: 14px !important;
        padding-bottom: 0 !important;
    }

    .footer__col-links ul li {
        margin-bottom: 0;
    }
}

/* Utility Classes */
.hide {
    display: none;
}

.onlyformob {
    display: none;
}

@media only screen and (min-width: 768px) {
    .onlyformob {
        display: none !important;
    }
}


   .marquee-slider-outerWrap .common-head h3 {
    max-width: 100%;
}
section.component__partners.notoppadding{
padding-top:40px;
}
section.ad-banner-wrapper {
    margin-top: 0;
}
.daily__brochure-row .daily__brochure-col {
width:100% !important;
    
}
.agenda_three-row .agenda_three-col:nth-child(11) {
    display: none !important;
   
}
.video-gallery-sub-head.column-header> h5 {
    display: none;
}
section.gallery__carousel-module {
    padding-top: 30px;
}
section.social-wall {
    padding-bottom: 20px;
}
@media only screen and (max-width:640px){
.agenda__to-live .agenda__to-now {
    font-size: 24px;
}
}
@media only screen and (max-width:499px){
.speaker-slider-homepage .swiper-slide{
width: calc(100% / 1 - 10px) !important;
}
}

.btn__block-wrapp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 20px;
}
section.btn__block {
    padding-top: 0;
}
.marquee-slider-outerWrap .common-head h3 {
    max-width: 100%;
}
section.ad-banner-wrapper {
    margin-top: 0;
}
.daily__brochure-row .daily__brochure-col {
width:100% !important;
    
}
.agenda_three-row .agenda_three-col:nth-child(11) {
    display: none !important;
   
}
.video-gallery-sub-head.column-header> h5 {
    display: none;
}
section.gallery__carousel-module {
    padding-top: 30px;
}
section.social-wall {
    padding-bottom: 20px;
}
.banner .banner__content .banner__content-text h1.smallfontcase.secondline {
    font-size: 2rem;
}
@media only screen and (min-width:1381px){
.banner .banner__content .banner__content-text h1 .content__container__list {
   /* height: 30px !important;*/
}
}
@media only screen and (max-width:1380px){
.banner .banner__content .banner__content-text h1 .content__container__list {
  /*  height: 27px !important;*/
}
}
@media only screen and (max-width:1440px) and (min-width:1024px){
.min__speaker-block-outer h6 {
    margin-bottom: 5px;
    font-size: 15px;
}
.partners__list-row .partners__list-wrap {
    margin-top: 20px;
}
.partners__list-row .partners__list-wrap:nth-last-child(-n + 2) {
    
}
}
@media only screen and (max-width:640px){
.btn__block--btns a {
    margin: 0 !important;
}
.desc__sub span:after{
opacity:0;
}
.testimonial__container .swiper-slide, .testimonial__container-two .swiper-slide{
padding:0 !important;
}
.component__home-intro .col-wrapper .col-right {
    display: block;
    width: 100% !important;
    padding-left: 0 !important;
    padding-top: 20px;
}
.banner .banner__content .banner__content-text h1.smallfontcase.secondline{
display:none;
}
.btn__block-wrapp {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 20px;
}
.agenda__to-live .agenda__to-now {
    font-size: 24px;
}
}
@media only screen and (max-width:576px){
.banner .banner__content .banner__content-text h1 .content__container__list {
    width: 200px !important;
    height: 27px !important;
}

.banner .banner__content .banner__content-text h1 .content__container__list__item span {
    display: flex;
}
}

#page-9210 section.component__speakers.speaker-listing.speaker-slider-homepage{
display:block !important;
}


.voice__row {
    flex-wrap: inherit !important;
}

.detailed-desc {
    background: #e7e7e7;
    padding: 15px;
    margin-top: 15px;
}

.detailed-desc > p {
    padding-bottom: 10px;
}

.newsection .whyattend__row .whyattend-col .block-desc {
    min-height: 70px;
}

.newsection .whyattend__row .whyattend-col .column-header {
    display: flex;
    flex-grow: unset;
}

.newsection .whyattend__row .whyattend-col {
    display: flex;
    flex-wrap: inherit;
    align-content: flex-start;
}

.detailed-desc ul li {
    position: relative;
    padding-left: 15px;
}

.detailed-desc ul li:after {
    position: absolute;
    content: "";
    background: #17345c;
    width: 7px;
    height: 7px;
    left: 0;
    top: 7px;
}

section.component__whyattend.newsection {
    background: linear-gradient(90deg, rgb(20 34 87) 0%, rgb(10 74 139) 40%, rgb(63 117 173) 100%, rgb(34 65 117) 0%);
}

.voice__card {
    margin-bottom:15px;
}


section.video-wrapper.clearfix .voice-wrap {
    display: flex !important;
}

.footer__col.footer__col-links ul {
    padding-bottom: 20px;
}

.footer__col-links ul li a{
    font-size:1.25rem;
}

.footer__col.footer__col-contact ul li strong {
    color: #fff;
}
.footer__col.footer__col-contact ul li  {
    padding-bottom:10px
}

@media only screen and (max-width:768px){
    .voice__card .voice__img img {     
        max-height: 250px;
        object-fit: cover;
    }
.voice__row .voice__col, .voice__col.voice__col--first.bigthumbnail {
    width: 100% !important;
}
.voice__card .voice__img img{
    width:100% !important;  
 }
section.video-wrapper.clearfix .voice-wrap {
    display: block !IMPORTANT;
}
}
section.component__whyattend.ddd .detailed-desc {
    background: none;
}
section.tag-embed-wrapper .wrap__head-withbutton {
    margin-bottom: 0;
}
.whyattend__row .whyattend-col .gradient {
    display: none;
}

.linearslider .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    display: flex !important;
}
section.teaser__slider-component.linearslider .swiper-slide:hover {
    transform: scale(1.05);
    transition: .5s ease all;
}
section.teaser__slider-component.linearslider .swiper-slide {
    transition: .5s ease all;
}
.teaser__top .gallery-top .slide-title {
    padding-bottom: 10px;
}
.speaker-slider-homepage  .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    display: flex !important;
}
.partners-logo img {
    max-width: 150px;
    border: 1px solid #efefef;
}
.teaser__top .gallery-top .partners-logo {
    max-width: 150px;
    border: 1px solid #efefef;
}
.teaser__slider-component.linearslider .teaser__thumbs--nav-inside {
    display: flex;
}
section.full-body-row.full-body-layout-two {
    padding-bottom: 0;
    padding-top: 0;
}
.full-body-wrapper .full-body-row .strategic-head-row {
    background: none !important;
}
.testi__icon {
    display: none;
}

 
  .column-with-video-image-on-right .banner__content .banner__content-text h1 {
    text-transform: none;
}
  .btn__warp .btn--gradient:last-child {
    background: #4C6DA6;
    color: #fff;
}
  span.blink.blink-infinite {
    color: red;
    font-style: italic;
    font-size: 14px;
}
.blink-infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.blink {
    -webkit-animation-name: blink;
    -moz-animation-name: blink;
    -o-animation-name: blink;
    animation-name: blink;
    -webktit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes blink {
    50% {
        opacity: 0
    }
}

@-moz-keyframes blink {
    50% {
        opacity: 0
    }
}

@-o-keyframes blink {
    50% {
        opacity: 0
    }
}

@keyframes blink {
    50% {
        opacity: 0
    }
}
  section.component__partners.notoppadding.fiveinarow {
    padding-top: 40px;
}
  .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16 / 9 !important;
}
  .plyr--stopped.plyr__poster-enabled .plyr__poster {
    background-size: cover !important;
}
  section.teaser__slider-component .common-head h3 {
    max-width: 100%;
}
  .footer__col.footer__col-sociallinks  ul.contact-details {
    display: block;
    padding-bottom: 15px;
}
.footer__col.footer__col-sociallinks ul.contact-details li a {
    /* width: 100%; */
    border: none;
    display: inline;
    color: #3bd4ae;
    font-weight: 400;
}

.footer__col.footer__col-sociallinks ul.contact-details li {
    color: #fff;
    padding-bottom: 10px;
    font-weight: 400;
}

.footer__col.footer__col-contact > h6 {
    color: #ffffff66;
        text-align: left;
}
 .footer__col.footer__col-links ul {
    display: block;
}

.footer__col-links ul li::after {
    opacity: 0;
}

.footer__col-links ul li a {
    font-size: 20px !important;
    padding-bottom: 10px !important;
    display: block;
}
.footer__col-contact-block {
    line-height: 24px;
}
.footer__col-sociallinks ul li a:hover {
    background: none;
}
  .nav-head-btn-wrap {
    z-index: 9999;
}
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    /* color: #000 !important; */
    background-image: -webkit-gradient(linear, left top, right top, from(#31dbd5), color-stop(0, #2170c0), color-stop(0, #777e90));
    background-image: linear-gradient(90deg, #31dbd5 0, #2170c0 0, #777e90 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #2170c0;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 600;
}
  ul.header__menu-list > li:last-child {
    display: none;
}
  .banner__with-stats.component__brochure.cfpbrochure.eventbrochure.dynamic-banner_spacing.visitorregistration .brochure__row-right, 
  .banner__with-stats.component__brochure.cfpbrochure.eventbrochure.dynamic-banner_spacing.visitorregistration .brochure__row-outer{
      background:#fff !important;
  }
  .megamenu .megamenu__menu-list .col-wrap .main__menu-list ul li a.highlighted-menu.thirdlevel {
    color: #3bd4ae;
    font-weight: 800;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 10px !important;
    display: block;
    letter-spacing:1px;
}
  .tab-popup.visible {
    visibility: visible;
    opacity: 1;
    z-index: 999999 !important;
    background-color: #f3f4f6e6 !important;
}
  section.ad-banner-wrapper {
    background: #f7f7f7;
    margin-top: 40px;
}
  .hide {
    display: none;
}
      .dmglogoslider .swiper.marquee-slider-wrap.swiper--top:before {
    position: absolute;
    content: '';
    width: 85px;
    left: -48px;
    height: 125px;
    background: #000;
    top: 0%;
    z-index: 9999;
    background: linear-gradient(91deg, #ffffff 0, rgb(255 255 255) 65%, rgb(255 255 255 / 0%) 100%) !important;
}
 
.dmglogoslider .swiper.marquee-slider-wrap.swiper--top {
    position: relative;
}
 
.dmglogoslider .swiper.marquee-slider-wrap.swiper--top:after {
    position: absolute;
    content: '';
    width: 85px;
    left: initial;
    right:-38px;
    height: 125px;
    background: #000;
    top: 0%;
    z-index: 9999;
    background: linear-gradient(270deg, #ffffff 0, rgb(255 255 255) 65%, rgb(255 255 255 / 0%) 100%) !important;
}
.nav-head-btn-wrap {
    z-index: 9999;
}

.header__menu-list .nav-head-btn-wrap > a:nth-child(3) img, ul.header__menu-list > li:first-child .nav-head-btn-wrap > a:nth-child(2) img {
    display: none;
}

.header__menu-list .nav-head-btn-wrap > a:nth-child(3), ul.header__menu-list > li:first-child .nav-head-btn-wrap > a:nth-child(2), .header__menu-list .nav-head-btn-wrap > a:nth-child(2) {
    background: #3bd4ae;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
        position: absolute;
    float: right;
    right: 0;
    margin-right: 0;
    top: -3px;
}
.strategic-head-row .strategic-head-right {
    padding-bottom: 0;
}

@media only screen and (max-width:1440px){
.megamenu .megamenu__menu-list {
    padding: 15px 20px 56px 100px;
}
.megamenu .megamenu__header{
    padding: 15px 100px 15px 100px;
}
}
@media only screen and (min-width:1201px){
section.ya-submenu.quicklinks{
    display:block !important;
}
}
@media only screen and (max-width:1200px){
ul.header__menu-list > li:last-child {
    display: block;
}
section.ya-submenu.quicklinks{
display:none;
}
}
@media only screen and (max-width:768px){
.strategic-head-row .strategic-head-right {
    width: 100%;
    padding-left: 0;
}
.footer__col-links ul li a {
    font-size: 14px !important;
    padding-bottom: 0 !important;
}

.footer__col-links ul li {
    margin-bottom: 0;
}
}
   /* nav head  */
   .scrolled .header{
    padding-top:0 !important;
}
    .header__menu-list .nav-head-btn-wrap {
        display: flex;
        flex-wrap: wrap;
    }

        .header__menu-list .nav-head-btn-wrap a {
            margin-right: 20px;
        }
.nav-head-btn-wrap .highlighted-menu {
    position: absolute;
    right: 0;
    z-index: 999999999;
    border: 2px solid #3bd4ae;
    padding: 5px 15px;
    text-transform: none;
    margin-right: 0 !important;
    border-radius: 4px;
    bottom: 5px;
    background: #3bd4ae;
    color: #fff;
    transition: .5s ease all;
}
.nav-head-btn-wrap .highlighted-menu img {
    display: none;
}
.header__menu-list .nav-head-btn-wrap {
    position: relative;
}
.nav-head-btn-wrap .highlighted-menu:hover {
    background: none;
    color: #015b7f;
}
    /* end  nav head  */ 

      /* section banner  */ 
      .header__top-cta a.btn--secondary {
    background-color: #4C6DA6;
    color: #fff;
    border-color: #4C6DA6;
}
.bg__banner-module .animated__text span {
    color: rgba(255, 255, 255, .5) !important;
}
.bg__banner-module .bg__banner-wrapp .bg__banner-content .btn--gradient:last-child {
    /* background: -webkit-gradient(linear, left top, right top, from(#232357), to(#4C6DA6)); */
    /* background: linear-gradient(90deg, #232357, #4C6DA6); */
    background: #4C6DA6;
    color: #fff;
}

.bg__banner-module .bg__banner-wrapp .bg__banner-content .btn--gradient:last-child:hover {
    background: #fff;
    color: #000;
}
a.btn--primary.header_cta {
    background: -webkit-gradient(linear, left top, right top, from(#00c6c3), to(#b8f7ba)) !important;
    background: linear-gradient(90deg, #00c6c3, #b8f7ba) !important;
    background-color: #18988b !important;
}
a.btn--primary.header_cta:hover {
    background-color: transparent !important;
    color: #000 !important;
    background: none !important;
}
section.banner.bg__banner-module.layout-1 .statistics {
    z-index: 9;
    position: relative;
}
span.blink.blink-infinite {
    color: red;
    font-style: italic;
    font-size: 14px;
}
.blink-infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.blink {
    -webkit-animation-name: blink;
    -moz-animation-name: blink;
    -o-animation-name: blink;
    animation-name: blink;
    -webktit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes blink {
    50% {
        opacity: 0
    }
}

@-moz-keyframes blink {
    50% {
        opacity: 0
    }
}

@-o-keyframes blink {
    50% {
        opacity: 0
    }
}

@keyframes blink {
    50% {
        opacity: 0
    }
}
.component__home-intro .col-wrapper .col-right {
    width: 42%;
    position: relative;
    padding-left: 40px;
}
.component__home-intro .col-wrapper .col-left {
    width: 50%;
}
.bg__banner-module .bg__banner-wrapp .bg__banner-content .btn--gradient:hover {
    color: #000;
}
@media only screen and (max-width: 1024px) {
   .full-body-row .component__home-intro .col-wrapper .col-left {
        width: 100%;
    }
 .full-body-row  .testimonial__slider .common-swiper-pagination {
    display: none;
}
}
@media only screen and (max-width:640px){
.bg__banner-module .bg__banner-wrapp .bg__banner-content .btn--gradient{
margin:0px;
margin-top:5px;
}
.statistics .statistics__col-wrap .statistics__col{
height:60px;
margin-top:5px;
}
.statistics .statistics__col-wrap .statistics__col h4 {
        font-size: 15px !important;
    }
}
.left-body-col section.component__partners.layout-2 {
    display: none;
}
body#page-1106 section.component__speakers.speaker-listing.speaker-slider-homepage{
display:block !important;
}
.right-body-col .container {
    padding: 0 50px;
}
section.component__partners .partners__list-head-inr h6 {
    min-height: auto !important;
}
.container {
    padding-left: 50px;
        padding-right: 50px;
}


.left-body-col {
    width: 80%;
}

.right-body-col {
    width: 20%;
}
/* Add space between header and banner section */
header.main_header {
    margin-bottom: 10px; /* Adjust this value as needed */
}

/* Alternative approach - add padding to the banner section */
section.banner.bg__banner-module.layout-1 {
    padding-top: 243px; /* Adjust this value as needed */
}
/* Add space between header and banner section */
header.main_header {
    margin-bottom: 10px; /* Desktop spacing */
}

/* Mobile styles */
@media only screen and (max-width: 768px) {
    
    header.main_header {
        margin-bottom: 5px; /* Smaller spacing for mobile */
    }
    section.banner.bg__banner-module.layout-1 {
    padding-top: 140px; /* Adjust this value as needed */
}
    /* You might also want to adjust header padding on mobile */
    header.main_header {
        padding-top: 20px !important;
    }
      /* Smaller banner info */
    .banner-info-wrapper {
        gap: 30px; /* ← Reduced from 50px */
        margin-bottom: 10px; /* ← Reduced from 15px */
    }
    
    .banner-info {
        font-size: 12px; /* ← Reduced from 14px */
        gap: 6px; /* ← Reduced from 8px */
        padding: 15px 0; /* ← Reduced from 25px */
    }
    
    .banner-info img {
        width: 14px; /* ← Reduced from 18px */
        height: 14px; /* ← Reduced from 18px */
    }
    
    /* Smaller main title */
    .animated__text {
        margin: 10px 0; /* ← Added some margin */
        padding: 0 10px;
        font-size: 1.3rem; /* ← Make title smaller */
    }
    
    /* Smaller buttons */
    .bg__banner-content .btn--gradient {
        margin: 5px; /* ← Reduced from 8px */
        padding: 8px 16px; /* ← Reduced from 12px 20px */
        font-size: 14px; /* ← Smaller button text */
    }
    
    /* Smaller statistics */
    .statistics.banner__statistics {
        margin-top: 15px; /* ← Reduced spacing */
    }
    
    .statistics__col h4 {
        font-size: 16px !important; /* ← Smaller numbers */
    }
    
    .statistics__col p {
        font-size: 12px; /* ← Smaller text */
    }
}


/* For very small phones */
@media only screen and (max-width: 480px) {
    header.main_header {
        margin-bottom: 20px; /* Even smaller spacing for very small screens */
    }
}
/* Both info items in one line */
.banner-info-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.banner-info {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.banner-info img {
    width: 18px;
    height: 18px;
    flex-shrink: 0;

}

/* Only center the specific elements we want centered */
.banner-info-wrapper,
.animated__text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}

.banner-info-wrapper {
    flex-direction: row;
    gap: 30px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.banner-info {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.banner-info img {
    width: 18px;
    height: 18px;
}

.animated__text {
    margin: 20px 0;
}




       /*  end section banner  */  
         /*  right sponsors  */ 
         .right-sponsors.three-col-tab-left {
    height: 100%;
    width: auto;
}
    .partners__list-head-inr {
    text-align: center;
}
.partners__item-img {
    margin: 0 auto;
}
.partners__list-head h6 {
    text-transform: none !important;
}
.partners__item .gradient-border {
    opacity: 1;
    background: #fff;
}
.partners__item{
    border: 1px solid #ebebea !important;
}
.our-events-header > .container {
    padding-right: 0;
}

.our-event-grid > .container {
    padding-right: 0;
}
/*.component__gallery-slider .gallery-col-left .gallery-item {*/
/*    -webkit-box-flex: 1;*/
/*    -ms-flex: 1 48%;*/
/*    flex: 1 47%;*/
/*    margin: 0 8px 16px;*/
/*}*/
           /*  end  right sponsors  */ 
             /*   right sponsors only for mob  */ 
             .banner .banner__content .banner__content-text  h1.smallfontcase {
    font-size: 3rem;
}
.banner .banner__content .banner__content-text h1 .content__container__list {
    height: 46px;
}
.banner .banner__content .banner__content-date {
    margin-bottom: 40px;
}
@media(max-width: 1380px) {
.banner .banner__content .banner__content-text h1 .content__container__list {
    height: 42px;
}
}
@media(max-width: 1440px) {
.container.banner__container {
   margin-top: 20px;
} 
}
@media(max-height: 768px) {
.statistics {
    margin-top: 40px;
}
.banner .banner__content .banner__content-date {
    margin-bottom: 25px;
}
}
@media(max-width: 1199px) {
.banner .banner__content .banner__content-date {
    margin-bottom: 30px;
}
}
@media(max-width: 576px){
.banner .banner__content .banner__content-text h1.smallfontcase {
    font-size: 2rem;
}
}
@media(max-width: 576px) {
.banner .banner__content .banner__content-text h1 .content__container__list {
    height: 33px;
}
}

    section.full-body-row.full-body-layout-two {
    display: flex;
    flex-wrap: wrap;
}

.full-body-row .left-body-col {width: 80%;}

.full-body-row .right-body-col {
    width: 20%;
}
.full-body-row .right-body-col .component__partners.layout-2 .partners__list-wrap {
    width: 100%;
    margin-bottom:20px;
}

.full-body-row .right-body-col .component__partners.layout-2 .partners__list-row {
    display: block;
}

.full-body-row .right-body-col .partners__list-head {
    display: block !important;
    margin-bottom: 10px;
}
.full-body-row .dummy-wrapper {
    width: 100%;
}

.full-body-row  section.component__whyattend {
    width: 100%;
}
.full-body-row  .whyattend__row .whyattend-col {
        width: calc(100% / 3 - 12px);
    border-radius: 3px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    overflow: hidden;
    margin: 6px;
    padding: 33px;
    background-color: var(--clr-grey-200);
    color: var(--text-color);
    height: auto;
}
@media only screen and (max-width: 1024px) {
.full-body-row .whyattend__row .whyattend-col {
        width: calc(100% / 2 - 12px);
}

.full-body-row    .whyattend__row .whyattend-col:last-child {
        width: calc(100% - 12px);
    }

}
.full-body-row .strategic-head-wrapper {
    background: none;
}

.full-body-row .strategic-head-row {
    padding: 0;
}
.full-body-row section.strategic-conferences-listing {
    background: linear-gradient(90deg, rgb(39 143 139) 0%, rgb(10 74 139) 40%, rgb(38 71 105) 100%, rgb(9 38 87) 0%) !important;
}

.full-body-row .strategic-head-row {
 background: linear-gradient(90deg, rgb(39 143 139) 0%, rgb(10 74 139) 40%, rgb(38 71 105) 100%, rgb(9 38 87) 0%) !important;
    padding: 0 !important;
}

.full-body-row .strategic-head-wrapper {
    background: none !important;
}
.full-body-row section.full-body-row.full-body-layout-two {
    padding-top: 0 !important;
}
.full-body-row section.full-body-row.full-body-layout-two {
    padding-top: 0;
    padding-bottom: 0;
}

.full-body-row section.component__testimonial .common-head h3 {
    color: #000;
    max-width: 100%;
}
.whyattend__row .whyattend-col.content-col {
  
    background: transparent;
}
.full-body-row .whyattend__row .whyattend-col.content-col.swiper-slide h3 {}

.full-body-row section.component__testimonial.layout-1 {
    width: 100%;
}
.full-body-row .right-body-col .right-sponsors.three-col-tab-left .partners__list-row {
    margin-bottom:30px;
}
@media only screen and (min-width:1441px){
.full-body-row .left-body-col .grid-row{
   margin: 0 -15px;
}.full-body-row .left-body-col .grid-row .col {
  margin: 15px;

}
.full-body-row .left-body-col .content-card .content{
    padding: 26px 20px 32px;
}
}
@media (max-width:1650px) and (min-width:1441px) {
.full-body-row .left-body-col .two-cols-links-wrapper .col-big {
        width: calc(60% - 44px);
    }
  .full-body-row   .left-body-col .two-cols-links-wrapper .col-small{
    width: calc(40% - 44px);
    }
}
@media only screen and (max-width:1440px){
.full-body-row .right-body-col {
    width: 25%;
}
.full-body-row .left-body-col {
    width: 75%;
}
.full-body-row .right-body-col .partners__list-row .partners__list-wrap:last-child {
    display: none;
}
.full-body-row .two-cols-links-wrapper .col-big {
    width: calc(60% - 44px);
}
.full-body-row .two-cols-links-wrapper .col-small {
    width: calc(40% - 44px);
}
}
@media only screen and (max-width:1199px){
.full-body-row .right-body-col {
    width: 100%;
}
.full-body-row .left-body-col {
    width: 100%;
}

.full-body-row .right-body-col .right-sponsors.three-col-tab-left .partners__list-row {
    display: flex;
    flex-wrap: wrap;
            margin: 0px -15px;
            
}
.full-body-row .right-body-col .right-sponsors.three-col-tab-left .partners__list-row .partners__list-wrap {
        width: calc(100% / 3 - 30px);
         margin: 15px;
}
.full-body-row .two-cols-links-wrapper .col-big {
    width: calc(100% - 44px);
}
.full-body-row .two-cols-links-wrapper .col-small {
    width: calc(100% - 44px);
}
.full-body-row .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
}
}
@media only screen and (min-width: 768px) {

.onlyformob{
display:none !important;
}
}
@media only screen and (max-width: 767px) {
span.icon {
    display: none;
}
.partners__list-wrap:first-child .partners__list-head .partners__list-head-inr {
    width: 100%;
}

.partners__list-head .partners__list-head-inr {
    width: 100%;
}
section.full-body-row.full-body-layout-two .right-body-col .right-sponsors.three-col-tab-left {
    display: none;
}
.onlyformob{
display:block !important;
width: 100%;
}
.full-body-row  .whyattend__row .whyattend-col {
        width: 100%;
        margin: 0;
        padding: 32px;
    }
  .full-body-row   .right-body-col .right-sponsors.three-col-tab-left .partners__list-row .partners__list-wrap {
        width: calc(100% / 2 - 30px);
        
}
}
@media only screen and (max-width: 450px) {
  .full-body-row  .right-body-col .right-sponsors.three-col-tab-left .partners__list-row .partners__list-wrap {
        width: calc(100%  - 30px);
        
}
}
                 /*   end  right sponsors only for mob  */ 

                   .marquee-slider-outerWrap {
            padding: 60px 0;
            background-color: #fff;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            margin: 40px 0;
        }
        
        .wrap__head-withbutton {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
        }
        
        .common-head h3 {
            font-size: 28px;
            font-weight: 700;
            color: #1a1a1a;
            position: relative;
            padding-bottom: 10px;
        }
        
        .common-head h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background-color: #2c7be5;
        }
        
        .link-wrapper {
            display: flex;
            gap: 15px;
        }
        
        .link-wrapper a {
            display: inline-block;
            padding: 8px 20px;
            background-color: #f0f4f8;
            color: #2c7be5;
            text-decoration: none;
            border-radius: 4px;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .link-wrapper a:hover {
            background-color: #2c7be5;
            color: white;
        }
        
        .marquee-slider-wrap {
            overflow: hidden;
            padding: 20px 0;
        }
        
        .swiper-wrapper {
            transition-timing-function: linear;
        }
        
        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            width: auto;
        }
        
        .logo-inner {
            padding: 0 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 120px;
            transition: transform 0.3s ease;
        }
        
        .logo-inner:hover {
            transform: translateY(-5px);
        }
        
        .logo-inner a {
            display: block;
            text-decoration: none;
        }
        
        .logo-inner img {
            max-width: 150px;
            max-height: 91px;
            opacity: 0.7;
            transition: all 0.3s ease;
            object-fit: contain;
        }
        
        .logo-inner:hover img {
            filter: grayscale(0%);
            opacity: 1;
        }
        
        @media (max-width: 768px) {
            .wrap__head-withbutton {
                flex-direction: column;
                align-items: flex-start;
                gap: 20px;
            }
            
            .common-head h3 {
                font-size: 24px;
            }
            
            .logo-inner {
                padding: 0 20px;
                height: 100px;
            }
            
            .logo-inner img {
                max-width: 120px;
            }
        }
        
        @media (max-width: 480px) {
            .marquee-slider-outerWrap {
                padding: 40px 0;
            }
            
            .common-head h3 {
                font-size: 20px;
            }
            
            .logo-inner {
                padding: 0 15px;
                height: 80px;
            }
            
            .logo-inner img {
                max-width: 100px;
            }
        }


        /* Ensure containers don't cause overflow */
/* Better touch targets for mobile */
@media (max-width: 576px) {
    .footer__col-links ul li a,
    .footer__col-sociallinks .contact-details li a,
    .directlinks {
        padding: 0.5rem 0;
        min-height: 44px; /* Minimum touch target size */
        display: flex;
        align-items: center;
    }
    
    /* Make sure long text wraps properly */
    .footer__col-contact-block p {
        word-break: break-word;
    }
    
    /* Adjust social icons spacing */
    .footer__col-sociallinks .social-links {
        margin-top: 1rem;
        justify-content: center;
    }
}

/* For very small screens */
@media (max-width: 375px) {
    /* Make sure columns take full width */
    .footer__col {
        min-width: 100%;
    }
    
    /* Adjust padding for compactness */
    .footer__col-row {
        gap: 1rem;
    }
    
    /* Center align all footer content */
    .footer__col-links ul,
    .footer__col-sociallinks .contact-details,
    .footer__col-contact-block {
        text-align: center;
        justify-content: center;
    }
    
    /* Make sure the gradient doesn't interfere with content */
    .gradient {
        opacity: 0.3;
    }
}

/* DMG Footer mobile adjustments */
@media (max-width: 576px) {
    .dmgfooter__col {
        min-width: 100%;
        text-align: center;
    }
    
    .dmgfooter__col-icons ul {
        justify-content: center;
        margin-top: 1rem;
    }
    
    .dmgfooter__row-links ul {
        flex-direction: column;
        gap: 0.5rem;
    }
}
.footer__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5rem; /* Space between main columns, use rem */
}

.footer__col-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%; /* Takes full width to manage its sub-columns */
    justify-content: space-between;
    gap: 1.5rem; /* Space between inner columns (Explore, Get in Touch, Event Details) */
    max-height: 310px; /* Consider if this max-height is still desired on small screens. It might cut off content. */
}

.footer__col {
    flex: 1; /* Allows columns to grow and shrink */
    min-width: 260px; /* Ensures columns don't get too narrow before wrapping on larger tablets */
    padding: 1rem 0;
}

.footer__col h6 {
    color: #ffffff;
    font-size: 1.15rem; /* Slightly larger heading for better hierarchy */
    margin-bottom: 1.5rem; /* Consistent spacing below heading */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700; /* Bolder headings */
}

/* Footer Links Styling */
.footer__col-links ul {
    list-style: none; /* Ensure no default list styling */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}

.footer__col-links ul li {
    margin-bottom: 0.7rem; /* Space between list items */
}

.footer__col-links ul li:last-child {
    margin-bottom: 0; /* No margin on the last item */
}

.footer__col-links ul li a {
    color: #b0c4de; /* Lighter link color */
    font-size: 0.95rem; /* Adjusted for better readability */
    transition: color 0.3s ease;
    display: inline-block; /* Allows padding and keeps text inline */
    padding: 0.3rem 0; /* Slightly more vertical padding for easier tapping */
    text-decoration: none; /* Remove underline by default */
}

.footer__col-links ul li a:hover {
    color: #3bd4ae; /* Hover color */
}

/* Contact Details Styling */
.footer__col-sociallinks p.mb-3 {
    margin-bottom: 1rem;
    color: #b0c4de;
    font-size: 0.9rem;
    line-height: 1.5;
}

.footer__col-sociallinks .contact-details {
    list-style: none; /* Ensure no default list styling */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}

.footer__col-sociallinks .contact-details li {
    color: #fff;
    margin-bottom: 0.6rem; /* Space between contact lines */
    font-weight: 400;
    word-break: break-word; /* Prevents long emails from overflowing on small screens */
}

.footer__col-sociallinks .contact-details li:last-child {
    margin-bottom: 0;
}

.footer__col-sociallinks .contact-details li strong {
    color: #ffffff; /* Ensure strong tags are clearly white */
    margin-right: 0.3rem;
}

.footer__col-sociallinks .contact-details li a {
    color: #159172;
    font-weight: 500;
    transition: color 0.3s ease;
    padding: 0.2rem 0; /* Added padding for tap target */
    text-decoration: none; /* Remove underline by default */
}

.footer__col-sociallinks .contact-details li a:hover {
    color: #2bb08a;
}

.directlinks {
    color: #3bd4ae;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    margin-top: 1.2rem; /* More space above the link */
    transition: color 0.3s ease;
    padding: 0.4rem 0; /* Added padding for better tap target */
    text-decoration: none; /* Remove underline by default */
}

.directlinks:hover {
    color: #2bb08a;
}

.directlinks img {
    height: 16px;
    width: auto;
    filter: brightness(1.2); /* Slightly brighten the arrow if it's dark */
}

/* Social Icons (Top Section) */
.footer__col-sociallinks .social-links {
    list-style: none; /* Ensure no default list styling */
    padding: 0; /* Remove default padding */
    margin: 2rem 0 0 0; /* More space above social icons, remove bottom margin */
    display: flex;
    gap: 1.2rem; /* Consistent gap using rem */
}

.footer__col-sociallinks .social-links li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; /* Larger tap target for social icons */
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.15); /* Slightly more prominent background */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Add subtle transform for interaction */
}

.footer__col-sociallinks .social-links li a:hover {
    background-color: #3bd4ae;
    transform: translateY(-3px); /* Subtle lift on hover */
}

.footer__col-sociallinks .social-links img {
    width: 24px; /* Slightly larger icon size */
    height: 24px;
    /* Adjust filter if your SVGs are not purely white.
        For white SVGs on dark background, no filter needed.
        For black SVGs, you might need filter: invert(1); */
}

/* Event Details Styling */
.footer__col-contact-block {
    display: flex;
    align-items: flex-start; /* Align icon and text to the top */
    gap: 0.8rem;
    margin-bottom: 1rem;
    color: #b0c4de;
    line-height: 0.9;
}

.footer__col-contact-block:last-child {
    margin-bottom: 0;
}

.footer__col-contact-block span {
    flex-shrink: 0; /* Prevent icon from shrinking */
    padding-top: 2px; /* Small adjustment to align icon better with text */
}

.footer__col-contact-block img {
    width: 24px;
    height: 24px;
    filter: brightness(0.9); /* Slightly brighter icons to match text color */
}

.footer__col-contact-block p {
    margin: 0;
    font-size: 0.95rem;
    line-height: inherit; /* Inherit line-height for consistency */
}

/* Gradient Styling */
.gradient {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: 0.5; /* Slightly less opaque */
    pointer-events: none; /* Ensures the gradient doesn't block interaction */
    width: 266px; /* Ensure SVG size is maintained */
    height: 266px;
}
.gradient svg {
    display: block; /* Remove any extra space below SVG */
}

/* --- Responsive Adjustments --- */

/* For devices up to 991px wide (e.g., tablets and smaller) */
@media (max-width: 991px) {
    .site-footer {
        padding: 2.5rem 0; /* Slightly less padding on smaller screens */
    }

    .footer__row {
        flex-direction: column; /* Stack main columns vertically */
        align-items: center; /* Center content within columns */
        gap: 2.5rem; /* More space between stacked main columns */
    }

    .footer__col,
    .footer__col-row,
    .dmgfooter__col { /* Assuming .dmgfooter__col is another top-level column */
        width: 100%; /* Take full width */
        max-width: 420px; /* Max width for readability on tablets, preventing overly wide lines */
        text-align: center; /* Center text within these columns */
    }

    .footer__col h6 {
        text-align: center; /* Ensure headings are centered */
    }

    .footer__col-links ul,
    .footer__col-sociallinks .contact-details {
        text-align: center; /* Center list items */
        display: block; /* Ensure ul acts as a block to allow text-align */
    }
    
    .footer__col-links ul li a,
    .footer__col-sociallinks .contact-details li a {
        padding: 0.5rem 0; /* Increased tap area for mobile links */
    }

    .footer__col-sociallinks .social-links,
    .dmgfooter__col-icons ul { /* Assuming .dmgfooter__col-icons ul is your social links list */
        justify-content: center; /* Center social icons within their container */
    }

    /* If you have a specific logo/icon group */
    .dmgfooter__col-logo-icon {
        display: flex; /* Ensure flex properties apply */
        justify-content: center; /* Center the entire logo block horizontally */
        flex-direction: column; /* Stack logo and "Event Host" text vertically */
        gap: 0.5rem;
    }

    .dmgfooter__col-logo p {
        text-align: center;
    }

    /* Adjust contact blocks for centered text when stacked */
    .footer__col-contact-block {
        justify-content: center; /* Center the icon and text block */
    }
}

/* For small mobile screens (e.g., up to 576px wide, common breakpoint for phones) */
@media (max-width: 576px) {
    .site-footer {
        padding: 2rem 0.75rem; /* Reduced padding on very small screens */
    }

    .footer__row {
        gap: 2rem; /* Slightly less gap between columns on smallest screens */
    }

    .footer__col,
    .footer__col-row,
    .dmgfooter__col {
        max-width: 100%; /* Ensure they take full width on very small screens */
        padding: 0.5rem 0; /* Less vertical padding for compactness */
    }

    .footer__col h6 {
        font-size: 1.05rem; /* Slightly smaller headings */
        margin-bottom: 1rem; /* Less space below headings */
    }

    .footer__col-links ul li {
        margin-bottom: 0.5rem; /* Reduce space between links */
    }

    .footer__col-links ul li a {
        font-size: 0.9rem; /* Smaller font for links */
    }

    .footer__col-sociallinks p.mb-3 {
        font-size: 0.85rem; /* Smaller font for general text */
    }

    .footer__col-sociallinks .contact-details li {
        font-size: 0.88rem; /* Smaller font for contact details */
        margin-bottom: 0.5rem;
    }

    .footer__col-sociallinks .social-links {
        gap: 0.8rem; /* Closer social icons */
        margin-top: 1.5rem; /* Less space above social icons */
    }

    .footer__col-sociallinks .social-links li a {
        width: 36px; /* Slightly smaller social icon circles */
        height: 36px;
    }

    .footer__col-sociallinks .social-links img {
        width: 20px; /* Smaller social icons */
        height: 20px;
    }

    .footer__col-contact-block {
        gap: 0.6rem; /* Reduced gap for contact blocks */
        margin-bottom: 0.8rem; /* Less space between contact blocks */
    }

    .footer__col-contact-block img {
        width: 20px; /* Smaller icons in contact blocks */
        height: 20px;
    }

    .footer__col-contact-block p {
        font-size: 0.9rem; /* Smaller text for contact blocks */
    }

    /* If max-height on footer__col-row is an issue, consider removing or adjusting */
    .footer__col-row {
        max-height: none; /* Allow content to dictate height on small screens */
    }

    /* Ensure directlinks also adjust */
    .directlinks {
        font-size: 0.9rem;
        margin-top: 1rem;
    }
}

/* For extremely small screens (e.g., iPhone SE/old phones) */
@media (max-width: 375px) {
    .site-footer {
        padding: 1.5rem 0.5rem; /* Minimal padding */
    }
    .footer__col h6 {
        font-size: 1rem; /* Smallest headings */
    }
    .footer__col-links ul li a,
    .footer__col-sociallinks .contact-details li a,
    .footer__col-contact-block p,
    .directlinks {
        font-size: 0.8rem; /* Smallest text size */
    }
    .footer__col-sociallinks .social-links li a {
        width: 32px; /* Even smaller social icon circles */
        height: 32px;
    }
    .footer__col-sociallinks .social-links img,
    .footer__col-contact-block img {
        width: 18px; /* Even smaller icons */
        height: 18px;
    }
}

        .registration-card {
            width: 100%;
            max-width: 450px;
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
            position: relative;
            transition: transform 0.3s ease;
        }
        
        .registration-card:hover {
            transform: translateY(-10px);
        }
        
        .card-header {
            background: linear-gradient(to right, #ff8a00, #da1b60);
            color: white;
            padding: 25px;
            text-align: center;
            position: relative;
        }
        
        .card-header::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,213.3C672,192,768,128,864,128C960,128,1056,192,1152,192C1248,192,1344,128,1392,96L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
            background-size: cover;
        }
        
        .card-header h2 {
            font-size: 28px;
            margin-bottom: 10px;
            position: relative;
            z-index: 1;
        }
        
        .card-header p {
            font-size: 16px;
            opacity: 0.9;
            position: relative;
            z-index: 1;
        }
        
        .bird-icon {
            font-size: 40px;
            margin-bottom: 15px;
            position: relative;
            z-index: 1;
            animation: fly 3s infinite ease-in-out;
        }
        
        @keyframes fly {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        
        .card-body {
            padding: 30px;
        }
        
        .price-section {
            text-align: center;
            margin-bottom: 25px;
        }
        
        .original-price {
            font-size: 18px;
            color: #888;
            text-decoration: line-through;
            margin-right: 10px;
        }
        
        .discount-price {
            font-size: 42px;
            font-weight: 700;
            color: #da1b60;
        }
        
        .discount-badge {
            display: inline-block;
            background: #ff8a00;
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 600;
            margin-left: 10px;
            vertical-align: super;
        }
        
        .features {
            list-style: none;
            margin-bottom: 30px;
        }
        
        .features li {
            padding: 10px 0;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            align-items: center;
        }
        
        .features li:last-child {
            border-bottom: none;
        }
        
        .features li::before {
            content: "✓";
            color: #4CAF50;
            font-weight: bold;
            margin-right: 10px;
            font-size: 18px;
        }
        
        .timer {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 15px;
            text-align: center;
            margin-bottom: 25px;
            border: 1px dashed #ddd;
        }
        
        .timer p {
            font-size: 14px;
            color: #666;
            margin-bottom: 10px;
        }
        
        .countdown {
            display: flex;
            justify-content: center;
            gap: 10px;
        }
        
        .countdown-item {
            background: white;
            padding: 8px 12px;
            border-radius: 8px;
            box-shadow: 0 3px 6px rgba(0,0,0,0.1);
            min-width: 50px;
        }
        
        .countdown-value {
            font-size: 20px;
            font-weight: 700;
            color: #da1b60;
        }
        
        .countdown-label {
            font-size: 10px;
            color: #888;
            text-transform: uppercase;
        }
        
        .register-btn {
            display: block;
            width: 100%;
            padding: 15px;
            background: linear-gradient(to right, #ff8a00, #da1b60);
            color: white;
            border: none;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(218, 27, 96, 0.3);
        }
        
        .register-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(218, 27, 96, 0.4);
        }
        
        .card-footer {
            text-align: center;
            padding: 15px;
            font-size: 12px;
            color: #888;
            border-top: 1px solid #f0f0f0;
        }
        
        .limited-offer {
            position: absolute;
            top: 20px;
            right: -30px;
            background: #ff8a00;
            color: white;
            padding: 8px 35px;
            font-size: 14px;
            font-weight: 600;
            transform: rotate(45deg);
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
        }
        
        @media (max-width: 480px) {
            .registration-card {
                max-width: 100%;
            }
            
            .card-header h2 {
                font-size: 24px;
            }
            
            .discount-price {
                font-size: 36px;
            }
        }
        /** conference section    **/
        :root {
            --primary: #3bd4ae;
            --primary-dark: #2a9d7f;
            --secondary: #4C6DA6;
            --secondary-dark: #3a5685;
            --dark: #1a365d;
            --gray-dark: #4a5568;
            --gray: #718096;
            --gray-light: #e2e8f0;
            --light: #f8f9fa;
            --white: #ffffff;
            --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s ease;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--gray-dark);
            line-height: 1.5;
            overflow-x: hidden;
            background-color: var(--light);
        }

        .conference-sections {
            position: relative;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .conference-block {
            padding: 60px 0;
            position: relative;
            overflow: hidden;
        }

        .conference-block--main {
            background: linear-gradient(135deg, var(--light) 0%, #e9ecef 100%);
        }

        .conference-block--exhibition {
            background: linear-gradient(135deg, #f0f4f8 0%, #d9e2ec 100%);
        }

        .conference-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }

        .conference-grid--reverse .conference-content {
            order: 2;
        }

        .conference-grid--reverse .conference-image {
            order: 1;
        }

        .section-tag {
            display: flex;
            gap: 10px;
            margin-bottom: 15px;
        }

        .tag-badge {
            background: var(--primary);
            color: var(--white);
            padding: 6px 12px;
            border-radius: 16px;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            box-shadow: 0 2px 8px rgba(59, 212, 174, 0.3);
        }

        .date-badge {
            background: rgba(59, 212, 174, 0.15);
            color: var(--primary-dark);
            padding: 6px 12px;
            border-radius: 16px;
            font-size: 0.75rem;
            font-weight: 600;
        }

        .section-tag--exhibition .tag-badge {
            background: var(--secondary);
            box-shadow: 0 2px 8px rgba(76, 109, 166, 0.3);
        }

        .section-title {
            font-size: 2rem;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 20px;
            color: var(--dark);
            position: relative;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 50px;
            height: 3px;
            background: var(--primary);
            border-radius: 2px;
        }

        .section-title--exhibition::after {
            background: var(--secondary);
        }

        .conference-description {
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 25px;
            color: var(--gray-dark);
        }

        .stats-preview {
            display: flex;
            gap: 25px;
            margin-bottom: 30px;
        }

        .stat-preview {
            text-align: center;
        }

        .stat-preview .stat-number {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--primary);
        }

        .stat-preview .stat-label {
            font-size: 0.75rem;
            color: var(--gray);
            margin-top: 4px;
        }

        .highlights-box {
            background: var(--white);
            border-radius: 12px;
            padding: 24px;
            box-shadow: var(--shadow);
            margin-bottom: 30px;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

        .highlights-title {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 20px;
            color: var(--dark);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .highlights-title::before {
            content: '';
            width: 5px;
            height: 20px;
            background: var(--primary);
            border-radius: 3px;
        }

        .highlights-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .highlight-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--gray-light);
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.4s ease, transform 0.4s ease;
        }

        .highlight-item.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .highlight-item:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .highlight-icon {
            flex-shrink: 0;
            width: 20px;
            height: 20px;
            margin-right: 12px;
            margin-top: 2px;
        }

        .highlight-text {
            flex: 1;
            line-height: 1.5;
            font-size: 0.9rem;
        }

        .exhibition-features {
            margin-bottom: 25px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 15px;
        }

        .feature-item {
            display: flex;
            align-items: center;
            padding: 12px;
            background: rgba(255, 255, 255, 0.7);
            border-radius: 8px;
            transition: var(--transition);
        }

        .feature-item:hover {
            background: var(--white);
            transform: translateY(-2px);
            box-shadow: var(--shadow);
        }

        .feature-icon {
            width: 18px;
            height: 18px;
            margin-right: 10px;
        }

        .feature-text {
            font-size: 0.9rem;
        }

        .cta-group {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
        }

        .cta-button {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 12px 24px;
            border-radius: 8px;
            font-weight: 600;
            text-decoration: none;
            transition: var(--transition);
            font-size: 0.9rem;
        }

        .cta-button--primary {
            background: var(--primary);
            color: var(--white);
            box-shadow: 0 2px 8px rgba(59, 212, 174, 0.3);
        }

        .cta-button--primary:hover {
            background: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(59, 212, 174, 0.4);
        }

        .cta-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: var(--secondary);
            font-weight: 600;
            text-decoration: none;
            transition: var(--transition);
            font-size: 0.9rem;
            padding: 6px 0;
        }

        .cta-link:hover {
            color: var(--secondary-dark);
            transform: translateX(3px);
        }

        .conference-image {
            position: relative;
        }

        .image-wrapper {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--shadow-lg);
        }

        .image-wrapper--exhibition {
            box-shadow: 0 8px 20px rgba(76, 109, 166, 0.15);
        }

        .main-image {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.5s ease;
        }

        .image-wrapper:hover .main-image {
            transform: scale(1.03);
        }

        .image-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(59, 212, 174, 0.1) 0%, rgba(26, 54, 93, 0.1) 100%);
        }

        .image-overlay--exhibition {
            background: linear-gradient(135deg, rgba(76, 109, 166, 0.1) 0%, rgba(26, 54, 93, 0.1) 100%);
        }

        .stats-box {
            position: absolute;
            bottom: 16px;
            right: 16px;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-radius: 10px;
            padding: 16px;
            display: flex;
            gap: 20px;
            box-shadow: var(--shadow);
        }

        .stat-item {
            text-align: center;
        }

        .stat-item .stat-number {
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--primary);
        }

        .stat-item .stat-label {
            font-size: 0.75rem;
            color: var(--gray);
            margin-top: 4px;
        }

        .exhibition-badge {
            position: absolute;
            top: 16px;
            left: 16px;
            background: rgba(76, 109, 166, 0.9);
            color: var(--white);
            padding: 6px 12px;
            border-radius: 16px;
            font-size: 0.75rem;
            font-weight: 600;
        }

        .floating-elements {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }

        .floating-element {
            position: absolute;
            border-radius: 50%;
            background: rgba(59, 212, 174, 0.1);
            animation: float 12s infinite ease-in-out;
        }

        .floating-element:nth-child(1) {
            width: 60px;
            height: 60px;
            top: 10%;
            left: 5%;
            animation-delay: 0s;
        }

        .floating-element:nth-child(2) {
            width: 40px;
            height: 40px;
            top: 70%;
            left: 10%;
            animation-delay: 2s;
        }

        .floating-element:nth-child(3) {
            width: 80px;
            height: 80px;
            top: 30%;
            right: 5%;
            animation-delay: 4s;
        }

        .floating-element:nth-child(4) {
            width: 50px;
            height: 50px;
            top: 80%;
            right: 15%;
            animation-delay: 6s;
        }

        .floating-element--secondary {
            background: rgba(76, 109, 166, 0.1);
        }

        @keyframes float {
            0%, 100% {
                transform: translateY(0) rotate(0deg);
            }
            33% {
                transform: translateY(-15px) rotate(120deg);
            }
            66% {
                transform: translateY(8px) rotate(240deg);
            }
        }

        /* Responsive Design */
        @media (max-width: 992px) {
            .conference-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .conference-grid--reverse .conference-content {
                order: 1;
            }
            
            .conference-grid--reverse .conference-image {
                order: 2;
            }
            
            .section-title {
                font-size: 1.75rem;
            }
            
            .stats-preview {
                justify-content: center;
            }
        }

        @media (max-width: 768px) {
            .conference-block {
                padding: 50px 0;
            }
            
            .section-title {
                font-size: 1.5rem;
            }
            
            .stats-preview {
                gap: 20px;
            }
            
            .stats-box {
                bottom: 12px;
                right: 12px;
                padding: 12px;
                gap: 15px;
            }
            
            .cta-group {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .cta-button, .cta-link {
                width: 100%;
                justify-content: center;
            }
            
            .exhibition-features {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 576px) {
            .section-tag {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .stats-preview {
                flex-direction: column;
                gap: 15px;
            }
            
            .stats-box {
                position: relative;
                bottom: auto;
                right: auto;
                margin-top: 15px;
                justify-content: space-around;
            }
            
            .highlight-item {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .highlight-icon {
                margin-bottom: 6px;
            }
            
            .floating-element {
                display: none;
            }
        }

        /*** call for abstract  **/
        :root {
            --primary: #3bd4ae;
            --primary-dark: #2a9d7f;
            --primary-light: rgba(59, 212, 174, 0.1);
            --secondary: #4C6DA6;
            --secondary-dark: #3a5685;
            --secondary-light: rgba(76, 109, 166, 0.1);
            --dark: #1a365d;
            --gray-dark: #4a5568;
            --gray: #718096;
            --gray-light: #e2e8f0;
            --light: #f8f9fa;
            --white: #ffffff;
            --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
            --shadow-xl: 0 12px 36px rgba(0, 0, 0, 0.15);
            --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            --transition-slow: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--gray-dark);
            line-height: 1.5;
            overflow-x: hidden;
            background-color: var(--light);
            transition: filter 0.4s ease;
        }

        body.blur-background {
            filter: blur(5px);
            overflow: hidden;
            height: 100vh;
        }

        .abstract-section {
            padding: 40px 0;
            position: relative;
            overflow: hidden;
            background: linear-gradient(135deg, #0a1929 0%, #1a365d 100%);
            color: white;
            border-radius: 110px 110px 0 0 ;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 16px;
            position: relative;
            z-index: 2;
        }

        .abstract-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 32px;
            align-items: center;
        }

        /* Spotlight-inspired styling */
        .spotlight-shapes {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none;
        }

        .floating-shape {
            position: absolute;
            border-radius: 50%;
            filter: blur(40px);
            animation: float 8s ease-in-out infinite;
        }

        .shape-1 {
            top: 10%;
            left: 5%;
            width: 60px;
            height: 60px;
            background: radial-gradient(circle, rgba(59,212,174,0.2) 0%, rgba(59,212,174,0) 70%);
        }

        .shape-2 {
            bottom: 15%;
            right: 8%;
            width: 80px;
            height: 80px;
            background: radial-gradient(circle, rgba(76,109,166,0.2) 0%, rgba(76,109,166,0) 70%);
            animation-delay: 2s;
            filter: blur(30px);
        }

        .abstract-badge {
            background: linear-gradient(45deg, #3bd4ae, #4C6DA6);
            color: white;
            padding: 10px 20px;
            border-radius: 50px;
            font-weight: 700;
            margin-bottom: 20px;
            font-size: 14px;
            animation: pulse 2s infinite;
            box-shadow: 0 4px 15px rgba(59,212,174,0.3);
            display: inline-flex;
            align-items: center;
            max-width: max-content;
        }

        .abstract-badge i {
            margin-right: 8px;
            animation: shake 1.5s infinite;
        }

        .abstract-heading {
            font-size: 28px;
            margin-bottom: 16px;
            color: white;
            font-weight: 700;
            line-height: 1.2;
        }

        .abstract-subheading {
            font-size: 16px;
            color: rgba(255,255,255,0.9);
            margin-bottom: 24px;
            line-height: 1.5;
        }

        .abstract-stats {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin-bottom: 24px;
        }

        .abstract-stats .stat-item {
            text-align: center;
            padding: 12px 8px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .abstract-stats .counter {
            font-size: 24px;
            font-weight: 800;
            color: #3bd4ae;
            margin-bottom: 4px;
        }

        .abstract-stats span {
            font-size: 12px;
            color: rgba(255,255,255,0.8);
            font-weight: 500;
        }

        .abstract-cta {
            border: 2px solid #3bd4ae;
            color: #3bd4ae;
            padding: 16px 28px;
            border-radius: 50px;
            font-weight: 700;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(5px);
            transition: all 0.3s ease;
            margin-bottom: 16px;
            cursor: pointer;
            font-size: 16px;
            width: 100%;
            min-height: 54px;
        }

        .abstract-cta i {
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .abstract-cta:hover, .abstract-cta:active {
            background: rgba(59,212,174,0.1);
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(59,212,174,0.3);
        }

        .abstract-cta:hover i, .abstract-cta:active i {
            transform: rotate(-10deg);
        }

        .abstract-countdown {
            margin-top: 12px;
            font-size: 14px;
            color: rgba(255,255,255,0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .abstract-countdown i {
            margin-right: 8px;
            animation: swing 2s infinite ease-in-out;
        }

        .countdown-days {
            font-weight: 700;
            color: #3bd4ae;
        }

        /* Abstract Topics */
        .abstract-topics {
            margin-top: 24px;
        }

        .topics-title {
            font-size: 18px;
            margin-bottom: 16px;
            color: white;
            font-weight: 600;
            text-align: center;
        }

        .topics-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .topic-item {
            display: flex;
            align-items: center;
            padding: 16px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 12px;
            transition: var(--transition);
            border-left: 4px solid var(--primary);
            font-size: 14px;
            min-height: 56px;
        }

        .topic-item:active {
            background: rgba(255, 255, 255, 0.1);
            transform: translateX(4px);
        }

        .topic-icon {
            width: 20px;
            height: 20px;
            margin-right: 12px;
            color: var(--primary);
        }

        .topic-text {
            color: rgba(255,255,255,0.9);
            font-weight: 500;
        }

        /* Animated SVG */
        .abstract-svg {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            padding: 20px 0;
        }

        .paper-plane {
            width: 100%;
            max-width: 280px;
            height: auto;
            filter: drop-shadow(0 5px 15px rgba(59, 212, 174, 0.3));
        }

        .paper-plane path {
            stroke: #3bd4ae;
            stroke-width: 2;
            fill: none;
            stroke-dasharray: 1000;
            stroke-dashoffset: 1000;
            animation: draw 3s ease-in-out infinite;
        }

        .paper-plane .plane-body {
            fill: rgba(59, 212, 174, 0.2);
            stroke: #3bd4ae;
            animation: float 4s ease-in-out infinite;
        }

        /* Enhanced Popup Form - Mobile Optimized */
        .abstract-popup {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.92);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease;
            padding: 16px;
            box-sizing: border-box;
            overflow-y: auto;
        }

        .abstract-popup.active {
            opacity: 1;
            visibility: visible;
        }

        .abstract-form-container {
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(20px);
            border-radius: 20px;
            padding: 10px;
            width: 100%;
            max-width: 970px;
            max-height: 75vh;
            overflow-y: auto;
            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
            transform: scale(0.95) translateY(20px);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
        }

        .abstract-popup.active .abstract-form-container {
            transform: scale(1) translateY(0);
        }

        .form-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 24px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--gray-light);
        }

        .form-title {
            font-size: 22px;
            color: var(--dark);
            font-weight: 700;
            margin: 0;
            line-height: 1.2;
            flex: 1;
            margin-right: 16px;
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 10px;
        }

        .form-group {
            margin-bottom: 16px;
        }

        .form-group.full-width {
            grid-column: 1 / -1;
        }

        .form-label {
            display: block;
            margin-bottom: 8px;
            color: var(--dark);
            font-weight: 600;
            font-size: 14px;
        }

        .form-input, .form-select, .form-textarea {
            width: 100%;
            padding: 7px;
            border-radius: 12px;
            border: 1px solid var(--gray-light);
            background: white;
            color: var(--dark);
            font-family: 'Inter', sans-serif;
            transition: var(--transition);
            font-size: 16px;
            box-sizing: border-box;
            min-height: 32px;
        }

        .form-input:focus, .form-select:focus, .form-textarea:focus {
            outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(59, 212, 174, 0.25);
        }

        /* Green track selector */
        .form-select {
            background-color: #f0fdf9;
            border-color: #3bd4ae;
            color: var(--dark);
            appearance: none;
            background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%233bd4ae' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");
            background-repeat: no-repeat;
            background-position: right 16px center;
            background-size: 12px;
        }

        .form-select option {
            background-color: white;
            color: var(--dark);
        }

        .form-textarea {
            min-height: 120px;
            resize: vertical;
            line-height: 1.4;
        }

        .form-actions {
            grid-column: 1 / -1;
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid var(--gray-light);
        }

        .form-submit {
            padding: 18px;
            border: none;
            border-radius: 12px;
            background: linear-gradient(45deg, #3bd4ae, #4C6DA6);
            color: white;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 56px;
        }

        .form-cancel {
            padding: 16px;
            border: 1px solid var(--gray-light);
            border-radius: 12px;
            background: white;
            color: var(--gray-dark);
            font-weight: 500;
            font-size: 16px;
            cursor: pointer;
            transition: var(--transition);
            min-height: 52px;
        }

        .form-submit:active {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(59, 212, 174, 0.4);
        }

        .form-cancel:active {
            background: var(--gray-light);
            transform: translateY(-1px);
        }

        .form-submit i {
            transition: transform 0.3s ease;
        }

        .form-submit:active i {
            transform: translateX(3px);
        }

        .close-popup {
            background: none;
            border: none;
            font-size: 24px;
            color: var(--gray);
            cursor: pointer;
            transition: var(--transition);
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            flex-shrink: 0;
        }

        .close-popup:active {
            background: rgba(0, 0, 0, 0.05);
            color: var(--dark);
            transform: rotate(90deg);
        }

        /* Animations */
        @keyframes float {
            0%, 100% { transform: translateY(0) translateX(0); }
            50% { transform: translateY(-10px) translateX(5px); }
        }

        @keyframes draw {
            0% { stroke-dashoffset: 1000; }
            50% { stroke-dashoffset: 0; }
            100% { stroke-dashoffset: 1000; }
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        @keyframes shake {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(-5deg); }
            50% { transform: rotate(5deg); }
            75% { transform: rotate(-5deg); }
        }

        @keyframes swing {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(-5deg); }
            50% { transform: rotate(5deg); }
            75% { transform: rotate(-5deg); }
        }

        /* Enhanced Mobile Responsiveness */
        @media (min-width: 768px) {
            .abstract-section {
                padding: 30px 0;
            }
            
            .abstract-grid {
                grid-template-columns: 1fr 1fr;
                gap: 30px;
            }
            
            .abstract-heading {
                font-size: 32px;
            }
            
            .abstract-stats {
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
            }
            
            .abstract-cta {
                width: auto;
                min-height: auto;
            }
            
            .topics-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .abstract-form-container {
                padding: 27px;
                max-width: 600px;
            }
            
            .form-title {
                font-size: 20px;
            }
            
            .form-grid {
                grid-template-columns: 1fr 1fr;
            }
           
            
            .form-actions {
                flex-direction: row;
            }
        }

        @media (min-width: 1024px) {
            .container {
                padding: 0 20px;
            }
            
            .abstract-heading {
                font-size: 36px;
            }
            
            .abstract-form-container {
                max-width: 700px;
            }
        }

        /* Hide scrollbar when popup is active */
        body.popup-active {
            overflow: hidden;
        }

        /* Custom scrollbar for form */
        .abstract-form-container::-webkit-scrollbar {
            width: 8px;
        }

        .abstract-form-container::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }

        .abstract-form-container::-webkit-scrollbar-thumb {
            background: var(--primary);
            border-radius: 10px;
        }

        .abstract-form-container::-webkit-scrollbar-thumb:hover {
            background: var(--primary-dark);
        }

        /*****  why attend   ***/
           :root {
            --primary: #3bd4ae;
            --primary-dark: #2a9d7f;
            --primary-light: rgba(59, 212, 174, 0.1);
            --secondary: #4C6DA6;
            --secondary-dark: #3a5685;
            --secondary-light: rgba(76, 109, 166, 0.1);
            --dark: #1a365d;
            --gray-dark: #4a5568;
            --gray: #718096;
            --gray-light: #e2e8f0;
            --light: #f8f9fa;
            --white: #ffffff;
            --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
            --shadow-xl: 0 12px 36px rgba(0, 0, 0, 0.15);
            --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            --transition-slow: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--gray-dark);
            line-height: 1.5;
            overflow-x: hidden;
            background-color: var(--white);
            transition: filter 0.4s ease;
        }

        .why-attend-section {
            padding: 80px 0;
            position: relative;
            overflow: hidden;
            background: var(--white);
            color: var(--dark);
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 2;
        }

        .why-attend-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        /* Subtle background elements */
        .spotlight-shapes {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none;
        }

        .floating-shape {
            position: absolute;
            border-radius: 50%;
            filter: blur(40px);
            animation: float 8s ease-in-out infinite;
        }

        .shape-1 {
            top: 10%;
            left: 5%;
            width: 80px;
            height: 80px;
            background: radial-gradient(circle, rgba(59,212,174,0.1) 0%, rgba(59,212,174,0) 70%);
        }

        .shape-2 {
            bottom: 15%;
            right: 8%;
            width: 120px;
            height: 120px;
            background: radial-gradient(circle, rgba(76,109,166,0.1) 0%, rgba(76,109,166,0) 70%);
            animation-delay: 2s;
            filter: blur(40px);
        }

        .why-attend-badge {
            background: linear-gradient(45deg, #3bd4ae, #4C6DA6);
            color: white;
            padding: 0.6rem 1.5rem;
            border-radius: 50px;
            font-weight: 700;
            margin-bottom: 1rem;
            font-size: 0.9rem;
            animation: pulse 2s infinite;
            box-shadow: 0 4px 15px rgba(59,212,174,0.3);
            display: inline-flex;
            align-items: center;
            max-width: max-content;
        }

        .why-attend-badge i {
            margin-right: 8px;
            animation: shake 1.5s infinite;
        }

        .why-attend-heading {
            font-size: 2.2rem;
            margin-bottom: 1.5rem;
            color: var(--dark);
            font-weight: 700;
            line-height: 1.2;
        }

        .why-attend-subheading {
            font-size: 1.1rem;
            color: var(--gray-dark);
            margin-bottom: 2rem;
            line-height: 1.6;
        }

        .why-attend-stats {
            display: flex;
            gap: 2rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
        }

        .why-attend-stats .stat-item {
            text-align: center;
            min-width: 100px;
        }

        .why-attend-stats .counter {
            font-size: 2rem;
            font-weight: 800;
            color: #3bd4ae;
            margin-bottom: 0.3rem;
        }

        .why-attend-stats span {
            font-size: 0.9rem;
            color: var(--gray);
            font-weight: 500;
        }

        .why-attend-cta {
            border: 2px solid #3bd4ae;
            color: #3bd4ae;
            padding: 1rem 2.2rem;
            border-radius: 50px;
            font-weight: 700;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            background: rgba(59,212,174,0.05);
            transition: all 0.3s ease;
            margin-bottom: 1.5rem;
            cursor: pointer;
            font-size: 1rem;
        }

        .why-attend-cta i {
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .why-attend-cta:hover {
            background: rgba(59,212,174,0.1);
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(59,212,174,0.3);
        }

        .why-attend-cta:hover i {
            transform: rotate(-10deg);
        }

        /* Benefits Grid */
        .why-attend-benefits {
            margin-top: 2rem;
        }

        .benefits-title {
            font-size: 1.2rem;
            margin-bottom: 1.2rem;
            color: var(--dark);
            font-weight: 600;
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .benefit-item {
            display: flex;
            align-items: flex-start;
            padding: 20px;
            background: rgba(59, 212, 174, 0.05);
            border-radius: 12px;
            transition: var(--transition);
            border-left: 4px solid var(--primary);
            font-size: 0.9rem;
        }

        .benefit-item:hover {
            background: rgba(59, 212, 174, 0.1);
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(59, 212, 174, 0.15);
        }

        .benefit-icon {
            width: 24px;
            height: 24px;
            margin-right: 12px;
            color: var(--primary);
            flex-shrink: 0;
            margin-top: 2px;
        }

        .benefit-text {
            color: var(--dark);
            font-weight: 500;
        }

        /* Animated SVG */
        .why-attend-svg {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

        .energy-network {
            width: 100%;
            max-width: 400px;
            height: auto;
            filter: drop-shadow(0 5px 15px rgba(59, 212, 174, 0.2));
        }

        .energy-node {
            fill: rgba(59, 212, 174, 0.2);
            stroke: #3bd4ae;
            stroke-width: 2;
            animation: pulse 3s ease-in-out infinite;
        }

        .energy-connection {
            stroke: #3bd4ae;
            stroke-width: 1.5;
            stroke-dasharray: 1000;
            stroke-dashoffset: 1000;
            animation: draw 4s ease-in-out infinite;
        }

        /* Enhanced Popup Form - Mobile Optimized */
        .why-attend-popup {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.85);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease;
            padding: 20px;
            box-sizing: border-box;
            overflow-y: auto;
        }

        .why-attend-popup.active {
            opacity: 1;
            visibility: visible;
        }

        .why-attend-form-container {
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(20px);
            border-radius: 16px;
            padding: 30px;
            width: 100%;
            max-width: 800px;
            max-height: 90vh;
            overflow-y: auto;
            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
            transform: scale(0.9) translateY(20px);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
        }

        .why-attend-popup.active .why-attend-form-container {
            transform: scale(1) translateY(0);
        }

        .form-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid var(--gray-light);
        }

        .form-title {
            font-size: 1.6rem;
            color: var(--dark);
            font-weight: 700;
            margin: 0;
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
        }

        .form-group {
            margin-bottom: 1.5rem;
        }

        .form-group.full-width {
            grid-column: 1 / -1;
        }

        .form-label {
            display: block;
            margin-bottom: 0.6rem;
            color: var(--dark);
            font-weight: 600;
            font-size: 0.95rem;
        }

        .form-input, .form-select, .form-textarea {
            width: 100%;
            padding: 14px 16px;
            border-radius: 8px;
            border: 1px solid var(--gray-light);
            background: white;
            color: var(--dark);
            font-family: 'Inter', sans-serif;
            transition: var(--transition);
            font-size: 1rem;
            box-sizing: border-box;
        }

        .form-input:focus, .form-select:focus, .form-textarea:focus {
            outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(59, 212, 174, 0.25);
        }

        /* Green track selector */
        .form-select {
            background-color: #f0fdf9;
            border-color: #3bd4ae;
            color: var(--dark);
        }

        .form-select option {
            background-color: white;
            color: var(--dark);
        }

        .form-textarea {
            min-height: 140px;
            resize: vertical;
        }

        .form-actions {
            grid-column: 1 / -1;
            display: flex;
            gap: 1rem;
            margin-top: 1.5rem;
            padding-top: 1.5rem;
            border-top: 1px solid var(--gray-light);
        }

        .form-submit {
            flex: 1;
            padding: 16px;
            border: none;
            border-radius: 10px;
            background: linear-gradient(45deg, #3bd4ae, #4C6DA6);
            color: white;
            font-weight: 600;
            font-size: 1.1rem;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .form-cancel {
            padding: 16px 28px;
            border: 1px solid var(--gray-light);
            border-radius: 10px;
            background: white;
            color: var(--gray-dark);
            font-weight: 500;
            font-size: 1rem;
            cursor: pointer;
            transition: var(--transition);
        }

        .form-submit:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(59, 212, 174, 0.4);
        }

        .form-cancel:hover {
            background: var(--gray-light);
            transform: translateY(-1px);
        }

        .form-submit i {
            transition: transform 0.3s ease;
        }

        .form-submit:hover i {
            transform: translateX(5px);
        }

        .close-popup {
            background: none;
            border: none;
            font-size: 1.8rem;
            color: var(--gray);
            cursor: pointer;
            transition: var(--transition);
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

        .close-popup:hover {
            background: rgba(0, 0, 0, 0.05);
            color: var(--dark);
            transform: rotate(90deg);
        }

        /* Animations */
        @keyframes float {
            0%, 100% { transform: translateY(0) translateX(0); }
            50% { transform: translateY(-15px) translateX(8px); }
        }

        @keyframes draw {
            0% { stroke-dashoffset: 1000; }
            50% { stroke-dashoffset: 0; }
            100% { stroke-dashoffset: 1000; }
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        @keyframes shake {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(-5deg); }
            50% { transform: rotate(5deg); }
            75% { transform: rotate(-5deg); }
        }

        @keyframes swing {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(-5deg); }
            50% { transform: rotate(5deg); }
            75% { transform: rotate(-5deg); }
        }

        /* Enhanced Mobile Responsiveness */
        @media (max-width: 992px) {
            .why-attend-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .why-attend-heading {
                font-size: 1.8rem;
            }
            
            .benefits-grid {
                grid-template-columns: 1fr;
            }
            
            .why-attend-svg {
                order: -1;
            }
            
            .form-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }
            
            .why-attend-form-container {
                padding: 25px;
                max-height: 95vh;
            }
        }

        @media (max-width: 768px) {
            .why-attend-section {
                padding: 60px 0;
            }
            
            .why-attend-heading {
                font-size: 1.6rem;
            }
            
            .why-attend-stats {
                gap: 1.5rem;
            }
            
            .why-attend-stats .counter {
                font-size: 1.8rem;
            }
            
            .why-attend-form-container {
                padding: 20px;
                border-radius: 12px;
            }
            
            .form-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 1rem;
                margin-bottom: 1.5rem;
            }
            
            .form-title {
                font-size: 1.4rem;
            }
            
            .form-actions {
                flex-direction: column;
            }
            
            .why-attend-popup {
                padding: 15px;
            }
            
            .form-input, .form-select, .form-textarea {
                padding: 12px 14px;
            }
        }

        @media (max-width: 576px) {
            .why-attend-stats {
                flex-direction: column;
                gap: 1rem;
            }
            
            .why-attend-badge {
                font-size: 0.8rem;
                padding: 0.5rem 1.2rem;
            }
            
            .energy-network {
                max-width: 280px;
            }
            
            .why-attend-form-container {
                padding: 18px;
                max-height: 98vh;
            }
            
            .form-title {
                font-size: 1.3rem;
            }
            
            .form-header {
                margin-bottom: 1.2rem;
            }
            
            .form-group {
                margin-bottom: 1.2rem;
            }
            
            .close-popup {
                width: 36px;
                height: 36px;
                font-size: 1.6rem;
                align-self: flex-end;
            }
            
            .why-attend-popup {
                padding: 10px;
            }
        }

        @media (max-width: 400px) {
            .why-attend-form-container {
                padding: 15px;
            }
            
            .form-title {
                font-size: 1.2rem;
            }
            
            .form-input, .form-select, .form-textarea {
                padding: 10px 12px;
                font-size: 0.9rem;
            }
            
            .form-submit, .form-cancel {
                padding: 14px;
                font-size: 0.95rem;
            }
        }

        /* Hide scrollbar when popup is active */
        body.popup-active {
            overflow: hidden;
        }


        /****** hero section*******/
        
.home-hero {
    padding: 6rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    position: relative;
    overflow: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.hero-content {
    position: relative;
    z-index: 2;
}

.hero-heading-wrapper {
    margin-bottom: 2.5rem;
}

.hero-heading {
    font-size: 2.75rem;
    line-height: 1.2;
    font-weight: 800;
    color: #1a202c;
    margin-bottom: 1.5rem;
}

.hero-tagline {
    display: block;
    background: linear-gradient(90deg, #3182ce 0%, #805ad5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-date {
    display: inline-block;
    font-size: 1.5rem;
    color: #4a5568;
    margin-top: 0.75rem;
    position: relative;
    padding-left: 1.5rem;
}

.hero-date::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background: #48bb78;
    border-radius: 50%;
    animation: pulse 2s infinite;
}

.hero-description {
    font-size: 1.15rem;
    line-height: 1.7;
    color: #4a5568;
    max-width: 90%;
    margin-bottom: 3rem;
}

.hero-actions {
    display: flex;
    gap: 1.5rem;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2.25rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-primary {
    background: #4299e1;
    color: white;
    box-shadow: 0 4px 6px rgba(66, 153, 225, 0.3);
}

.btn-primary:hover {
    background: #3182ce;
    transform: translateY(-3px);
    box-shadow: 0 10px 15px rgba(66, 153, 225, 0.4);
}

.btn-secondary {
    background: white;
    color: #4299e1;
    border: 2px solid #4299e1;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.btn-secondary:hover {
    background: #ebf8ff;
    transform: translateY(-3px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.hero-visual {
    position: relative;
    perspective: 1000px;
}

.image-wrapper {
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    transform: rotateY(-8deg);
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    height: 400px;
    width: 100%;
}

.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(49, 130, 206, 0.85) 0%, rgba(66, 153, 225, 0.9) 100%);
    color: white;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.image-wrapper:hover {
    transform: rotateY(0deg);
}

.image-wrapper:hover .image-overlay {
    opacity: 1;
}

.image-wrapper:hover .hero-image {
    transform: scale(1.1);
}

.overlay-content {
    transform: translateY(20px);
    transition: transform 0.5s ease;
    max-width: 80%;
}

.image-wrapper:hover .overlay-content {
    transform: translateY(0);
}

.overlay-badge {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 1rem;
    backdrop-filter: blur(5px);
}

.overlay-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.overlay-text {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    opacity: 0.9;
}

.overlay-cta {
    color: white;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.overlay-cta:hover {
    transform: translateX(5px);
}

.overlay-cta::after {
    content: "→";
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}

.overlay-cta:hover::after {
    transform: translateX(3px);
}

@keyframes pulse {
    0% { transform: translateY(-50%) scale(1); opacity: 1; }
    50% { transform: translateY(-50%) scale(1.1); opacity: 0.8; }
    100% { transform: translateY(-50%) scale(1); opacity: 1; }
}

@media (max-width: 1024px) {
    .hero-grid {
        gap: 3rem;
    }
    
    .hero-heading {
        font-size: 2.25rem;
    }
}

@media (max-width: 768px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .hero-heading {
        font-size: 2rem;
    }
    
    .hero-visual {
        order: -1;
        margin-bottom: 2rem;
    }
    
    .hero-description {
        max-width: 100%;
    }
    
    .hero-actions {
        flex-direction: column;
        gap: 1rem;
    }
    
    .btn {
        width: 100%;
    }
    
    .image-wrapper {
        transform: none;
    }
}



/* Abstract Form Styles */
.file-upload-wrapper {
    position: relative;
    margin-top: 8px;
}

.file-input {
    position: absolute;
    left: -9999px;
}

.file-upload-label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    background: #f8fafc;
    border: 2px dashed #cbd5e1;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.file-upload-label:hover {
    background: #f1f5f9;
    border-color: #3b82f6;
}

.file-upload-label i {
    font-size: 1.2rem;
    color: #3b82f6;
}

.file-upload-label span {
    color: #64748b;
    font-weight: 500;
}

.file-name {
    margin-top: 10px;
    padding: 10px;
    background: #e2e8f0;
    border-radius: 6px;
    font-size: 0.9rem;
    color: #475569;
}

.file-hint {
    display: block;
    margin-top: 8px;
    color: #94a3b8;
    font-size: 0.85rem;
}

.terms-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.terms-checkbox input[type="checkbox"] {
    margin-top: 4px;
}

.terms-checkbox label {
    font-size: 0.9rem;
    color: #475569;
    line-height: 1.5;
}

.terms-checkbox a {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 500;
}

.terms-checkbox a:hover {
    text-decoration: underline;
}

/* Success/Error Messages */
.success-message,
.error-message,
.loading-indicator {
    padding: 30px;
    text-align: center;
    border-radius: 12px;
    margin-bottom: 20px;
    animation: fadeIn 0.3s ease;
}

.success-message {
    background: #f0fdf4;
    border: 1px solid #86efac;
    color: #166534;
}

.success-message i {
    font-size: 3rem;
    margin-bottom: 15px;
    color: #22c55e;
}

.error-message {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.error-message i {
    font-size: 3rem;
    margin-bottom: 15px;
    color: #ef4444;
}

.loading-indicator {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #e2e8f0;
    border-top: 4px solid #3b82f6;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Form validation styles */
.form-input:invalid,
.form-select:invalid {
    border-color: #fca5a5;
}

.form-input:valid,
.form-select:valid {
    border-color: #86efac;
}

/* Progress bar for file upload */
.upload-progress {
    width: 100%;
    height: 4px;
    background: #e2e8f0;
    border-radius: 2px;
    margin-top: 10px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    background: #3b82f6;
    width: 0%;
    transition: width 0.3s ease;
}