body {
    font-family: "Inter", serif;
}

h2 {
    color: #131313;
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
}

p {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.mob-off {
    display: block
}

.patrons_txt h5 {
    font-size: 14px;
}

.patrons_txt ul li {
    font-size: 14px;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: all 0.5s;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

.accordion-button::after {
    transition: all 0.5s;
}

.img_pos img {
    float: right;
}

sup {

    font-size: 12px;
}

.accordion-body h5 {
    font-size: 14px;
}

.accordion-body ul li {
    font-size: 14px;
}

.accordion-header button {
    font-size: 16px;
}

.navbar {
    box-shadow: none;
    height: 83px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 10px;
    opacity: 0.9;
    background: #000;
    padding: 0px 20px;
}

a.nav-link.active {
    text-decoration: underline;
    font-weight: 600;
}

.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    justify-content: center;
    align-items: center;
    flex-grow: unset !important;
}

.dropdown-item {
    color: #131313;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 200% */
    letter-spacing: -0.14px;
    padding: 6px 15px
}

.dropdown-menu[data-bs-popper] {
    margin-top: 31px;
    opacity: 1;
    background: #FFF;
    box-shadow: none;
    border-radius: 0px;
    padding: 0px 0px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color) !important;
    background-color: var(--bs-dropdown-link-hover-bg) !important;
}

.submit-now a {
    background: #ffffff;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    width: 125px;
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-decoration: none;
}

.submit-now a img {
    width: 20px;
    margin-left: 10px;
}

.navbar-brand {
    padding: 0px;
}

.navbar-brand img {
    width: 141px;
}

.nav-link {
    color: #ffffff !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600;
    padding: 0px 12px !important;
}

.nav-link:focus,
.nav-link:hover {
    color: #ffffff !important;
}

.hero-section {
    width: 100%;
    clear: both;
    float: left;
    background-image: url('images/transparent-banner1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 560px;
}

.hero-section-inner {
    width: 100%;
    clear: both;
    float: left;
    background-image: url('images/transparent-banner1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 560px;
}

.top-banner-section {
    width: 100%;
    float: left;
    padding: 60px 0px 0 0;
    text-align: center;
}

.top-banner-section span {
    font-size: 26px;
}

.top-banner-section small {
    color: #131313;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 75.8px;
}

.top-banner-section h1 {
    text-transform: uppercase;
    margin: 0px;
    color: #131313;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    /* 120% */
    letter-spacing: -1px;
    text-transform: uppercase;
}

.top-banner-section span {
    color: #131313;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 77.8px;
    /* 389% */
    letter-spacing: -0.4px;
    text-transform: uppercase;
}

.ban-col {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.ban-col p {
    color: var(--color-red-45, #CE1815);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16.8px;
}

@media (min-width: 1441px) {
    .hero-section {
        height: 700px;
    }
}

.overlay {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 32px 28px 32px 28px;
}

.banner-content {
    width: 45%;
    padding-top: 120px
}

.banner-content h1 {
    color: #FFF;
    font-size: 88px;
    font-style: normal;
    font-weight: 600;
    line-height: 96.8px;
    /* 110% */
    letter-spacing: -2px;
    margin: 0px;
}

.banner-content p {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 160% */
    letter-spacing: -0.4px;
    margin: 0px;
}

.banner-content a {
    background: #D00000;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
    margin-top: .5rem;
    width: 220px;
    border-radius: 0px;
}

.banner-content a img {
    width: 20px;
}

.banner-content a:hover {
    background: #7b1010;
    color: #ffffff;
}

.event-details {
    width: 100%;
    float: left;
    margin-top: -60px;
}

.event-boxes {
    width: 68%;
    display: flex;
    flex-flow: wrap;
    gap: 75px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.10);
    padding: 10px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.event-item {
    display: flex;
    align-items: flex-start;
}

.event-item img {
    margin-right: 10px;
}

.event-meta span {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.event-meta p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    margin: 0px;
}

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

.speakers_block {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.speakers_block li {
    flex: 0 0 16%;
}

.speakers_cont {
    padding: 10px 0px;
}

.speakers_cont h5 {
    font-size: 16px;
    font-weight: 700;
}

.speakers_cont p {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}

.speakers_block img {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    width: 100%;
}

.conference-detail {
    width: 100%;
    margin: 0 auto;
    padding: 45px 0px;
}

.conference-detail h2 {

    margin-bottom: 27px;
    text-transform: uppercase;
}

.conference-detail p {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 170% */
    margin-bottom: 27px;
}

.conference-detail p strong {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27.2px;
    /* 170% */
}

.conference-detail p a {
    background: transparent !important;
    height: auto;
    display: block;
    color: #D00000 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 27.2px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin: 0px;
    padding: 0px;
}

.normal-text {
    margin-top: 26px;
    width: 100%;
}

.normal-text p {
    color: #131313;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    /* 170% */
    margin-bottom: 0px;
    margin: 0px;
}

.normal-text a {
    width: auto !important;
    color: #D00000 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px !important;
    text-decoration: none !important;
    background: transparent !important;
    height: unset !important;
    margin: 0px !important;
    padding: 0px !important;
    display: unset !important;
}

.conference-detail a {
    background: #D00000;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: .5rem;
    width: 220px;
    text-decoration: none;
}

.conference-detail a img {
    width: 20px;
}

.ourJournals {
    background: #f3f3f3;
    padding: 60px 0px;
    margin: 80px 0px 40px;
}

ul.jListHM {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    padding: 0px;
}

.jListHM li {
    flex: 16%;
    margin: 0px 0px 0px 0px;
    list-style-type: none !important;
    padding: 0px;
}

.jListHM li a {
    transition: transform 0.3s ease;
    transform: translateX(0px);
    display: block;
}

.jListHM li a img {
    box-shadow: -20px 1px 20px -21px rgba(0, 0, 0, 0.66);
    -webkit-box-shadow: -20px 1px 20px -21px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: -20px 1px 20px -21px rgba(0, 0, 0, 0.66);
    border: 0px solid #000;
    border-radius: 4px;
    max-width: 90%;
}

.jListHM li a:hover {
    transform: translateX(10px);
}

.conference-detail a:hover {
    background: #7b1010;
    color: #ffffff;
}

/* client logos */
.ican-clients {
    width: 100%;
    float: left;
    background: #F2F2F7;
    padding: 88px 0;
}

.ican-clients h2 {
    margin: 0px;
    padding: 0px;
}

.ican-clients ul {
    width: 100%;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    padding: 0;
    margin-top: 40px;
    margin-left: 0;
    gap: 14px;
}

.ican-clients ul li {
    border-radius: 4.033px;
    background: #FFF;
    box-shadow: 0px 0px 2.016px 0px rgba(0, 0, 0, 0.40);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 88px;
    padding: 0px 20px;
}

/* client logos */
.ican-clientsW {
    width: 100%;
    float: left;
    background: #fff;
    padding: 88px 0;
}

.ican-clientsW h2 {
    margin: 0px;
    padding: 0px;
}

.ican-clientsW ul {
    width: 100%;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    padding: 0;
    margin-top: 40px;
    margin-left: 0;
    gap: 14px;
}

.ican-clientsW ul li {
    border-radius: 4.033px;
    background: #FFF;
    box-shadow: 0px 0px 2.016px 0px rgba(0, 0, 0, 0.40);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 88px;
    padding: 0px 20px;
}


.media-coverage {
    width: 100%;
    float: left;
    padding: 80px 0px;
    background: #F6FAFF;
}

.media-coverage h2 {
    color: #131313;

    padding: 0px;
    margin: 0px 0px 25px 0px;
}

.photo-col {
    border: 1px solid #333333;
    margin-bottom: 15px;
}

.photo-col img {
    width: 100%;
}

.important-updates {
    width: 100%;
    float: left;
    padding: 60px 0px 60px 0px;
}

.important-updates .col-md-9 {
    padding: 0px;
}

.important-updates .col-md-3 {
    padding: 0px;
}

.important-updates .back-overlay {
    background: #000;
    padding: 38px 30px;
    height: 100%;
}

.back-overlay h2 {
    color: #FFF;
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
}

.updates-list {
    padding: 32px 28px;
    border: 3px solid #000;
}

.updates-list ul {
    margin: 0px;
    padding: 0px 20px;
    display: block;
}

.updates-list ul li {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    /* 218.75% */
}

.updates-list ul li a {
    color: #D00000 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 27.2px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin: 0px;
    padding: 0px;
}

.come-join-us {
    width: 100%;
    float: left;
    padding: 0px;
    background: #F2F2F7;
}

.join-us-col {
    background: #F2F2F7;
    padding: 60px 33px;
}

.join-us-col h2 {
    color: #131313;
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
}

.join-us-col p {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 170% */
    margin-bottom: 40px;
}

.join-cols {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
}

.col-grids {
    display: flex;
    flex-direction: column;
    width: 45%;
}

.col-grids img {
    width: 48px;
    height: 48px;
    margin-bottom: 29px;
}

.col-grids span {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27.2px;
    /* 170% */
}

.col-grids a {
    color: #D00000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.sn-computer-box {
    border-radius: 6px;
    background: #000;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.sn-content p {
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 170% */
}

.sn-content a {
    background: #D00000;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: .5rem;
    width: 220px;
    text-decoration: none;
}

.sn-content a:hover {
    background: #7b1010;
    color: #ffffff;
}

.sn-content a img {
    width: 20px;
}

.gallery {
    width: 100%;
    float: left;
    background: #212121;
    padding: 60px 0;
}

.gallery h2 {
    color: #FFF;
    margin-bottom: 42px;
}

.gallery-col1 {
    display: flex;
    gap: 15px;
}

.gallery-grid img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.video-edition {
    width: 100%;
    float: left;
    padding: 60px 0px 80px 0px;
}

.video-edition h2 {
    color: #131313;
    margin-bottom: 40px;
    ;
}

.video-edition .col-md-3 {
    display: flex;
}

.video-col {
    padding: 24px;
    background: #F6FAFF;
}

.video-col img {
    margin-bottom: 10px;
    width: 100%;
}

.video-col span {
    color: #131313;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 0px;
    display: block;
}

.know-more-button {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 36px;
}

.know-more-button a {
    background: #D00000;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.4px;
    margin-top: .5rem;
    width: 243px;
    text-decoration: none;
}

.know-more-button a:hover {
    background: #7b1010;
    color: #ffffff;
}

.know-more-button a img {
    width: 20px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.video-col a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px;
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
    margin-top: .5rem;
    width: 100%;
    text-decoration: none;
}

.video-col a:hover {
    background: #7b1010;
    color: #ffffff;
}

.video-col a img {
    width: 20px;
    margin-bottom: 0px;
}

.speaker-section {
    width: 100%;
    float: left;
    padding: 80px 0px;
}

.speaker-section .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.speaker-section .heading h2 {
    color: #131313;
}

.speaker-section .heading a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.speaker-section .heading a img {
    margin-left: 10px;
}

.speaker-col {
    margin-bottom: 40px;
}

.speaker-col img {
    width: 100%;
}

.speaker-col span {
    color: #131313;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 150% */
    letter-spacing: -0.4px;
    display: block;
    margin: 10px 0;
}

.speaker-col p {
    margin: 0px;
}

.contact-us-section {
    width: 100%;
    float: left;
    padding: 0px 0px 80px 0px;
}

.heading-contact-home {
    margin-bottom: 24px;
    width: 100%;
    float: left;
}

.heading-contact-home h2 {
    margin-bottom: 16px;
}

.heading-contact-home p {
    margin-bottom: 0px;
}

.foot-banner {
    width: 100%;
}

.foot-banner img {
    width: 100%;
}

.location-venue {
    width: 100%;
    border-right: 1px solid rgba(206, 204, 219, 0.50);
    padding-right: 20px;
}

.location-venue h2 {
    color: #131313;
    font-size: 22.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 35.2px;
    margin-bottom: 13px;
}

.location-venue p {
    margin-bottom: 20px;
}

.addess-cont {
    display: block;
}

.addess-cont small {
    color: #131313;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 16.8px;
}

.addess-cont p {
    margin-bottom: 0;
    color: #131313;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
}

.location-venue a {
    background: #FFF;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
    width: 217px;
    text-decoration: none;
    padding: 0 10px;
    margin-top: 48px;
}

.location-venue a img {
    width: 20px;

}

.foot-register {
    width: 100%;
    float: left;
    padding-top: 40px;
}

.foot-register a {
    background: #D00000;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
    margin-top: .5rem;
    width: 100%;
    text-decoration: none;
}

.foot-register a:hover {
    background: #7b1010;
    color: #ffffff;
}

.foot-register a img {
    width: 16px;
    margin-bottom: 0px;
}

.address {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.address img {
    width: 38px;
    margin-right: 10px;
}

.address small {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16.8px;
}

.contact-heading {
    color: #131313;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 39.2px;
    /* 140% */
    letter-spacing: -1px;
}

/* footer */
.footer {
    width: 100%;
    float: left;
    background: #212121;
    text-align: center;
    padding: 15px 0px;
}

.footer img {
    margin-bottom: 17px;
    ;
}

.footer p {
    color: #FFF;
    font-family: Sora;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 226.667% */
    letter-spacing: -0.048px;
    margin: 0px;
}

/* contact us  */
.contact-us-page {
    width: 100%;
    clear: both;
    float: left;
    background-image: url(images/common-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 371px;
}

.inner-heading {
    width: 100%;
    text-align: center;
    padding: 70px 0 0px 0px;
}

.inner-heading h1 {
    color: #FFF;
    text-align: center;
    font-size: 88px;
    font-style: normal;
    font-weight: 600;
    line-height: 96.8px;
    /* 110% */
    letter-spacing: -2px;
}

.contact-us-heading-section {
    width: 100%;
    float: left;
    padding: 80px 0px;
}

.contact-us-heading-section h2 {
    color: #131313;
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 67.2px;
    /* 120% */
    letter-spacing: -3px;
}

.contact-us-heading-section p {
    color: #737373;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 170% */
    letter-spacing: -0.4px;
}

.about-us-section {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.about-us-section p {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 170% */
    letter-spacing: -0.4px;
}

.about-us-section img {
    margin-bottom: 20px;
    width: 100%;
}

.about-us-section h3 {
    color: #131313;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.6px;
    /* 140% */
    letter-spacing: -0.5px;
}

.about-us-section ul {
    margin: 0px 0px 20px 0px;
    padding: 0 32px;
    list-style: none;
}

.about-us-section ul li {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    list-style: disc;
    padding: 5px 0;
}

.commite-content {
    padding: 40px 10px 0px 10px;
}

.accordion-button:not(.collapsed) {
    background-color: #f2f2f7 !important;
    color: #000 !important;
}

.accordion-item {
    color: #fff !important;
}

.commite-content-section {
    width: 100%;
    float: left;
    padding: 0px 0px 40px 0;
}

.commite-content-section h2 {
    color: #131313;
}

.table-container {
    width: 100%;
    margin: 10px auto 20px auto;
    background-color: #ffffff;
    overflow: hidden;
}

.table-container table {
    width: 100%;
    border-collapse: collapse;
}

.table-container thead {
    background-color: #000;
    color: #fff;
}

.table-container tbody {
    background-color: #F3F3F3;
}

.table-container thead th {
    text-align: left;
    padding: 15px 20px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    /* 136.364% */
    letter-spacing: -0.5px;
    border: 1px solid #fff;
}

.table-container thead th small {
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 170% */
    letter-spacing: -0.4px;
}

.track-col th {
    text-align: left;
    padding: 15px 20px;
    color: #D00000 !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 26px !important;
    /* 177.778% */
    letter-spacing: 0.5px;
    border: 1px solid #fff;
}

.track-content th {
    text-align: left;
    padding: 15px 20px;
    color: #131313 !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 26px !important;
    /* 177.778% */
    letter-spacing: 0.5px;
    border: 1px solid #fff;
}

.track-content th small {
    text-align: left;
    padding: 15px 20px;
    color: #131313 !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 26px !important;
    /* 177.778% */
    letter-spacing: 0.5px;
    border: none;
}

.table-container tbody td p {
    font-size: 14px;
}

.table-container tbody td ul {
    padding: 0px;
    margin-left: 15px;
}

.table-container tbody td {
    padding: 10px 10px 10px 20px;
    border: 1px solid #fff;
    color: #131313;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 170% */
    letter-spacing: -0.4px;
}

.sumbit-paper-section {
    width: 100%;
    float: left;
    padding: 45px 0;
}

.submit-paper-content h2 {
    color: #131313;
}

.below_para {
    padding: 0px 0px 40px;
}

h2.pub_head {
    padding: 45px 0px 0px;
}

.submit-paper-content p {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
}

.summary-content {
    width: 100%;
    float: left;
    margin-top: 40px;
    border-left: 1px solid #000;
}

.summary-content h3 {
    color: #131313;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
    margin-left: 10px;
}

.ourJournals h3 {
    color: #131313;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
}

.summary-content p {
    margin-left: 10px;
}

.summary-content ul {
    margin: 0px 0px 0px;
    padding: 0px 30px;
    list-style: none
}

.summary-content ul li {
    margin: 0px;
    padding: 7px 0px;
    list-style: disc;
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 170% */
    letter-spacing: -0.4px;
}

.summary-content ul li a {
    color: #D00000 !important;
    text-decoration: none;
    font-weight: 600;
}

.important-dates {
    width: 100%;
    float: left;
    padding: 0px 0px 40px 0px;
}

.important-dates .col-md-4 {
    float: left;
}

.important-dates h2 {
    color: #131313;
    margin-bottom: 20px;
}

.dates-col {
    padding: 32px;
    background: #F6FAFF;
}

.dates-col img {
    margin-bottom: 24px;
}

.dates-col span {
    color: #131313;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    display: block;
}

.dates-col p {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 170% */
    letter-spacing: -0.4px;
    margin: 20px 0px 0px 0px;
}

.submit-boxes-col {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
}

.submit-boxes-col .sn-small-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    height: 218px;
}

.submit-boxes-col .sn-small-box img {
    margin-bottom: 0px;
}

.sn-small-box {
    background: #F2F2F7;
    padding: 32px;
    margin-bottom: 20px;
}

.sn-small-box p {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 170% */
    letter-spacing: -0.4px;
    margin: 0px;
}

.special-links p {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px;
    /* 170% */
    letter-spacing: -0.4px;
    margin: 0px;
}

.special-links a {
    display: unset !important;
    padding: 0px !important;
    text-align: left !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    color: #D00000 !important;
    border: none !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 27.2px;
    letter-spacing: -0.4px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.sn-small-box p strong {
    color: #131313;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 27.2px;
    letter-spacing: -0.4px;
}

.sn-small-box a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #D00000;
    background: #D00000;
    height: 52px;
    width: 221px;
    color: #ffffff;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
    text-decoration: none;
    padding: 0px 10px;
    margin-top: 15px;
}

.sn-small-box a img {
    margin: 0px;
}

.show-on-mobile-only {
    display: none;
}

.registration-table-mobile {
    display: none;
}

.sn-box-for-mobile {
    display: none;
}

.join-us-col .sn-computer-box {
    display: flex;
}

.buton-for-mobile {
    display: none;
}

.hidden-on-mobile {
    display: flex;
}

#mediaCarousel {
    display: none;
}

.mobile-header {
    display: none;
}

.mobile-menu {
    display: none;
}

.for-mobile-accordion-container {
    display: none;
}

.mobile-banner-top {
    display: none;
}

.past-edition-section {
    width: 100%;
    float: left;
    padding-top: 16px;
}

.past-edition-section h2 {
    color: #131313;
    margin-bottom: 16px;
}

.past-edition-cols {
    width: 100%;
    float: left;
    padding: 30px 0px 0px 0px;
}

.edition-cols {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 0px;
}

.edition-cols img {
    width: 56px;
}

.colbox-edition {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.colbox-edition span {
    color: #131313;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 29.2px;
    margin-bottom: 10px;
    display: block;
}

.colbox-edition a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #D00000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 27.2px;
    /* 170% */
    letter-spacing: -0.4px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.colbox-edition a img {
    margin-left: 10px;
    width: 16px;
    margin-bottom: 0px;
}

.ican-2020-section {
    width: 100%;
    float: left;
    padding: 0px 0 80px 0px;
}

.ican-2020-section h2 {
    color: #131313;
    margin-bottom: 16px;
}

/* .ican-2020-section .colbox-edition span{
    color:#ffffff;
}
.ican-2020-section .colbox-edition a{
    color:#ffffff;
} */

.important-updates.edition-updates {
    width: 100%;
    float: left;
    padding: 80px 0px;
}

.important-updates.edition-updates .back-overlay {
    height: 100%;
}

@media (max-width: 991px) {
    .ican-2020-section {
        padding: 40px 0;
    }

    .past-edition-section h2 {
        font-size: 34px;
        font-style: normal;
        font-weight: 600;
        line-height: 40.8px;
    }

    .ican-2020-section h2 {
        font-size: 34px;
        font-style: normal;
        font-weight: 600;
        line-height: 40.8px;
    }

    .edition-cols {
        margin-bottom: 60px;
    }

    .colbox-edition span {
        color: #131313;
        font-size: 20px;
        line-height: 28px;
    }

    .contact-us-section .col-md-6 {
        width: 100%;
    }

    .about-us-section {
        padding: 40px 0;
    }

    .commite-content-section {
        padding: 40px 0;
    }

    .table-container.theme-areas {
        display: none;
    }

    .show-on-mobile-only {
        display: block;
        width: 100%;
        float: left;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .dates-col {
        padding: 20px;
        background: #F6FAFF;
        margin-bottom: 20px;
    }

    .sumbit-paper-section .col-md-3 {
        display: none;
    }

    .registration-table-mobile {
        display: block;
        margin-top: 24px;
    }

    .registration-col {
        border: 1px solid rgba(115, 115, 115, 0.20);
        background: #F3F3F3;
        padding: 24px;
        margin-bottom: 13px;
    }

    .registration-col h4 {
        color: #131313;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 31.4px;
        /* 142.727% */
        letter-spacing: -0.5px;
        margin-bottom: 18px;
    }

    .regis-col {
        display: flex;
        align-items: center;
        justify-content: space-between;

    }

    .regis-col small {
        color: #131313;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 27.2px;
        /* 170% */
        letter-spacing: -0.4px;
    }

    .table-container.registration {
        display: none;
    }

    .contact-us-page {
        width: 100%;
        background-image: url(images/common-background.jpg) !important;
        height: 173px;
        background-size: cover;
        background-position: center;
        position: relative;
        margin-top: 74px;
    }

    .contact-us-page .overlay {
        justify-content: center;
    }

    .inner-heading {
        width: 100%;
        text-align: center;
        padding: 0px 0 0px 0px;
    }

    .contact-us-heading-section {
        padding: 40px 0px;
    }

    .inner-heading h1 {
        color: #FFF;
        text-align: center;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 39.6px;
        /* 110% */
        letter-spacing: -1px;
    }

    .gallery-col1 {
        display: flex;
        gap: 15px;
        flex-direction: column;
    }

    .updates-list ul li {
        word-break: break-word;

    }

    .sn-box-for-mobile {
        display: block;
        margin-top: 24px;
        ;
    }

    .join-us-col .sn-computer-box {
        display: none;
    }

    .sn-box-for-mobile .sn-computer-box {
        flex-direction: column;
    }

    .sn-box-for-mobile .sn-computer-box .sn-content {
        display: flex;
        align-items: center;

    }

    .sn-box-for-mobile .sn-computer-box .sn-content img {
        width: 100px;
        margin-right: 20px;
    }

    .sn-box-for-mobile .sn-computer-box a {
        background: #D00000;
        height: 51px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 15px;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.4px;
        margin-top: .5rem;
        width: 100%;
        text-decoration: none;
    }

    .sn-box-for-mobile .sn-computer-box a:hover {
        background: #7b1010;
        color: #ffffff;
    }

    .sn-box-for-mobile .sn-computer-box a img {
        width: 20px;
    }

    .join-us-col {
        background: #FFF;
        padding: 20px;
        width: 94%;
        margin: 0 auto;
    }

    .join-cols {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
    }

    .col-grids {
        display: flex;
        flex-direction: column;
        width: 44%;
    }

    .ican-clients {
        padding: 40px 20px;
    }

    .ican-clientsW {
        padding: 40px 20px;
    }

    .ican-clients ul li {
        border-radius: 4.033px;
        background: #FFF;
        box-shadow: 0px 0px 2.016px 0px rgba(0, 0, 0, 0.40);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30.3%;
        height: 65px;
    }

    .ican-clients ul li img {
        height: 44px;
    }

    .ican-clientsW ul li {
        border-radius: 4.033px;
        background: #FFF;
        box-shadow: 0px 0px 2.016px 0px rgba(0, 0, 0, 0.40);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30.3%;
        height: 65px;
    }

    .ican-clientsW ul li img {
        height: 32px;
    }

    .col-md-6.bottom-pad {
        padding-left: 12px !important;
    }

    .gallery {
        padding: 30px 10px;
    }

    .gallery .col-md-6 {
        margin-bottom: 15px;
    }

    .video-col {
        margin-bottom: 24px;
        padding: 14px;
    }

    .conference-detail {
        width: 100%;
        padding: 30px 20px;
    }

    .speaker-section {
        padding: 40px 10px;
    }

    .speaker-section .col-md-3 {
        width: 50%;
    }

    .speaker-section .heading a {
        display: none;
    }

    .sumbit-paper-section {
        padding: 40px 0;
    }

    h2 {
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
    }

    .buton-for-mobile {
        display: flex;
    }

    .buton-for-mobile a {
        background: #D00000;
        height: 51px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 15px;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.4px;
        margin-top: .5rem;
        width: 100%;
        text-decoration: none;
    }

    .buton-for-mobile a:hover {
        background: #7b1010;
        color: #ffffff;
    }

    .buton-for-mobile a img {
        width: 20px;
    }

    .navbar {
        display: none;
    }

    .event-item {
        display: flex;
        align-items: flex-start;

    }

    .important-updates .col-md-3 {
        padding: 0px 15px;
        display: block !important;
    }

    .important-updates .col-md-9 {
        padding: 0px 15px;
    }

    .come-join-us {
        padding: 60px 0;
    }

    .col-grids a {
        font-size: 12px;
        text-decoration: none;
    }

    .sn-content p {
        font-size: 12px;
    }

    .video-edition {
        padding: 50px 0;
    }

    .media-coverage {
        padding: 50px 0;
    }

    .location-venue {
        padding: 20px 15px;
        border-bottom: 1px solid rgba(206, 204, 219, 0.50);
        border-right: none;
    }

    .video-edition .col-md-3 {
        width: 50%;
    }

    .video-col img {
        margin-bottom: 24px;
    }

    .video-col span {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: -1px;
        margin-bottom: 24px;
        display: block;
    }

    .video-col a {
        font-size: 14px;
        margin-top: 0px;
    }

    .video-edition h2 {
        padding: 0px !important;
    }

    .hidden-on-mobile {
        display: none;
    }

    #mediaCarousel {
        display: block;
    }

    .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #ffffff;
        backdrop-filter: blur(15px);
        height: 74px;
        padding: 0px 20px;
        position: fixed;
        width: 100%;
        z-index: 999999;
    }

    /* Hidden Mobile Menu (Default State) */
    .mobile-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background-color: #222;
        color: #fff;
        transition: right 0.3s ease;
        z-index: 999;
        padding: 20px 0px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }

    .mobile-menu.open {
        right: 0;
        z-index: 10000000;
    }

    /* Close Button */
    .close-btn {
        align-self: flex-end;
        font-size: 30px;
        background: none;
        color: #fff;
        border: none;
        cursor: pointer;
    }

    /* Navigation Links */
    .menu-list {
        list-style: none;
        padding: 0 0px;
        margin: 20px 0 0;
        width: 100%;
        text-align: left;
    }

    .menu-list li {
        margin: 0px 0;
    }

    .menu-list a {
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        font-weight: 600;
        display: block;
        padding: 0px;
        height: 52px;
        border-bottom: 1px solid #363636;
        display: flex;
        align-items: center;
        letter-spacing: -0.76px;
        justify-content: flex-start;
        padding: 0px 24px;
    }

    /* Dropdown Menu Styling */
    .menu-list .dropdown {
        position: relative;
    }

    .menu-list .dropdown-menu {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
        background: #333;
        /* Adjust background color */
        position: relative;
        z-index: 1;
        border: none;
        /* Optional: add border */
    }

    .menu-list .dropdown-menu li {
        padding: 10px 32px;
    }

    .menu-list .dropdown-menu li a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 0px;
        font-size: 16px;
        font-weight: 400;
        height: auto;
    }

    .menu-list .dropdown-menu li a:hover {
        background: #444;
        /* Adjust hover background */
    }

    .menu-list .dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        color: #fff;
        text-decoration: none;
    }

    .menu-list .dropdown-icon {
        width: 16px;
        /* Adjust size */
        height: 16px;
        transition: transform 0.3s ease;
    }


    /* Open Dropdown */
    .menu-list .dropdown.open .dropdown-menu {
        display: block;
    }

    .collapse-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0px 12px 0px 24px;
    }

    .menu-divider {
        width: 100%;
    }

    .bottom-footer {
        padding: 0px 24px;
        width: 100%;
    }

    .boot-button {
        width: 100%;
        border-radius: 5px;
        background: var(--Brand-Red, #D00000);
        display: flex;
        height: 48px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        color: var(--Primary-0, #FFF);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -0.16px;
        text-decoration: none;
    }

    .social-media-icons {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin-top: 30px;
    }


    .for-mobile-accordion-container {
        width: 100%;
        margin: 20px auto;
        border: none;
        background-color: #F3F3F3;
        border-radius: 0px;
        overflow: hidden;
        box-shadow: none;
        display: block;
    }

    .tabs {
        display: flex;
        border-bottom: 1px solid #ddd;
    }

    .tab {
        flex: 1;
        padding: 12px 20px;
        font-size: 14px;
        cursor: pointer;
        text-align: center;
        font-weight: 600;
        background-color: #f1f1f1;
        border: none;
        outline: none;
        transition: background-color 0.3s ease;
        letter-spacing: -0.146px;
        color: #A3A3A3;
    }

    .tab:hover,
    .tab.active {
        background-color: #000;
        color: #fff;
    }

    .panel {
        display: none;
        padding: 0px;
        margin-top: 10px;
    }

    .panel.active {
        display: block;
    }

    .header {
        background-color: #000;
        color: #fff;
        padding: 12px;
        border-radius: 0px;
    }

    .panel .header p {
        color: rgba(255, 255, 255, 0.80);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        /* 133.333% */
        letter-spacing: -0.117px;
        margin: 0px;
    }

    .panel .header h2 {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        /* 125% */
        letter-spacing: -0.146px;
        margin: 0px;
    }

    .track {
        display: flex;
        flex-wrap: wrap;
        gap: 0px;
        margin-top: 00px;
    }

    .column {
        flex: 1;
    }

    .column-track-head {
        padding: 10px;
        border: 1px solid #ffffff;
        min-height: 159px;
    }

    .column-track-head h3 {
        color: #D00000;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 13.3px;
        /* 110.833% */
        letter-spacing: 0.058px;
        margin: 0px;
    }

    .column-track-head p {
        color: #131313;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        /* 128.571% */
        letter-spacing: -0.146px;
    }

    .column ul {
        list-style-type: none;
        padding: 0;
    }

    .column li {
        color: #131313;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        /* 150% */
        letter-spacing: -0.117px;
        border: 1px solid #ffffff;
        padding: 10px;
        min-height: 76px;
    }

    .navbar-brand img {
        width: 130px;
    }

    .footer img {
        margin-bottom: 17px;
        width: 194px;
    }

    .summary-content ul li {
        word-break: break-word;
    }

    .carousel-indicators {
        margin-bottom: -20px;
    }

    .carousel-indicators [data-bs-target] {
        width: 5px !important;
        height: 5px !important;
        border: 4px solid #D9D9D9 !important;
        background-color: #D9D9D9 !important;
        opacity: 1 !important;
        border-radius: 100px;
    }

    .carousel-indicators .active {
        border: 4px solid #D00000 !important;
        background-color: #D00000 !important;
    }

    .hero-section {
        width: 100%;
        height: auto;
        padding-bottom: 80px;
    }

    .top-banner-section h1 {
        color: #131313;
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 39px;
        /* 139.286% */
        letter-spacing: -0.56px;
        text-transform: uppercase;
        margin: 0px;
    }

    .event-boxes {
        width: 90%;
        gap: 20px;
        padding: 20px;
    }

    .event-details {
        width: 100%;
        float: left;
        margin-top: -85px;
    }

    .mobile-head-top-banner {
        width: 100%;
    }

    .mobile-banner-top {
        width: 100%;
        background-image: url('images/mobile-plain-banner.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
        display: block;
        float: left;
        padding: 42px 0 165px 0px;
        margin-top: 74px;
    }

    .mobile-banner-content {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        padding: 0 0px;
    }

    .mobile-banner-top span {
        color: #FFF;
        text-align: center;
        font-family: Sora;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 24.8px;
        margin-bottom: 20px;
        display: block;
    }

    .mobile-banner-top h1 {
        display: flex;
        padding: 8px 10px 9px 10px;
        justify-content: center;
        align-items: center;
        background: #D00000;
        color: #FFF;
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: 39.6px;
        /* 141.429% */
        letter-spacing: -1px;
        margin-bottom: 20px;
    }

    .mobile-banner-top small {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 133.333% */
        letter-spacing: -0.4px;
        margin-bottom: 20px;
    }

    .mobile-logos-col {
        width: 100%;
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        gap: 7px;
    }

    .col-logo {
        width: 49%;
    }

    .col-logo img {
        width: 100%;
    }

    .past-edition-cols {
        padding: 30px 0px 24px 0px !important;
    }

    .submit-boxes-col {
        flex-direction: column;
    }

    .submit-boxes-col .sn-small-box {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 15px;
        height: auto;
        flex-direction: column;
        padding: 20px;
    }

    .form-mobile-col-box {
        flex-direction: column;
    }

    .summary-content {
        border-left: 0px solid #000;
    }

    .accordion-body {
        background-color: #000;
    }

    .accordion-body h5 {
        font-size: 14px;
    }

    .accordion-body ul li {
        font-size: 14px;
    }

    .accordion-header button {
        font-size: 16px;
    }

    .accordion-item:first-of-type {
        border-radius: 0px;
        border: 0px;
    }

    .accordion-item:first-of-type .accordion-button {
        border-radius: 0px;
        margin-bottom: 12px;
        border: 0px;
    }

    .accordion-button {
        background-color: #f2f2f7;
        margin-bottom: 12px;
        border: 0px;
    }

    .accordion-item {
        border: 0px !important;
    }

    .accordion-button:not(.collapsed) {
        box-shadow: none;
    }

    .mob-off {
        display: none;
    }

    .patrons_cnt {
        margin-top: 24px;
    }

    .ican-clients .last {
        display: none;
    }

    .speakers_block li {
        flex: 0 0 46%;
    }

    .speakers_block {
        gap: 20px;
    }

    .jListHM li {
        flex: 100%;
        padding: 10px;
        margin: 0px 0px 20px 0px;
        text-align: center;
    }

    .summary-content h3 {
        margin-left: 0px;
    }

    .scrolltab {
        overflow-x: auto;
        display: block;
        white-space: nowrap;
    }
}

@media(max-width: 390px) {
    .mobile-logos-col {
        gap: 10px;
    }

    .col-logo {
        width: 48%;
    }

    .summary-content {
        border-left: 0px solid #000;
    }

    .accordion-body h5 {
        font-size: 14px;
    }

    .accordion-body ul li {
        font-size: 14px;
    }

    .accordion-header button {
        font-size: 16px;
    }

    .mob-off {
        display: none;
    }

    .patrons_txt h5 {
        font-size: 14px;
    }

    .patrons_txt ul li {
        font-size: 14px;
    }

    .ican-2020-section h2 {
        font-size: 22px;
    }

    .video-edition h2 {
        padding: 0px 0px 0px 20px !important;
    }

    .video-edition h2 {
        margin-bottom: 0px;
    }

    .ican-clients .last {
        display: none;
    }

    .jListHM li {
        flex: 100%;
        padding: 10px;
        margin: 0px 0px 20px 0px;
        text-align: center;
    }


}