/*
Theme Name:  ATOAI Child
Template:     atoai
Version:      1.0.0
Description: A The ATOAI Child Theme enables to make customizable modifications to the parent theme, preserving the original theme's integrity and facilitating efficient updates.
Author: Beta Soft Technology
Author URI: https://www.betasofttechnology.com

*/
.max-container {
	max-width:1600px !important;
}
.header-inner,
.footer-inner{
    max-width: 1360px !important;
}
#site-header,
#site-footer {
	padding-left:40px;
	padding-right:40px;
}
.logo_boxes img {
    max-height: 80px;
    width: auto;
    max-width: 150px !important;
	margin:0 auto;
}
.container_102 {
    height: 102px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
footer .widget_media_image img {
    filter: brightness(0) invert(1);
}
.site-navigation ul.menu li a {
    padding: 8px 25px !important;
}
.site-navigation ul.menu li:hover a,
.site-navigation ul.menu li.current-menu-item a {
	color: #0291dd !important;
}
.register_btn {
    display: flex;
    align-items: center;
}
.register_btn a {
    padding: 12px 20px;
    background: var(--e-global-color-primary);
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
	border-radius:100px
}
.register_btn a:hover {
    background:#000;
    color: #fff;
}
/* ===== Main Footer ===== */
#site-footer.site-footer {
    background: #000;
    color: #d0d0d0;
    border: 0;
}

#site-footer .footer-inner {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1.1fr 1fr;
    gap: 55px;
    padding-top: 55px;
	padding-bottom:20px;
    max-width: 1340px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Footer columns */
#site-footer .footer-column {
    min-width: 0;
    font-size: 12px;
    line-height: 1.8;
}

#site-footer .footer-column:first-child {
    padding-right: 10px;
}

/* Widget headings */
#site-footer .widget-title {
    margin: 0 0 20px;
    color: #999;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Footer text */
#site-footer p {
    color: #ccc;
    font-size: 14px;
    line-height: 1.9;
    margin: 0 0 5px;
}

/* Footer links */
#site-footer a {
    color: #d0d0d0;
    text-decoration: none;
    transition: color 0.25s ease;
	font-size: 14px;
}

#site-footer a:hover {
    color: #F8C301;
}

/* WordPress widget lists */
#site-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#site-footer li {
    margin: 0 0 7px;
    padding: 0;
}

/* Logo / first column image */
#site-footer .footer-column:first-child img {
    display: block;
    max-width: 125px !important;
    width: 100%;
    height: auto;
    margin: 0 0 28px;
}

/* Footer Bottom */
#site-footer .footer-bottom {
    grid-column: 1 / -1;
    margin: 0 ;
    padding: 18px 0px;
    border-top: 1px solid #24282c;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-sizing: border-box;
    font-size: 10px;
}

/* Bottom text */
#site-footer .footer-bottom p {
    color: #ccc;
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

/* Bottom links and social icons */
#site-footer .footer-bottom a {
    display: inline-block;
}

#site-footer .footer-bottom .social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

#site-footer .footer-bottom .social-icons a {
    color: #d9dfe5;
    font-size: 14px;
}

#site-footer .footer-bottom .social-icons a:hover {
    color: #999;
}

/* ===== Tablet ===== */
@media (max-width: 1024px) {
    #site-footer .footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 35px 40px;
        padding: 45px 30px 20px;
    }

    #site-footer .footer-bottom {
        margin-left: -30px;
        margin-right: -30px;
        padding: 18px 30px;
    }
}

/* ===== Mobile ===== */
@media (max-width: 600px) {
    #site-footer .footer-inner {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 35px 22px 20px;
    }

    #site-footer .footer-column {
        padding-right: 0;
    }

    #site-footer .widget {
        margin-bottom: 20px;
    }

    #site-footer .widget-title {
        margin-bottom: 12px;
    }

    #site-footer .footer-column:first-child img {
        max-width: 115px;
        margin-bottom: 20px;
    }

    #site-footer .footer-bottom {
        margin-left: -22px;
        margin-right: -22px;
        padding: 20px 22px;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    #site-footer .footer-bottom .social-icons {
        justify-content: flex-start;
    }
}
/* programme page css */
.tab_containersection .e-n-tab-title{
   max-width: 100% !important;
   width: 100% !important;
}

.tab_containersection .e-n-tab-title span {
    flex-direction: column;
    align-items:start;
   gap:10px;
	width:100%;
	text-align:start
}
.tab_containersection .e-n-tab-title span span{
   font-size:12px;
}
.tab_containersection .e-n-tab-title {
    flex-basis: unset !important;
}

.title_accordion .e-n-accordion-item span.e-n-accordion-item-title-icon {
    position: absolute;
    right: -24px;
    top: 5px;
}
.title_accord{
	position:relative
}

.title_accordion .e-n-accordion-item-title-text {
    flex-direction: column;
    display: flex;
    align-items: start !important;
}

.title_accordion .e-n-accordion-item-title-text span {
    font-size: 12px;
    color: #5B6470;
}
.title_accordion .e-n-accordion-item span.e-n-accordion-item-title-icon svg {
    width: 10px;
}
.tab_container .elementor-widget-text-editor p {
    font-size: 14px;
}
.event-card {
      width: 100%;
      max-width: 528px;
      margin: 0 auto;
      overflow: hidden;
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 8px 28px rgba(18, 42, 43, .08);
    }
    .event-banner {
      position: relative;
      height: 288px;
      background: #dceef5 url("india365-banner.jpg") center center / cover no-repeat;
    }
    .event-date {
      position: absolute;
      left: 22px;
      bottom: 20px;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 10px 15px;
      border-radius: 30px;
      background: #fff;
      color: #101719;
      font-size: 15px;
      font-weight: 700;
      box-shadow: 0 3px 12px rgba(0,0,0,.12);
    }
    .event-date svg { color: #f5b900; flex: 0 0 auto; }
    .event-content { padding: 27px 25px 30px; }
    .event-title {
      margin: 0 0 20px;
      font-size: 20px !important;
      line-height: 1.3;
      font-weight: 600;
      letter-spacing: -.4px;
		min-height: 52px;
    }
    .event-location {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 20px;
      font-size: 15px;
      line-height: 1.45;
    }
    .event-location svg { flex: 0 0 auto; }
    .event-description {
      margin: 0 0 20px;
      font-size: 15px;
      line-height: 1.65;
		display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
    }
    .register-btn {
      display: inline-block;
      padding: 13px 30px;
      border: 1px solid #ffc000;
      background: #ffc000;
      color: #000;
      text-align: center;
      text-decoration: none;
      font-size: 15px;
      font-weight: 500;
		border-radius:50px;
      transition: background .2s ease, transform .2s ease;
    }
	.view-btn {
      display: inline-block;
      padding: 13px 30px;
      border: 1px solid #000;
      background: transparent;
      color: #000;
      text-align: center;
      text-decoration: none;
      font-size: 15px;
      font-weight: 500;
		border-radius:50px;
      transition: background .2s ease, transform .2s ease;
		margin-left:5px;
    }
    .register-btn:hover,
.view-btn:hover {
      background: #000;
		color: #fff;
		border: 1px solid #000;
      transform: translateY(-1px);
    }
    @media (max-width: 480px) {
/*       body { padding: 14px; } */
      .event-banner { height: 220px; }
      .event-content { padding: 22px 19px 24px; }
      .event-title { font-size: 21px; }
      .event-location { font-size: 16px; }
      .event-description { font-size: 16px; }
    }
.event-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
}
.highlighty_span h2.elementor-heading-title span {
    color: #0193de;
}
main.atoai-event-page.atoai-event-details {
    max-width: 1400px;
    margin: 0 auto;
    padding:40px 40px
}

header.atoai-event-hero img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    border-radius: 14px;
	   border: 1px solid #aeaeae;
}

p.atoai-event-eyebrow {
    background: #f8c301;
    width: fit-content;
    margin: 15px 0 10px;
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid #919191
}

a.atoai-event-button {
    background: #f8c301;
    padding: 10px 20px;
    display: inline-block;
    margin: 15px 0;
    color: #000;
    border-radius: 100px;
     transition:.3s ease
}
a.atoai-event-button:hover {
    background: #0c0d0e;
    color: #fff;
    transition:.3s ease
}

/* Responbsive css start  */
@media (min-width:767px){
	.tab_containersection .e-n-tabs-heading {
    flex-wrap: nowrap !important;
}
	
}
@media(max-width:990px) and (min-width:767px){
.site-branding.show-logo {
    order: 1;
}

.register_btn {
    order: 2;
}
}
.site-navigation-toggle-holder.show {
    padding: 0;
}
.za_result_frames:has(> p:only-child) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.za_result_frames > p:only-child {
    width: 100%;
    text-align: center;
    margin: 0;
}

.za_result_frames > p:only-child img {
    width: 100%;
}
@media (max-width:999px){
	.event-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
	
}
@media (max-width:767px){
	main.atoai-event-page.atoai-event-details {
    padding:0 20px
}
	.event-actions a {
    padding: 6px 18px;
    font-size: 14px;
}
	.footer-inner {
    padding: 30px 0 !important;
}
	.site-navigation-dropdown ul.menu li.current-menu-item a {
    background: #f8c301 !important;
}
	.event-list {
    grid-template-columns: 1fr;
}
	#site-header, #site-footer {
    padding-left: 20px !important;
    padding-right: 20px !IMPORTANT;
}

.header-inner {
    padding: 0 !important;
}
	.site-header .site-navigation-toggle:hover .site-navigation-toggle-icon {
    color: #fff !important;
}

button.site-navigation-toggle {
    box-shadow: none !important;
}
	.site-navigation-toggle-holder {
    padding: 0 !important;
}
	.register_btn {
    position: fixed;
    bottom: 2%;
    z-index: 999;
    left: 50%;
    transform: translate(-50%);
}
}

/* Responbsive css end  */
.ae-result-page{box-sizing:border-box;min-height:65vh;padding:72px 20px;background:linear-gradient(145deg,#f3f7f8 0%,#f8fafb 52%,#edf4f4 100%);display:flex;align-items:center;justify-content:center}
.ae-result-card{box-sizing:border-box;width:min(100%,760px);padding:clamp(28px,6vw,56px);background:#fff;border:1px solid #e5ecee;border-radius:22px;box-shadow:0 24px 70px rgba(17,50,59,.09);color:#263b42}
.ae-result-icon{width:58px;height:58px;margin-bottom:24px;border-radius:50%;display:grid;place-items:center;background:#e5f5ee;color:#16804c;font-size:30px;font-weight:700}
.ae-result-card--error .ae-result-icon{background:#fff2e8;color:#ba5a21}
.ae-result-eyebrow{margin:0 0 10px;color:#17815a;font-size:12px;font-weight:700;letter-spacing:.14em}
.ae-result-card h1{margin:0 0 14px;color:#18353d;font-size:clamp(30px,5vw,44px);line-height:1.12}
.ae-result-lead{margin:0;color:#60747a;font-size:17px;line-height:1.7}
.ae-result-reference{margin:28px 0 18px;padding:16px 18px;border:1px dashed #b9d5cc;border-radius:12px;background:#f7fbf9;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;align-items:center}
.ae-result-reference span{color:#60747a;font-size:14px}.ae-result-reference strong{color:#153f34;font-size:15px;overflow-wrap:anywhere}
.ae-result-payment{display:flex;gap:13px;align-items:flex-start;padding:17px 18px;margin:0 0 30px;border-radius:12px;background:#fff8e9}
.ae-result-dot{flex:0 0 10px;width:10px;height:10px;margin-top:6px;border-radius:50%;background:#d8951f}.ae-result-payment strong{color:#67470e}.ae-result-payment p{margin:5px 0 0;color:#776846;line-height:1.55}
.ae-result-card h2{margin:0 0 12px;color:#18353d;font-size:20px}
.ae-result-order-heading{margin-top:28px!important}.ae-result-order{border-top:1px solid #e8edef}.ae-result-order>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e8edef;color:#60747a;font-size:14px}.ae-result-order strong{color:#263b42;white-space:nowrap}.ae-result-order .ae-result-order-total{color:#18353d;font-weight:700}.ae-result-order-total strong{color:#167458;font-size:16px}
.ae-result-details{margin:0;border-top:1px solid #e8edef}.ae-result-details>div{display:grid;grid-template-columns:minmax(145px,.7fr) 1.3fr;gap:16px;padding:13px 0;border-bottom:1px solid #e8edef}.ae-result-details dt{color:#77888d;font-size:14px}.ae-result-details dd{margin:0;color:#263b42;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.ae-result-comments,.ae-result-error-help{padding:16px 18px;margin-top:20px;border-radius:12px;background:#f4f7f8}.ae-result-comments strong,.ae-result-error-help strong{color:#29444b}.ae-result-comments p,.ae-result-error-help p{margin:6px 0 0;color:#60747a;line-height:1.6;white-space:normal}
.ae-result-note{margin:20px 0;color:#687b80;font-size:14px;line-height:1.65}
.ae-result-button{display:inline-flex;min-height:48px;box-sizing:border-box;align-items:center;justify-content:center;margin-top:8px;padding:0 22px;border-radius:8px;background:#167458;color:#fff!important;font-weight:700;text-decoration:none!important;transition:background .2s ease}.ae-result-button:hover{background:#105b45}
.ae-form-grid .ae-comments-field{grid-column:1/-1}.ae-form-grid textarea{width:100%;box-sizing:border-box}
@media(max-width:600px){.ae-result-page{padding:34px 14px}.ae-result-card{border-radius:16px}.ae-result-details>div{grid-template-columns:1fr;gap:4px}.ae-result-reference{align-items:flex-start;flex-direction:column}}


.comfort_meet img {
    display:block
}
.contac_details  .elementor-widget-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100% !important;
    max-width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    width: 100%;
}

.contac_details .elementor-widget-icon svg {
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
}

.contac_details .elementor-widget-icon .elementor-icon-wrapper {
    height: 20px;
    width: 20px;
}

.contac_details a {
    color: #000;
}
article.event-card.webinar-card .event-banner {
    height: 230px;
}

.webinar-speaker {
    display: flex;
    gap: 10px;
    margin-bottom: 21px;
}

.webinar-speaker-avatar {
    height: 40px;
    width: 40px;
    border-radius: 100px;
    overflow: hidden;
}

.webinar-speaker-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.webinar-speaker-name {font-weight: 500;}

.webinar-speaker-designation {
    color: #576369;
    font-size: 12px;
}

span.webinar-status-dot {
    color: #85C226;
}


.event-location.webinar-time {
    font-size: 16px;
}
.event-location.webinar-time span {
   font-weight:500
}
article.event-card.webinar-card.past-webinar-card {}

article.event-card.webinar-card.past-webinar-card p.event-location.webinar-time {
    background: #0193DE;
    width: fit-content;
    color: #fff;
    padding: 6px 9px;
    border-radius: 4px;
    font-size: 14px;
}

a.watch-recording {
    color: #000;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
.comfort_meet  .swiper-pagination-bullet-active {
    width: 36px !important;
    border-radius: 10px;
}
.product_card_css .eael-flipbox-dynamic {
    overflow: visible;
}
.detail_bnox  .elementor-widget-icon {
    height: 30px !important;
    width: 30px !important;
}
.detail_bnox p br {
    display: none;
}
.detail_bnox p a {
    margin-left: 5px;
    text-decoration:underline;
}
/*webinar page  */

/* =========================================
   VIDEO FRAME
========================================= */

.single-webinar-video {
    width: 100%;
    margin-top: 50px;
}

.single-webinar-youtube {
    position: relative !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 16 / 9 !important;

    overflow: hidden !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #000;

    border-radius: 12px;
}


/* =========================================
   THUMBNAIL
========================================= */

.single-webinar-youtube-thumbnail {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    display: block !important;
}


/* =========================================
   PLAY BUTTON
========================================= */

.single-webinar-youtube-play {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 64px !important;
    height: 64px !important;

    min-width: 64px !important;
    min-height: 64px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #fff !important;
    color: #111 !important;

    cursor: pointer;

    transform: translate(-50%, -50%) !important;

    z-index: 5;
}

.single-webinar-youtube-play span {
    display: block !important;

    margin-left: 3px !important;

    font-size: 20px !important;
    line-height: 1 !important;
}


/* =========================================
   FULL SIZE YOUTUBE IFRAME
========================================= */

.single-webinar-youtube iframe {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    border: 0 !important;

    z-index: 2;
}


/* =========================================
   MP4 VIDEO
========================================= */

.single-webinar-video-player {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: none !important;
    max-height: 700px;

    margin: 0 !important;
    padding: 0 !important;

    background: #000;

    border-radius: 12px;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .single-webinar-video {
        margin-top: 35px;
    }

    .single-webinar-youtube {
        border-radius: 8px;
    }

    .single-webinar-youtube-play {
        width: 54px !important;
        height: 54px !important;

        min-width: 54px !important;
        min-height: 54px !important;
    }

    .single-webinar-youtube-play span {
        font-size: 17px !important;
    }

}

.single-webinar-page {
    width: 100%;
}

.single-webinar-hero {
    width: 100%;
}

.single-webinar-image {
    width: 100%;
    min-height: 520px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-webinar-content {
    padding: 80px 20px;
}
.atoai-event-hero__content h1{
	font-size:36px !important
}
.single-webinar-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
	padding:0 40px
}
.single-webinar-featured-image {
    border-radius: 14px;
    border: 1px solid #aeaeae;
    overflow: hidden;
	    max-height: 600px;
	margin-bottom:30px
}
.single-webinar-type {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 14px;
    border-radius: 4px;
    background: #f2f2f2;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.single-webinar-title {
    max-width: 900px;
    margin: 20px 0 35px;
    font-size: 36px !important;
    line-height: 1.08;
}

.single-webinar-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
    margin-bottom: 50px;
	align-items:center
}

.single-webinar-meta-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 18px;
}

.single-webinar-meta-label {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .6;
}

.single-webinar-speaker {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 50px;
}

.single-webinar-speaker-image {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    overflow: hidden;
    border-radius: 50%;
}

.single-webinar-speaker-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.single-webinar-speaker-label {
    margin-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .6;
}

.single-webinar-speaker-name {
    font-size: 22px;
    font-weight: 600;
}

.single-webinar-speaker-designation {
    margin-top: 3px;
    font-size: 16px;
    opacity: .65;
}

.single-webinar-description {
    max-width: 850px;
    margin-bottom: 45px;
    font-size: 18px;
    line-height: 1.7;
}

.single-webinar-button {
    display: inline-flex;
    align-items: center;
    gap: 30px;
    padding: 16px 24px;
    background: #f5c400;
    color: #111;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: all .25s ease;
}

.single-webinar-button:hover {
    background: #111;
    color: #fff;
}

.single-webinar-button span {
    font-size: 22px;
}

@media (max-width: 767px) {
	.single-webinar-container{
		 padding: 0 !important;
	}
	.single-webinar-title {
    font-size: 28px !important;
    line-height: 1.08;
}
main.single-webinar {
    padding: 0 20px;
}

    .single-webinar-image {
        min-height: 320px;
    }

    .single-webinar-content {
        padding: 55px 20px;
    }

    .single-webinar-title {
        font-size: 36px;
    }

    .single-webinar-meta {
        gap: 25px;
    }

    .single-webinar-speaker {
        align-items: flex-start;
    }

}

/* ---------------------------------------
   SURFLABX AWARD NOMINATION POPUP
--------------------------------------- */

.slx-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.slx-modal.is-open {
    display: flex;
}

.slx-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    cursor: pointer;
}

.slx-modal-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 650px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 40px;
    background: #ffffff;
    color: #111111;
    border-radius: 4px;
    box-sizing: border-box;
}

.slx-modal-close {
    position: absolute;
    top: 12px;
    right: 18px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111111;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
}

.slx-modal-header {
    margin-bottom: 28px;
}

.slx-modal-eyebrow {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.slx-modal-header h2 {
    margin: 12px 0;
    color: #111111;
    font-size: 30px;
    line-height: 1.2;
}

.slx-modal-header p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.6;
}

/* FORM GRID */

.slx-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.slx-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
}

.slx-full {
    grid-column: 1 / -1;
}

.slx-field label {
    color: #111111;
    font-size: 13px;
    font-weight: 600;
}

.slx-field input,
.slx-field textarea {
    width: 100%;
    min-height: 48px;
    box-sizing: border-box;
    padding: 13px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    outline: none;
    background: #ffffff;
    color: #111111;
    font-family: inherit;
    font-size: 14px;
    transition: border-color 0.25s ease;
}

.slx-field textarea {
    min-height: 130px;
    resize: vertical;
}

.slx-field input:focus,
.slx-field textarea:focus {
    border-color: #111111;
}

.slx-field input[readonly] {
    background: #f5f5f5;
    cursor: default;
}

/* SUBMIT BUTTON */

.slx-submit-button {
    width: 100%;
    min-height: 52px;
    padding: 15px 20px;
    border: 1px solid #111111;
    border-radius: 0;
    background: #111111;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

.slx-submit-button:hover {
    background: #333333;
    color: #ffffff;
}

.slx-submit-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* SUCCESS AND ERROR */

#slx-nomination-success,
#slx-nomination-error {
    padding: 16px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6;
}

#slx-nomination-success {
    background: #edf8ee;
    color: #216b32;
}

#slx-nomination-error {
    background: #fff0f0;
    color: #a22;
}

[hidden] {
    display: none !important;
}

/* HONEYPOT */

.slx-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* BODY SCROLL */

body.slx-modal-active {
    overflow: hidden;
}

/* MOBILE */

@media (max-width: 600px) {

    .slx-modal {
        padding: 10px;
    }

    .slx-modal-content {
        max-height: 94vh;
        padding: 30px 20px;
    }

    .slx-modal-header h2 {
        font-size: 24px;
    }

    .slx-form-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .slx-full {
        grid-column: auto;
    }

}
.step_box:hover h2, .step_box:hover p {
    color: #fff !important;
	transition:.3s ease
}
.step_box h2, .step_box p {
	transition:.3s ease
}
button.slx-submit-button {
    border: none !important;
}
button.slx-modal-close {
    background: transparent !important;
    border: 0;
    font-size: 28px;
    padding: 0;
}
.date_register {
    display: flex;
    gap: 6px;
    align-items: center;
}
@media (max-width:767px){
	.date_register {
    flex-direction: column;
    align-items: start;
    justify-content: start;
}
span.conditional-price {grid-column: 2;}

.atoai-er__choices:has(.conditional-price) label {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 5px;
}

span.dash-li {
    display: none;
}

.date_register span {
    display: none;
}
}

/* ==================================================
   ATOAI PREMIUM REGISTRATION FORM
   EXISTING COLOR SCHEME PRESERVED
   Paste after your current CSS
================================================== */

/* MAIN FORM CONTAINER */

.atoai-er {
    width: min(1060px, calc(100% - 32px));
    max-width: 1060px;
    margin: 40px auto 70px;
    color: var(--er-ink);
    font-size: 15px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

.atoai-er *,
.atoai-er *::before,
.atoai-er *::after {
    box-sizing: border-box;
}

/* HERO */

.atoai-er__hero {
    position: relative;
    overflow: hidden;
    padding: 46px 48px;
    border-radius: 22px 22px 0 0;
    background: linear-gradient(125deg, #17324d, #0092dd);
}

.atoai-er__hero h1 {
    max-width: 850px;
    margin: 12px 0 18px;
    color: #fff;
    font-size: clamp(28px, 4vw, 40px) !important;
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.035em;
}

.atoai-er__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #f8c301;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .14em;
}

.atoai-er__hero .date_register {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 5px;
}

.atoai-er__hero .date_register p {
    margin: 0;
    color: #e1eeeb;
    font-size: 14px;
    line-height: 1.6;
}

.atoai-er__hero .date_register > span {
    color: rgba(255,255,255,.45);
}

/* EVENT BANNER */

.atoai-er .event_banner {
    overflow: hidden;
}

.atoai-er .event_banner .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.atoai-er .event_banner img {
    display: block;
    width: 100%;
    height: auto;
}

/* FORM BACKGROUND */

.atoai-er__form {
    padding: 30px;
    background: #f4f7f6;
    border: 1px solid #e4ebed;
    border-top: 0;
    border-radius: 0 0 22px 22px;
}

/* SECTION CARDS */

.atoai-er__card {
    position: relative;
    margin-bottom: 22px;
    padding: 32px 34px;
    border: 1px solid #dbe3e8;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(23,50,77,.045);
    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.atoai-er__card:hover {
    border-color: #c7d5d9;
    box-shadow: 0 12px 35px rgba(23,50,77,.07);
}

/* SECTION HEADINGS */

.atoai-er__card > h2 {
    position: relative;
    margin: 0 0 28px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e7ecef;
    color: #17324d;
    font-size: 22px !important;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.02em;
}

.atoai-er__card > h2::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 52px;
    height: 3px;
    border-radius: 4px;
    background: #d8a64a;
}

.atoai-er__card h3 {
    margin: 26px 0 15px;
    color: #17324d;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 1.4;
}

.atoai-er__card > p {
    color: #647782;
    font-size: 14px;
    line-height: 1.8;
}

/* FORM GRID */

.atoai-er__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
}

.atoai-er__grid > * {
    min-width: 0;
}

/* LABELS */

.atoai-er label {
    color: #17324d;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
}

.atoai-er__required-marker {
    color: #c62828;
}

/* INPUTS / SELECT */

.atoai-er label input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.atoai-er label select,
.atoai-er label textarea {
    display: block;
    width: 100%;
    height: 50px;
    margin-top: 8px;
    padding: 11px 15px;
    border: 1px solid #d0dce0;
    border-radius: 10px;
    background: #fbfcfc;
    color: #17324d;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    outline: none;
    box-shadow: none;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background-color .2s ease;
}

.atoai-er label input:not([type="checkbox"]):not([type="radio"]):hover,
.atoai-er label select:hover,
.atoai-er label textarea:hover {
    border-color: #9bb9b5;
}

.atoai-er label input:not([type="checkbox"]):not([type="radio"]):focus,
.atoai-er label select:focus,
.atoai-er label textarea:focus {
    border-color: #176b65;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 4px rgba(23,107,101,.11);
}

.atoai-er input::placeholder,
.atoai-er textarea::placeholder {
    color: #94a3ad;
}

.atoai-er select {
    cursor: pointer;
}

.atoai-er label input:disabled,
.atoai-er label select:disabled {
    background: #f1f4f5;
    color: #77858b;
    cursor: not-allowed;
}

/* RADIO / CHECKBOX GROUPS */

.atoai-er fieldset {
    margin: 0 0 22px;
    padding: 0;
    border: 0;
}

.atoai-er legend {
    margin-bottom: 15px;
    color: #17324d;
    font-size: 15px;
    font-weight: 700;
}

.atoai-er__choices {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.atoai-er__choices label,
.atoai-er__check {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 13px 17px;
    border: 1px solid #dbe3e8;
    border-radius: 11px;
    background: #fbfcfc;
    cursor: pointer;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.atoai-er__choices label:hover,
.atoai-er__check:hover {
    background: #f1f7f5;
    border-color: #7caaa5;
}

.atoai-er__choices label:has(input:checked),
.atoai-er__check:has(input:checked) {
    background: #edf7f4;
    border-color: #176b65;
    box-shadow: 0 0 0 2px rgba(23,107,101,.07);
}

.atoai-er__choices input,
.atoai-er__check input {
    flex-shrink: 0;
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #176b65;
}

.atoai-er__choices label .conditional-price {
    color: #647782;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.55;
}

/* CONDITIONAL SECTIONS */

.atoai-er [hidden] {
    display: none !important;
}

.atoai-er__conditional {
    margin-top: 20px;
}

.atoai-er__registration-row {
    margin-bottom: 18px;
}

/* ROOM SELECTION */

.atoai-er__room {
    padding: 22px;
    border: 1px solid #dbe3e8;
    border-radius: 13px;
    background: #fafcfc;
    transition: border-color .2s ease;
}

.atoai-er__room:has(input:checked) {
    border-color: #176b65;
    background: #f6fbf9;
}

.atoai-er__room > .atoai-er__check {
    min-height: auto;
    padding: 10px;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
}

.atoai-er__room > label:not(.atoai-er__check) {
    display: block;
    margin-top: 12px;
}

.atoai-er__passenger {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 16px;
    padding-top: 16px;
}

.atoai-er__passenger.salutation-with-name {
    grid-template-columns: minmax(105px,.7fr) minmax(0,2fr);
    align-items: end;
}

/* PRICING TABLE WRAPPER */

.atoai-er__table-wrap {
    margin-top: 22px;
    overflow-x: auto;
    border: 1px solid #dbe3e8;
    border-radius: 12px;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

.atoai-er__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin: 0;
}

.atoai-er__table th,
.atoai-er__table td {
    padding: 15px 17px;
    border-bottom: 1px solid #e4e9ec;
    color: #17324d;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
}

.atoai-er__table thead {
    background: #edf3f2;
}

.atoai-er__table thead th {
    background: #edf3f2;
    color: #17324d;
    font-size: 12px;
    font-weight: 700;
}

.atoai-er__table tbody tr:nth-child(even) {
    background: #f8faf9;
}

.atoai-er__table tbody tr:hover {
    background: #f0f7f5;
}

.atoai-er__table tbody tr:last-child td {
    border-bottom: 0;
}

.atoai-er__detail-table tbody tr:nth-last-child(-n+3) {
    background: #f8faf9;
}

.atoai-er__detail-table tbody tr:last-child {
    background: #f9f4e8;
    font-weight: 700;
}

.atoai-er__table tfoot {
    background: #f9f4e8;
}

.atoai-er__table tfoot th {
    font-size: 15px;
    font-weight: 700;
}

.atoai-er__table tfoot th:last-child {
    text-align: right;
}

.atoai-er [data-local-pricing],
.atoai-er [data-accommodation-pricing] {
    min-width: 560px;
}

/* DOCUMENT UPLOAD */

.atoai-er label input[type="file"] {
    display: block;
    width: 100%;
    height: auto;
    min-height: 76px;
    margin-top: 12px;
    padding: 18px !important;
    border: 1px dashed #9fbbb7;
    border-radius: 12px;
    background: #f6faf9;
    color: #647782;
    font-size: 13px;
    cursor: pointer;
}

.atoai-er input[type="file"]::file-selector-button {
    margin-right: 16px;
    padding: 10px 17px;
    border: 0;
    border-radius: 8px;
    background: #176b65;
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.atoai-er__file-list {
    margin-top: 12px;
    color: #647782;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.atoai-er__note,
.atoai-er small {
    color: #647782;
    font-size: 12px;
    line-height: 1.7;
}

/* ==========================================
   PREMIUM ACCORDIONS
   Native details / summary
========================================== */

.atoai-er__card details {
    margin: 14px 0 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #dbe3e8;
    border-radius: 12px;
    background: #fff;
    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.atoai-er__card details:hover {
    border-color: #9fbbb7;
}

.atoai-er__card details[open] {
    border-color: #176b65;
    box-shadow: 0 7px 22px rgba(23,50,77,.06);
}

.atoai-er__card details > summary {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 19px 21px;
    border: 0;
    background: #fff;
    color: #17324d;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    list-style: none;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s ease;
}

.atoai-er__card details > summary:hover {
    background: #f4f8f7;
}

.atoai-er__card details > summary::-webkit-details-marker {
    display: none;
}

.atoai-er__card details > summary::marker {
    content: "";
}


.atoai-er__card details > summary::after {
    content: "+";
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    background: #f4f7f6;
    color: #176b65;
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    transform: none;
}

.atoai-er__card details[open] > summary::after {
    content: "−";
    background: #176b65;
    color: #fff;
    transform: none;
}
.atoai-er__card details .atoai-er__accordion-content {
    padding: 20px 22px;
    border-top: 1px solid #dbe3e8;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 1.85;
}

.atoai-er__accordion-content p {
    margin: 0 0 14px;
}

.atoai-er__accordion-content p:last-child {
    margin-bottom: 0;
}

.atoai-er__accordion-content ul,
.atoai-er__accordion-content ol {
    margin: 12px 0;
    padding-left: 22px;
}

.atoai-er__accordion-content li {
    margin-bottom: 8px;
}

.atoai-er__card details > p {
    margin: 0;
    padding: 22px;
    border-top: 1px solid #e4e9ec;
    color: #526674;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.85;
}

.atoai-er__card details > p :is(p, ul, ol) {
    margin: 0 0 14px;
}

.atoai-er__card details > p :last-child {
    margin-bottom: 0;
}

.atoai-er__card details a {
    color: #176b65;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

/* STATUS MESSAGES */

.atoai-er__status:not(:empty) {
    padding: 17px 20px;
    border: 1px solid #cce5db;
    border-radius: 11px;
    background: #f0faf5;
    color: #176b65;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
}

.atoai-er__status.is-error,
.atoai-er__status[role="alert"] {
    border-color: #efcdcd;
    background: #fff5f5;
    color: #a22;
}

/* SUBMIT BUTTON */

.atoai-er__submit {
    width: 100% !important;
    padding: 16px 26px;
    border: none !important;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(23,107,101,.16);
    transition:
        background-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.atoai-er__submit:hover {
    background: #125852;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(23,107,101,.22);
}

.atoai-er__submit:active {
    transform: translateY(0);
}

.atoai-er__submit:disabled {
    opacity: .6;
    cursor: not-allowed;
    transform: none;
}

/* ACCESSIBILITY */

.atoai-er :is(
    input,
    select,
    textarea,
    button,
    summary
):focus-visible {
    outline: 3px solid rgba(23,107,101,.32);
    outline-offset: 3px;
}

/* MOBILE */
.atoai-er__conditional[data-show="member,nonmember"] label.atoai-er__check {
    display: flex;
    margin: 15px 0;
}
img.custom-logo {
    width: 140px;
}
.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999999;
    background: #ffff;
    padding: 8px 0;
}
@media (max-width: 767px) {
	label.atoai-er__check:has(.conditional-price) {
    display: grid !important;
    grid-template-columns: auto 1fr;
}
    .atoai-er {
        width: calc(100% - 28px);
        margin: 18px auto 40px;
    }

    .atoai-er__hero {
        padding: 30px 22px;
        border-radius: 16px 16px 0 0;
    }

    .atoai-er__hero h1 {
        font-size: 29px !important;
    }

    .atoai-er__form {
        padding: 16px;
        border-radius: 0 0 16px 16px;
    }

    .atoai-er__card {
        padding: 22px 18px;
        margin-bottom: 16px;
        border-radius: 12px;
    }

    .atoai-er__card > h2 {
        margin-bottom: 22px;
        font-size: 20px !important;
    }

    .atoai-er__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .atoai-er__choices {
        display: grid;
        grid-template-columns: 1fr;
    }

    .atoai-er__choices label,
    .atoai-er__check {
        width: 100%;
    }

    .atoai-er__room {
        padding: 17px;
    }

    .atoai-er__passenger,
    .atoai-er__passenger.salutation-with-name {
        grid-template-columns: 1fr;
    }

    .atoai-er__card details > summary {
        padding: 15px 16px;
        font-size: 13px;
    }

    .atoai-er__card details > p {
        padding: 17px;
        font-size: 13px;
    }

    .atoai-er__table th,
    .atoai-er__table td {
        padding: 12px 13px;
    }

    .atoai-er__submit {
        min-height: 54px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .atoai-er *,
    .atoai-er *::before,
    .atoai-er *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}


label.atoai-er__check.maincheck {
    display: flex;
    align-items: center;
}