body { background-color:#130f1d;font-family: 'Hellix'; }
.section {padding: 40px 0}
.lp-banner {padding-bottom: 30px; background-size: cover;background-repeat: no-repeat;background-position:bottom; }
.lp-header {padding: 30px 0; padding-bottom: 70px;}
.main-head {display: flex; justify-content: space-between;}
.contact-detail ul {padding:0;display:flex; margin-bottom: 0;align-items: center;height: 100%;list-style: none; gap:30px;}
.contact-detail ul li a {font-size: 18px;color: #FFFFFF;outline: none;text-decoration: none;}
.contact-detail ul li img {margin-right: 8px;}
.banner-heading h1 { font-size: 68px;font-weight: bold;-webkit-background-clip: text;
background: linear-gradient(90deg, #358FE6 0%, #CD49F2 53%, #E2791F 100%);-webkit-text-fill-color: transparent;text-align: center;    -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.banner-heading p {font-size: 24px;color: #E6E6E6;text-align: center;line-height: 35px;width: 67%;margin: 0 auto;}
.banner-heading a {background: transparent linear-gradient(92deg, #264BFF 0%, #7633FF 100%) 0% 0% no-repeat padding-box;
    border-radius: 12px;color: #fff;font-size: 22px;line-height: 35px;padding: 12px 30px;outline: none;text-decoration: none;margin: 0 auto;width: fit-content;display: flex;margin-top: 45px;}
.heading {margin-bottom: 30px;}
.heading h2 {font-size: 50px; color: #FFFFFF; line-height: 68px; text-align: center;}
.banner-heading h4 {font-size: 30px;color: #FFFFFF; line-height: 36px; text-align: center; margin-top: 16px;display:flex; }
.banner-heading h4 img {margin-right: 5px}
.heading h2 span {background: transparent linear-gradient(90deg, #358FE6 0%, #CD49F2 57%, #E2791F 100%) 0% 0% no-repeat padding-box;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.heading p {font-size: 20px; line-height: 28px; color: #E6E6E6; text-align: center;}
.Speakers-card { background-color: #241A33; border-radius: 24px;overflow: hidden; height:100%;}
.meet-speakers {background-size: cover;background-repeat: no-repeat;background-position:bottom;}
.Speakers-img img {max-width: 420px; width: 100%}
.Speakers-detail {padding: 30px;}
.Speakers-detail h3 {font-size: 24px; line-height: 35px; color: #fff; margin-bottom: 0;display: flex;align-items: center;
    height: 100%;}
.Speakers-detail h3 span {display: flex; margin-right: 5px;}
.Speakers-detail h6 {font-size: 18px; line-height: 35px; color: #BF9CC9;}
.Speakers-detail p {font-size: 16px; line-height: 20px; color: #FFFFFF; margin-bottom: 0;}

.webinar-two {text-align: center;}
.webinar-detail {background-color: #FFFFFF;border-radius: 18px;padding: 20px;box-shadow: 0px 10px 26px #470085BA;
    margin-bottom: 40px;display: flex; align-items: flex-start;}
.webinar-detail img {margin-right: 10px}
.webinar-detail p {font-size: 20px;line-height: 26px;color: #180F2A;margin-bottom: 0;}
.webinar-two img { width: 100%;max-width: 635px;}
.what-webinar .heading {margin-bottom: 70px;}
.trend-talk {background-color: #1B112B;padding: 65px 40px; margin-bottom: 0px;position: relative;    }
.left-section h2 {font-size: 50px;line-height: 65px;color: #FFFFFF;}
.webinar-table-text.left-section h2 { font-weight: 800;}
.left-section h2 span {background: transparent linear-gradient(90deg, #358FE6 0%, #CD49F2 57%, #E2791F 100%) 0% 0% no-repeat padding-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.left-section a {background: transparent linear-gradient(92deg, #264BFF 0%, #7633FF 100%) 0% 0% no-repeat padding-box;
    border-radius: 12px;color: #fff;font-size: 22px;line-height: 35px;padding: 12px 30px;outline: none;
    text-decoration: none;width: fit-content;display: flex;margin-top: 45px; margin-left: 30px}
.right-section {background-color: #241A33;padding: 100px 40px; border-radius: 24px;}
.right-section ul li {font-size: 20px; line-height: 26px; color: #EBE1FF; list-style: none; margin-bottom: 25px;position: relative;}
.right-section ul li:before {content: ''; background-image: url('../images/li-icon.svg');width: 16px;height: 16px;
    display: block;position: absolute;background-repeat: no-repeat;left: -24px;top: 6px;background-size: contain;}
.why-webinar .right-section p, .why-webinar .left-section p {color: #FFFFFF; font-size: 22px; line-height: 29px}
.why-webinar a {margin-top: 0;margin-left: 0;}
.why-webinar .left-section p:first-child {margin-bottom: 50px}
.why-webinar .right-section {margin-right: 30px;padding: 50px 40px;}
.webinar-matters {background-repeat: no-repeat;background-position: 0px -308px; background-size: cover; padding-top: 80px; position: relative; overflow: hidden;}
.webinar-matters:before {content: ''; background-image: url('../images/net-bg.svg');width: 100%;height: 100%;
 display: block;position: absolute;background-size: 100%;top: -84%;z-index: 0;}
.what-webinar {padding-bottom: 0;}
.right-section ul li:last-child {margin-bottom: 0;}
.why-webinar .right-section { padding: 40px 40px;margin: 20px 0;}

footer.footer {background: transparent linear-gradient(90deg, #358FE6 0%, #CD49F2 57%, #E2791F 100%) 0% 0% no-repeat padding-box;}
footer.footer p {font-size: 18px;color: #fff; margin-bottom: 0; text-align: center; padding: 10px 0}

.modal-dialog {max-width: 1000px; width: 100%;}
.modal-content {background-color: #241A33; border-radius: 24px; padding: 45px; }
.input-ai {display: flex; gap: 20px;margin-bottom: 20px; }
.inputai { width: 100%;}
.popup-body h2 { background: transparent linear-gradient(90deg, #358FE6 0%, #CD49F2 47%, #E2791F 75%) 0% 0% no-repeat padding-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 50px;
    text-align: center; margin-bottom: 30px;}
.btn-close {filter: invert(1);position: absolute;z-index: 9;border: 2px solid #000;width: 25px;height: 25px;
    border-radius: 100%;right: 10px;top: 10px;opacity: 1;}
.popup-form .inputai input {height: 55px;}
.popup-submit input[type='submit']{background: transparent linear-gradient(92deg, #264BFF 0%, #7633FF 100%) 0% 0% no-repeat padding-box;border-radius: 12px;color: #fff;font-size: 22px;line-height: 35px;padding: 12px 30px;
    outline: none;text-decoration: none;margin: 0 auto;width: fit-content;display: flex;margin-top: 30px;border: none;}
.lp-banner.banner2nd {max-height: 100%;height: 100%;background-position: top;}

.webinar-table {background-color: #1B112B;padding: 65px 40px; margin-bottom: 0px; position: relative;
    border-radius: 24px;  margin-top: 38px;}
.webinar-table-detail {background-color: #241A33; padding: 60px 40px; border-radius: 24px;}
.webinar-function {display: flex; align-items: flex-start;}
.webinar-function p {font-size: 24px;line-height: 28px; color: #EBE1FF;margin-bottom: 20px}
.webinar-function img {margin-right: 10px;}
.webinar-function:last-child p {margin-bottom: 0;}
.do-next-section img {width: 100%;}
.about-learn-section {width: 80%;margin: 0 auto;}
.about-learn-section p.endp {font-size: 32px; line-height: 58px; color: #FFFFFF; margin-bottom: 0; text-align: center; margin-top: 20px;}
.about-learn-section p.endp span {font-weight: bold;}
.about-learn-box { text-align: center; background: transparent linear-gradient(89deg, #358FE6 0%, #CD49F2 57%, #E2791F 100%) 0% 0% no-repeat padding-box;
    border-radius: 24px; padding: 1px; height: 100%;}
.about-learn-box2nd {width: 100%; background-color: #000; border-radius: 24px; height: 100%;padding: 20px;padding-top: 30px;min-height: 240px;}
.about-learn-box2nd p {margin-bottom: 0; font-size: 20px;line-height: 26px; color: #EBE1FF; }
.about-learn-box2nd img {margin-bottom: 15px;}
.about-learn {background-position: bottom;}
.next-mobile {display: none;}




.captcha-flex {display: flex; gap: 10px; align-items: center; justify-content: center;}
.captcha-mbox p.captext { color: #fff; font-size: 22px;}
.captcha-mbox p { margin-bottom: 0;}
.captchabox {height: 45px; padding: 10px;  border-radius: 10px; outline: none; border: none; background-color: #FFFFFFB3;}
.tel.form-position.phones-erors {position: relative;}
.popup-form .inputai input[type='tel'] {position: relative;padding-left: 50px;}

.intl-tel-input.allow-dropdown {position: absolute;left: 0px;top: 27px;margin-right: 5px;width: 50px;}
.captcha-mbox #msg {width: fit-content; display: block;margin: 0 auto;}
.about-learn-box2nd {position: relative;}
.about-learn-box2nd:after {content: ''; position: absolute; background-image: url('../images/bg-3.png');width: 100%;left: 0;
    height: 100%;background-size: 100%;background-repeat: no-repeat;background-position: bottom;bottom: 0;}
.input-ai label{display: block;}



.next-section-box {background-color: #1B112B;border-radius: 24px;padding: 20px; height: 90%;}
.next-icon img {width: 80px;margin-right: 10px;}
.next-detail h3 {font-size: 22px;line-height: 26px;color: #fff;font-weight: 600;}
.next-detail p {font-size: 16px;line-height: 21px; color: #EBE1FF; margin-bottom: 0;}
.next-section-box {margin-bottom: 40px;}
.next-section-box .next-detail a {font-size: 16px; color: #006CD4; outline: none; text-decoration: none;}
.do-next-section {margin-top: 20px}
.do-next-section a {text-decoration: none; outline: none}

.seo-ai-form {margin-top: 30px;}
.seo-ai-form iframe {height: 325px!important;}
.date-calendar {width: fit-content; margin: 0 auto;}
.shear-seo-ai a {    background: transparent linear-gradient(92deg, #264BFF 0%, #7633FF 100%) 0% 0% no-repeat padding-box;
    border-radius: 12px;color: #fff;font-size: 22px;line-height: 35px;padding: 12px 30px;outline: none;text-decoration: none;
    width: fit-content; display: flex; margin: 0 auto;}
.calendar-list { display: flex;align-items: center; margin-top: 15px}
.calendar-list a {margin-right: 10px}
.calendar-list a img {width: 23px;}
.shear-seo-ai a {display: flex;align-items: center;}
.shear-seo-ai a img {width: 28px; height: 28px;margin-left: 6px;}
.share-option a:hover {opacity: 0.7}





  .share-popup {display: none;
      background: white;
      padding: 15px 20px;
      border-radius: 10px;
      box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
      width: 160px;position: absolute;top: 73px;    right: 0;
    }

    /* Arrow */
    .share-popup::before {
      content: "";
      position: absolute;
      top: -10px;
      right: 20px;
      border-width: 0 10px 10px 10px;
      border-style: solid;
      border-color: transparent transparent white transparent;
    }

    .share-option {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #999;
      font-size: 14px;
      margin: 10px 0;
      cursor: pointer;
      transition: color 0.3s;
    }

    .share-option:hover {
      color: #000;
    }

    .share-option i {
      font-size: 16px;
    }

.shear-seo-ai {width: fit-content; margin: 0 auto; padding-bottom:25px; position: relative;}
.shear-seo-ai:hover .share-popup {display: block;}
.share-popup a {background: none;border-radius: 0; color: #999;line-height: 20px;padding: 0;outline: none; text-decoration: none;
width: 100%; font-size: 14px; margin: 1px 0;cursor: pointer;transition: color 0.3s;}
.share-popup a img {width: 16px;height: 16px; margin-left: 0;margin-right: 6px;}
.section.do-next {padding-top: 20px}
.section.meet-speakers {padding-top: 20px}




@media screen and (max-width:1399px) {
.next-section-box {margin-bottom: 30px;padding: 10px;height: 87%;}
.next-icon img {width: 70px; margin-right: 5px;}

}

@media screen and (max-width:1299px) {
.webinar-detail { padding: 15px;}
.webinar-detail p {font-size: 16px; line-height: 23px; }
.about-learn-section p.endp { font-size: 30px;line-height: 56px;}


.next-section-box {margin-bottom: 30px;padding: 10px;height: 87%;}
.next-icon img {width: 60px; margin-right: 5px;}
.next-detail h3 {font-size: 19px;line-height: 22px;}
.next-detail p { font-size: 14px;line-height: 20px;}

}

@media screen and (max-width:1199px) {
.banner-heading h1 {font-size: 60px;}
.Speakers-detail {padding: 25px;}
.Speakers-detail h3 {font-size: 20px;line-height: 33px;}
.Speakers-detail h6 {font-size: 14px; line-height: 30px;}
.webinar-detail p { font-size: 18px; line-height: 24px;}
.left-section h2 {font-size: 40px;line-height: 60px;}
.right-section { padding: 70px 40px;}

.banner2nd .left-section h2 { font-size: 45px; line-height: 60px;}
.webinar-table-detail {padding: 50px 40px;}
.webinar-function p { font-size: 22px; line-height: 26px;}
.about-learn-box2nd p {font-size: 18px; line-height: 24px;}
.about-learn-section p.endp { font-size: 26px; line-height: 50px;}


.next-section-box {margin-bottom: 30px;padding: 10px;height: 87%;}
.next-icon img {width: 60px; margin-right: 5px;}
.next-detail h3 {font-size: 19px;line-height: 22px;}
.next-detail p { font-size: 14px;line-height: 20px;}

}


@media screen and (max-width:1024px) {
.banner-heading h1 {font-size: 45px;}
.heading p {font-size: 18px; line-height: 26px;}
.banner-heading p {font-size: 22px;line-height: 32px; width: 100%;}
.Speakers-detail {padding: 15px;}
.Speakers-detail h3 {font-size: 16px;line-height: 30px;}
.Speakers-detail h3 span {margin-right: 4px;}
.Speakers-detail h3 span img {width: 13px;}
.Speakers-detail h6 {font-size: 15px; line-height: 20px; min-height:41px;}
.Speakers-detail p {font-size: 14px; line-height: 18px;}
.heading h2 {font-size: 45px;line-height: 60px;}
.webinar-detail p { font-size: 13px; line-height: 18px;}
.webinar-detail img {  margin-right: 5px; width: 30px;}
.trend-talk {padding: 50px 20px;}
.left-section h2 {font-size: 33px;line-height: 48px;}
.left-section a {font-size: 20px;line-height: 30px;padding: 9px 25px;margin-top: 35px;}
.banner-heading a {font-size: 20px;line-height: 30px;padding: 9px 25px;margin-top: 40px;}
.right-section { padding: 70px 25px}
.right-section ul li {font-size: 16px;line-height: 22px;margin-bottom: 12px;}
.why-webinar .right-section { padding: 30px 30px;margin: 15px 0;}
.why-webinar .right-section p, .why-webinar .left-section p {font-size: 20px; line-height: 26px;}
.popup-submit input[type='submit'] {font-size: 20px;line-height: 30px; padding: 9px 30px; margin-top: 38px;}

.webinar-table { padding: 30px 30px;}
.banner2nd .left-section h2 {font-size: 35px;line-height: 53px;}
.webinar-table-detail {padding: 30px 30px;margin-bottom: 0px;}
.webinar-function p { font-size: 20px; line-height: 24px;}
.about-learn-section {width: 100%;}
.about-learn-box2nd p { font-size: 17px; line-height: 24px;}
.about-learn-section p.endp {font-size: 23px;line-height: 45px;}

.next-section-box {margin-bottom: 30px;padding: 10px;height: 93%;}
.next-icon img {width: 60px; margin-right: 5px;}
.next-detail h3 {font-size: 19px;line-height: 22px;}
.next-detail p { font-size: 14px;line-height: 20px;}
.lp-banner {padding-bottom: 0px;}
.do-next-section { margin-top: 0;}

}


@media screen and (max-width:767px) {
.head-logo img {width: 150px;}
.contact-detail ul li a { font-size: 15px;}
.contact-detail ul {gap: 10px;}
.banner-heading h1 {font-size: 40px;}
.banner-heading h1 br {display: none;}
.banner-heading p {font-size: 20px;line-height: 30px; width: 100%;}
.banner-heading a {font-size: 20px;line-height: 30px;padding: 9px 25px;margin-top: 40px;}
.section {padding: 50px 0;}
.heading h2 { font-size: 45px; line-height: 60px;}
.Speakers-detail {padding: 15px;}
.Speakers-detail h3 {font-size: 18px;line-height: 28px;}
.Speakers-detail h6 {font-size: 16px;line-height: 30px;}
.Speakers-detail p { font-size: 14px;}
.Speakers-card {margin-bottom: 20px}
.heading p br {display: none;}
.webinar-two {margin-bottom: 20px; display: none;}
.left-section h2 { font-size: 40px;line-height: 60px;text-align: center;}
.left-section a {font-size: 20px;line-height: 30px;padding: 9px 25px;margin: 0 auto;margin-top: 35px;}
.right-section { padding: 30px 20px;margin-top: 30px;}
.left-section {text-align: center;}
.popup-submit input[type='submit'] {font-size: 20px;line-height: 30px; padding: 9px 30px; margin-top: 38px;}

.next-desktop {display: none}
.next-mobile {display: block;}

.about-learn-box {height: 94%; margin-bottom: 20px;}
.about-learn-box2nd p { font-size: 18px; line-height: 24px;}
.about-learn-box2nd p br {display: none;}
.about-learn-section p.endp {font-size: 26px;line-height: 45px;}
.banner2nd .left-section h2 {font-size: 35px;line-height: 53px;}
.webinar-table {padding: 30px 30px;}
.modal-dialog {margin:0 auto;}


.next-section-box {width: 100%;margin-bottom: 20px;padding: 10px;margin: 0 auto;max-width: 400px; margin-bottom: 30px;}
.next-icon img {width: 60px; margin-right: 5px;}
.next-detail h3 {font-size: 19px;line-height: 22px;}
.next-detail p { font-size: 14px;line-height: 20px;}
.webinar-detail p {font-size: 18px;line-height: 23px;}
.seo-ai-form iframe {height: 413px !important;}
.banner-heading h4 {font-size: 25px; line-height: 31px;}
.heading {margin-bottom: 20px;}
.section.do-next {padding-top: 30px!important}



}


@media screen and (max-width:575px) {
.section {padding: 30px 0;}
.heading p {font-size: 18px;line-height: 25px;}

.main-head {justify-content: center;flex-direction: column; align-items: center;}
.contact-detail ul {gap: 15px;}
.contact-detail ul li a { font-size: 13px;}
.contact-detail ul li img {margin-right: 5px;width: 20px;}
.banner-heading h1 {font-size: 31px;}
.banner-heading p {font-size: 20px;line-height: 30px;width: 100%;}
.banner-heading a {font-size: 20px;line-height: 30px; padding: 9px 30px; margin-top: 38px;}
.heading h2 {font-size: 31px;line-height: 47px;}
.Speakers-detail {padding: 20px;}
.Speakers-detail h3 { font-size: 20px;line-height: 30px;}
.Speakers-detail h6 {font-size: 16px;line-height: 30px;}
.Speakers-detail p { font-size: 15px;}
.Speakers-card {margin-bottom: 20px;}
.what-webinar .heading {margin-bottom: 50px;}
.webinar-detail p {font-size: 18px; line-height: 23px;}
.webinar-detail {padding: 18px;margin-bottom: 30px;}
.webinar-two img {margin: 15px 0;}
/*.webinar-detail:last-child {margin-bottom: 0;}*/
.trend-talk {padding: 25px 20px;}
.left-section h2 {font-size: 31px;line-height: 48px; text-align: center;}
.left-section a {font-size: 20px;line-height: 35px;padding: 9px 30px; margin: 0 auto;margin-top: 35px;}
.right-section {padding: 20px 10px;margin-top: 25px;}
.right-section ul li {font-size: 18px;line-height: 24px;margin-bottom: 20px;}
.right-section ul li:last-child {margin-bottom: 0;}
.why-webinar .right-section {margin-right: 0;padding: 30px 25px;}
.why-webinar .right-section p, .why-webinar .left-section p {font-size: 18px;line-height: 26px;}
.left-section {text-align: center; margin-top:20px; }
footer.footer p {font-size: 14px;}

.modal-content {padding: 40px 15px;}
.popup-body h2 {font-size: 35px; margin-bottom: 28px; }
.input-ai { flex-direction: column;}
.popup-submit input[type='submit'] {font-size: 20px;line-height: 30px; padding: 9px 30px; margin-top: 38px;}


.next-desktop {display: none}
.next-mobile {display: block;}


.webinar-table {padding: 30px 20px;margin-top: 30px;margin-bottom: 30px;}
.webinar-table .left-section h2 {font-size: 30px;line-height: 40px;}
.webinar-table-detail {padding: 30px 30px; margin-top: 20px;}
.webinar-function p { font-size: 20px; line-height: 26px; margin-bottom: 15px;}
.webinar-function p br {display: none;}
.about-learn-box {margin: 0 auto; margin-bottom: 15px;height: auto; max-width: 300px}
.about-learn-box2nd p {font-size: 18px; line-height: 24px;}
.about-learn-section {width: 100%;}
.about-learn-section p.endp { font-size: 26px; line-height: 40px;}

.next-section-box {margin-bottom: 20px;padding: 10px;}
.next-icon img {width: 60px; margin-right: 5px;}
.next-detail h3 {font-size: 19px;line-height: 22px;}
.next-detail p { font-size: 14px;line-height: 20px;}
.Speakers-card { height: 95%;}
.Speakers-card {width: 100%;height: 95%;max-width: 420px;margin: 0 auto;margin-bottom: 25px;}
.section.meet-speakers {padding-bottom: 0;}
.webinar-matters {background-position: 0px -399px;}

}