@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "GT Haptik ZS";
  src: url("../fonts/gt-haptik-zs-regular-webfont.woff2") format("woff2"),
	  url("../fonts/gt-haptik-zs-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Haptik ZS";
  src: url("../fonts/gt-haptik-zs-medium-webfont.woff2") format("woff2"),
	  url("../fonts/gt-haptik-zs-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Haptik ZS";
  src: url("../fonts/gt-haptik-zs-bold-webfont.woff2") format("woff2"),
	  url("../fonts/gt-haptik-zs-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
--primary_color:#246bf3 !important;
--navy_color:#011130 !important;
--dark_blue_color:#001744 !important;
--bright_blue_color:#256CF7 !important;
--light_grey_color:#E5F1FA !important;
--2nd_color:#8bc7d1 !important;
--3rd_color:#05aced!important;
--third_color:#0e1d2f!important;
--white_color:#ffffff!important;
--black_color:#000000!important;	
--dark_color:#000a1d!important;
--pink_color:#FE00E2!important;
--cyan_color:#12D4FF !important;
--green_color:#6BFFB3 !important;
--dark_opacity1:rgba(139, 199, 209, 0.1);	
--blue_gradient_darkblue:13, 42, 122;
--blue_gradient_lightblue:58, 105, 135;
}
body, html {font-family: "GT Haptik ZS", Helvetica, Arial, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif; scroll-behavior: smooth;}
html {overflow-x: hidden;overflow-y: scroll;}
body {overflow: visible !important;}
.js-scroll {position: fixed;z-index: 10;top: 0;left: 0;overflow: hidden; width: 100%; will-change: transform;}
.c-scrollbar_thumb { background-color: #05aced!important; opacity: .7!important;width:10px!important;}
/*.error {color: #FF0004!important; font-size: 14px!important; line-height: 24px!important; margin: 0!important;}*/
.dm-mono-regular {
  font-family: "DM Mono", serif;
  font-weight: 400;
  font-style: normal;
}

.dm-mono-medium {
  font-family: "DM Mono", serif;
  font-weight: 500;
  font-style: normal;
}

/*=========POP UP start============*/
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);-moz-opacity:.85;-khtml-opacity:.75;opacity:.85;z-index:100;display:none;} 
.cnt223 a{text-decoration:none}
.popup-onload{width:100%;margin:0 auto;display:none;position:fixed;z-index:101}
.cnt223{max-width:750px; min-height:150px;margin:100px auto; background-image: url("../images/slider/bg.jpg"); background-repeat: no-repeat; background-position: center center; position:relative;z-index:103;padding:35px; }
.cnt223 p{clear:both;color:#555;font-size:20px;font-family:sans-serif}
.cnt223 p a{color:#d91900;font-weight:700}
.cnt223 .x{float:right;height:35px;left:22px;position:relative;top:-25px;width:34px}
.cnt223 .x:hover{cursor:pointer}
/*=========POP UP end============*/

.partner-sec {width: 100%; min-height:500px; background-image: url("../images/slider/partner.jpg"); background-repeat: no-repeat; background-position: center center; background-size:cover; padding-bottom:35px;}

.container {max-width: 1170px;}
.color-primary {color:var(--primary_color);}
.color-2nd {color:var(--2nd_color);}
.color-dark {color:var(--dark_color);}
.color-white {color:var(--white_color);}
.bg-dark {background-color: var(--dark_color)!important;}
.border3x {border-bottom:3px solid var(--dark_opacity1);}
p {font-size:1rem; line-height: 1.5; color: var(--navy_color);}
a {color: var(--bright_blue_color); text-decoration: none;}

.navbar .offcanvas {
    width: 100%;
    top: 123px;
    background-color: #334569;
}
.offcanvas-backdrop {
    top: 123px;
}
.offcanvas {
    height: fit-content !important;
    transition: transform 0.3s ease-in-out, opacity 0.1s ease-in-out;
    overflow: hidden;
    visibility: hidden;
}
.offcanvas.showing {
    opacity: 0;
    visibility: hidden;
}
.offcanvas.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.offcanvas:not(.show) {
    transform: translateY(-100%);
}

.navbar-brand img {width: 145px;}
.navbar_bg {background-color:var(--navy_color); padding: 32px 25px; color:var(--white_color); width: 100%; z-index: 1050;}
.navbar_bg .navbar-nav .nav-link {color:var(--white_color); padding:7px 20px; list-style-type: none; font-size: 14px;font-weight: 500;line-height: 22px;transition: 0.3s all ease;}
.navbar_bg .navbar-nav .nav-link:hover, .navbar_bg .navbar-nav .nav-link.active {color:var(--green_color);text-decoration: underline; transition: 0.3s all ease;}
.header_sec {width: 100%; min-height:530px; background-color: var(--navy_color);display: flex; align-items: center; position: relative;}
.header_sec.japan { min-height: 450px; }
.header_sec h4 {font-size:20px; line-height: 115%; font-weight:300!important;}
.blue_textgradient {background-image: linear-gradient(60deg, #246BF3, #05ACED); -webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text; color: transparent; }
.light-background-gradient {
    background: linear-gradient(0deg, #E5F1FA, #E5F1FA), linear-gradient(180deg, #FFFFFF 0%, #F6FAFD 9.14%, #F1F8FC 25.34%, #E5F1FA 100%);
}

/* Banners */
.hero-image { position: absolute; top: 0; right: 0; z-index: 1;}
.header_sec.japan .hero-image { top: 50%; transform: translateY(-50%); width: 50%; }
.gradlock {display: none;}
.hero-content {position: relative; z-index: 3;}
.header_sec.japan .hero-content img { width: 90%; }
.eyebrow {display: flex;}
.eyebrow .marker {display: inline-block; margin-top: 5px; min-width: 10px; max-width: 10px; min-height: 10px; max-height: 10px;background-color: var(--green_color);}
.eyebrow .headline { display: inline-block; letter-spacing: 0.1em; font-family: "DM Mono", serif; font-size: 14px; font-weight: 500; text-transform: uppercase; color: var(--white_color); margin-left: 10px; margin-bottom: 0;}
.hero-content .title {margin-top: 30px;margin-bottom: 15px;font-size: 48px;font-weight: 500; line-height: 1; color: var(--white_color);}
.hero-content .h3 {margin-top: 10px;}
.hero-content .body-copy, .hero-content .event-details > * {font-size: 16px; letter-spacing: 0.32px; line-height: 1.5; margin: 0; color: var(--white_color);}
.header_sec.japan .hero-content .body-copy { font-size: 20px; margin-top: 30px; }
.header_sec.japan .hero-content .pc-title { font-size: 22px; color: var(--cyan_color); font-weight: bold; margin-bottom: 30px; }
.hero-content .event-details { margin-top: 15px; margin-bottom: 15px;}
.header_sec.japan .hero-content .event-details {
    display: flex;
    color: #fff;
    align-items: flex-start;
    column-gap: 10px;
}
.header_sec.japan .hero-content .event-details img {
    width: 20px;
    margin-top: 18px;
}
.header_sec.japan .hero-content .event-details p {
    color: #fff;
    font-size: 22px;
}
.header_sec.japan .hero-content .event-details p .num {
    font-size: 38px;
    font-weight: bold;
}
.header_sec.japan .hero-content .btn_green_color, .highlights.japan .btn_green_color {
    padding: 15px 60px;
    font-size: 20px;
}
/*Banners end */

.header_title1 {font-size:82px; color:var(--2nd_color); font-weight: 400; line-height:100%; letter-spacing: -0.9px; margin-top:26%;}
.header_title2 {font-size: 90px; color:var(--white_color);font-weight: 400;line-height: 94.5px;letter-spacing: -0.9px; }
.innerheader_title2 {font-size:80px; font-weight: 400; line-height:113%; letter-spacing: -0.9px; margin-top: 26%; margin-left: -5px;}
.h2 {font-size: 48px;font-weight: 500;letter-spacing: -0.36px;line-height: normal;}
.h3 {font-size: 36px;line-height: 1;font-weight: 500; margin-bottom: 20px; margin-top: 40px;}
.h4 {font-size: 24px;line-height: 1;font-weight: 500; margin-bottom: 10px; margin-top: 10px;}
.about-con {background-color: var(--white_color); padding: 70px 0; }
.about-con.japan {background-color: var(--light_grey_color); padding: 50px 0; }
.about-con .h3 { margin-top: 0; margin-bottom: 10px; color: var(--navy_color); }
.about-con.japan .h2 { font-weight: 700; }
.about-con.japan .h2 span { color: var(--bright_blue_color); }
.about-con.japan .subtitle { font-size: 22px; }
.about-con.japan .vdo-poplink { position: relative; }
.about-con.japan .vdo-poplink .bi-play-circle { font-size: 50px; color: #fff; background: rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 20%); line-height: 0.8; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.5s all ease; }
.about-con.japan .vdo-poplink:hover .bi-play-circle { color: var(--pink_color); transition: 0.5s all ease; }
.about-con p {color: var(--navy_color); font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0.02em; margin-bottom: 30px;}
.border_bottom {border-bottom: 10px solid rgba(255, 255, 255, 0.2);}
.btn_green_color, .btn_green_white, .btn_green_color_hollow, .btn_white_hollow, .btn_blue_color {display: inline-block; padding: 7px 15px; text-decoration: none;font-size: 16px; line-height: 1; font-weight: 700;letter-spacing: 0.16px; color: var(--black_color); background-color:var(--green_color); border: 2px solid var(--green_color); transition: all ease 0.3s;}
.btn_green_color_hollow { color:var(--green_color); background-color: transparent;}
.btn_white_hollow { color:var(--white_color); background-color: transparent; border-color: var(--white_color);}
.btn_blue_color { color:var(--white_color); background-color: var(--bright_blue_color); border-color: var(--bright_blue_color); font-size: 18px;}
.btn_green_color svg { vertical-align: baseline; }
.btn_green_color:hover {background-color: var(--black_color); color: var(--white_color); border-color: var(--white_color);}
.btn_blue_color:hover {background-color: var(--white_color); color: var(--bright_blue_color); border-color: var(--bright_blue_color);}
.btn_green_color:hover svg>path {fill: #ffffff;}
.btn_green_white:hover, .btn_white_hollow:hover {background-color: var(--black_color); color: var(--green_color); border-color: var(--green_color);}
.btn_green_color_hollow:hover { color: var(--black_color); background-color: var(--green_color); }
.about-con .btn_green_solid:hover, .speaker-con .btn_green_solid:hover, .brands-con .btn_green_solid:hover {background-color: var(--black_color); border-color: var(--black_color);}

.btn_border2 {border: 2px solid #f846c5;}
.speaker-con {background-color: var(--light_grey_color); padding: 70px 0; }
.speaker-con .h3 {margin-top: 0; margin-bottom: 50px;}
.speaker_box {background-color:var(--white_color); height: auto; overflow: hidden;}
.speaker_box .content {padding: 20px; display: flex; flex-direction: column; row-gap: 53px; justify-content: space-between;}
.speaker_box .img-fluid {width: 100%;}
.speaker_box .logo {height:40px;}
.speaker_box .designation {margin-bottom: 5px; font-size: 16px; color: var(--navy_color); font-weight: 500; line-height: 1; letter-spacing: 0.02em;}
.speaker_box .name {display: block;font-size: 14px; color: var(--navy_color);font-weight: 400; line-height: 1.5;letter-spacing: 0.02em; margin-bottom: 0;}
.training-swiper {padding-bottom:90px!important;}
.swiper-scrollbar, .swiper-scrollbar-drag {border-radius: 0!important;}
.swiper-scrollbar-horizontal {background-color: #fff !important;}
.swiper-scrollbar-drag {background-color:var(--pink_color)!important;}
.swiper-button-next, .swiper-button-prev {width:32px; height: 32px; top:95%!important;right: 50px; margin-top:7px!important; z-index: 999!important;}
.swiper-button-next:hover, .swiper-button-prev:hover {opacity: 1;}
.swiper-button-next {background-image: url("../images/arrow.svg"); background-repeat: no-repeat;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 0!important;}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {width: 80%!important; height: 2px; max-width: initial; left: 50%; transform: translate(-50%, 0); bottom: 50px; padding: 0;}
.swiper-button-prev {background-image: url("../images/arrow.svg"); background-repeat: no-repeat;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.swiper-button-prev, .swiper-rtl .swiper-button-next {right: 100px!important; left: auto!important;}
.swiper-pagination {text-align: left!important; font-size: 16px!important; display: inline-block!important;bottom: 0; left: 10%;}
.swiper-pagination-fraction {color:var(--white_color) !important;}
.speaker-slider .swiper-pagination { color: var(--navy_color) !important; left: 0; display: none !important; }
.blue_btn {background-color: var(--primary_color); color:var(--white_color)}

.brands-con { padding: 50px 0;}
.brands-con .h3 { margin-top: 0; margin-bottom: 30px; }

.training-con { background-color: #011130; padding: 70px 0; }
.training-con .content-wrapper {padding-left: 12%;}
.training-con .h3 {margin: 0;}
.training-con .h4 {margin-top: 35px;}
.training-con p {font-size: 16px; line-height: 1.5; margin-bottom: 30px; color: var(--white_color);}

.testimonials-con .card {
    background-color: var(--navy_color);
    background-image: url('../images/icons/quote.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 38px) calc(100% + 10px);
    display: flex;
    flex-direction: row;
    column-gap: 25px;
    justify-content: space-between;
    height: 402px;
    border: 0;
    border-radius: 0; 
}
.testimonials-con .card .card-header { padding: 0; border: 0; border-radius: 0; position: relative; flex: 0 0 auto; width: 50%; overflow: hidden;}
.testimonials-con .card .card-header img { position: absolute; left: 50%; transform: translateX(-50%);}
.testimonials-con .card .card-body { padding: 0; border: 0; flex: 0 0 auto; width: 50%;display: flex; align-items: center;}
.testimonials-con .card .card-body .blockquote p { font-size: 24px; line-height: 36px; font-weight: 400; margin-bottom: 20px; font-style: italic; letter-spacing: 0.02em; color: #fff; }
.testimonials-con .card .card-body .blockquote {padding: 0 8vw 60px 2.7vw;}
.testimonials-con .card .card-body .blockquote .blockquote-footer::before {display: none;}
.testimonials-con .card .card-body .blockquote .blockquote-footer {font-size: 20px; line-height: 1; color: #fff; font-weight: 500; letter-spacing: 0.02em; margin-top: 0; margin-bottom: 4px;}
.testimonials-con .swiper-scrollbar-horizontal { width: 37% !important; transform: none; left: 54.5%; bottom: 85px; }
.testimonials-con .swiper-pagination { width: 37% !important; left: 54.5%; bottom: 30px; }
.testimonials-con .swiper-button-next { top: 86.5% !important; right: 7.5%; }
.testimonials-con .swiper-button-prev { top: 86.5% !important; right: 11% !important; }

/* Landing page */
.header_sec.landing .hero-image {text-align: end; text-align: right;}
.header_sec.landing .hero-image img {width: 70%;}
.header_sec.landing .hero-content .title {margin-top: 40px;font-size: 60px; letter-spacing: -0.02em;}
.header_sec.landing .hero-content .body-copy {font-size: 16px; line-height: 24px;letter-spacing: 0.02em;margin-top: 30px; margin-bottom: 40px;}
.header_sec.landing .hero-content .h4 {font-size: 24px; font-weight: 500 !important; line-height: 1; letter-spacing: -0.01em; color: var(--white_color);margin-top: 25px;}
.header_sec.landing .hero-content .event-details > * {font-size: 14px;letter-spacing: 0.02em;}
.header_sec.landing .hero-content .event-details { margin-top: 0px; margin-bottom: 20px;}
.about-con.landing { background-color: var(--light_grey_color); }
.about-con.landing p { margin-bottom: 15px; }
/* Landing page end */

/*.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {height: calc(2.8rem + calc(var(--bs-border-width)* 1))!important;min-height: calc(2.8rem + calc(var(--bs-border-width)* 1));line-height: 1;}
.form-floating>label {padding: 0.6rem .75rem!important;}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {font-size: 12px!important;}
.form-floating>.form-select {padding-top:20px!important;}*/


.navbar-toggler {background-color: transparent; padding: 0; border: 0;}
.navbar-toggler-icon.hamburger-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-toggler-icon.close-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M6 6L24 24M6 24L24 6'/%3e%3c/svg%3e") !important;
}
.guest_speakers_con {background-color:var(--dark_opacity1);}
.guest_speakers_con h5 {font-size: 18px; color:var(--3rd_color);}
.guest_speakers_con p {color:var(--white_color); opacity: 0.6;}
.customer_logo { height:140px;display: flex; justify-content: center; align-items: center;}
.customer_logo img {max-width:210px; text-align: center}
.blue-gradient {padding:70px 0; background: linear-gradient(180deg, #3a69eb 0%, #123187 54.77%, #0d2a7a 100%);}
.blue-gradient .title{font-size: 36px; font-weight: 500;}
.footer {background-color: #000; padding: 30px 0;}
.footer .p {font-size: 12px!important; line-height: 13px!important; color: var(--white_color); margin-bottom: 0;}
.footer .enquiry-info {
    display: flex;
    column-gap: 34px;
}
.footer .enquiry-info .label {
    background-color: var(--green_color);
    padding: 20px 15px;
    align-content: center;
    color: #000;
    font-weight: bold;
}
.padding_r {padding-right:20px;}
/*AGENDA page start*/
.agenda_sec {width: 100%; min-height:500px; background-image: url("../images/slider/agenda.jpg"); background-repeat: no-repeat; background-position: center center; background-size:cover; padding-bottom:35px;}
.agenda-con1 {background-color:#334569; padding:0;display: grid; align-items: center;} 
.agenda-con2 {background-color:var(--white_color); padding:13px 0; display: grid;} 
.agenda-time-sec {text-align: center; color: var(--white_color); font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: 0.02em; padding:0;}
.agenda-topic-sec { border-left:2px solid #24375E; padding: 10px 30px;}
.agenda-topic-sec p { font-weight: 700; color: var(--white_color); margin-bottom: 0; }
.agenda-topic-sec p a { font-size: 14px; font-weight: 400; color: var(--white_color); text-decoration: underline; }
.agenda-topic-sec p.desc { font-size: 14px; font-weight: 400; color: var(--white_color); }
.agenda-topic-sec .smd {cursor: pointer;}
/*AGENDA page end*/

/*WHY ATTEND start*/
.attend-nav-wrapper {background-color: var(--navy_color); border-bottom: 2px solid #334569; padding-top: 30px;}
.attend-nav-wrapper.fixed {top: 126px !important;z-index: 9;}
.attend-nav-wrapper .nav-item { position: relative; }
.attend-nav-wrapper .nav-link { font-size: 14px; font-weight: 500; line-height: 1.5; color: var(--white_color); padding: 11px 6px;}
.attend-nav-wrapper .active .nav-link { color: var(--green_color); }
#agenda { padding: 70px 0; background-color: var(--navy_color); }
#agendaAccordion .accordion-body .row { margin-bottom: 5px;}
#keynotes, #hands-on-training, .about-cxo { padding: 70px 0; }
#keynotes .h2 { padding-bottom: 30px; border-bottom: 1px solid #D3E2FD; margin-bottom: 30px;}
#keynotes .accordion .accordion-item {margin-bottom: 10px; background: transparent; border: 0;}
#keynotes .accordion .accordion-button { font-weight: 500; color: var(--navy_color); padding: 11px 60px 11px 15px; background-color: #fff; min-height: 50px;}
#keynotes .accordion .accordion-body { background-color: rgb(255 255 255 / 40%); }
#keynotes .agenda-sep { padding-top: 21px; border-top: 1px solid #D3E2FD; margin-top: 30px;}
#technical-breakouts, #certification-exams {
    padding: 70px 0;
    background-color: var(--bright_blue_color);
}
#technical-breakouts .h3, #certification-exams .h3 {
    margin-top: 0;
    margin-bottom: 30px;
}
#technical-breakouts .sep { padding-top: 30px; border-bottom: 1px solid #D3E2FD; margin-bottom: 30px;}
#hands-on-training .h3 span, #certification-exams .h3 span { font-size: 24px; font-weight: 400; font-style: italic; }
#cxo-experience {
    padding: 70px 0;
    background-color: var(--navy_color);
}
#cxo-experience .h3 {
    color: var(--cyan_color);
    margin-top: 35px;
}
.cxo-swiper {
    height: auto !important;
    margin-top: 50px;
}
.cxo-swiper.-non-slider .swiper-wrapper {
    transform: inherit!important;                       /* Normalize the position of the slider */   
    display: grid;                                      /* Remove slide overlaps */
    grid-template-columns: repeat(3, 1fr);              /* Any custom style */
    gap: 30px;                                          /* Any custom style */
}
.speaker-slider.-non-slider .swiper-wrapper {
    transform: inherit!important;                       /* Normalize the position of the slider */   
    display: grid;                                      /* Remove slide overlaps */
    grid-template-columns: repeat(4, 1fr);              /* Any custom style */
    gap: 35px;                                          /* Any custom style */
}
.speaker-slider.-non-slider .swiper-slide {
    width: inherit!important;                           /* Initialize the width of the slides */
}
.cxo-swiper.-non-slider .swiper-slide-duplicate, .speaker-slider.-non-slider .swiper-slide-duplicate {    /* Remove slide duplicates（loop:trueの場合） */
    display: none;
}
.cxo-swiper .swiper-slide {
    position: relative;
    min-height: 290px;
}
.cxo-swiper .swiper-slide .h4 {
    position: absolute;
    left: 25px;
    bottom: 25px;
    color: #fff;
    z-index: 2;
    margin-bottom: 0;
    width: calc(100% - 50px);
}
.cxo-swiper .swiper-pagination, .keynote-swiper .swiper-pagination {
    display: none !important;
}
.speaker-slider .swiper-button-next, .speaker-slider .swiper-button-prev {
    top: 95% !important;
    filter: brightness(0);
    right: -7px;
}
.speaker-slider .swiper-button-prev {
    right: 45px!important;
}
.keynote-swiper {
    height: auto !important;
}
.attend-con {
    background: conic-gradient(from 0deg at 50% 50%, var(--navy_color) 50%, var(--bright_blue_color) 100%);
    padding: 3rem 0;
}
.attend-con .h3, #justification-letter .h3, #hands-on-training .h3, .about-cxo .h3, #faqs .h3 {
    margin-top: 0;
}
#certification-exams .gx-6, #cxo-experience .gx-6, .attend-con .gx-6, .overview.japan .gx-6 {
    --bs-gutter-x: 6rem;
}
#justification-letter, #faqs {
    padding: 70px 0;
    background-color: var(--light_grey_color);
}
#letterAccordion .accordion-item, #trainingAccordion .accordion-item, #agendaAccordion .accordion-item {
    background: transparent;
    border: 0;
    margin-bottom: 10px;
}
#letterAccordion .accordion-item .accordion-header {
    /*padding: 26px 40px 26px 100px;*/
    padding: 26px 40px 26px 40px;
    background-color: var(--dark_blue_color);
}
.accordion-button:not(.collapsed) {
    background: transparent;
    box-shadow: none;
}
.accordion-button::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: rgb(37 108 247 / 20%);
}
.accordion-button::after {
background: transparent;
background-image: url("/images/icons/chevron-down-circle.svg");
background-repeat: no-repeat;
background-size: auto;
color: #fff;
background-position: center;
padding: 15px;
position: absolute;
right: 11px;
}
.accordion-button:focus {
box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("/images/icons/chevron-down-circle.svg");
    transform: rotate(90deg);
}
#letterAccordion .accordion-item .accordion-header .accordion-button {
    background: transparent;
    height: auto;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}
#letterAccordion .accordion-item .accordion-header .accordion-button::before, #trainingAccordion .accordion-item .accordion-header .accordion-button:before, #agendaAccordion .accordion-item .accordion-header .accordion-button:before, #faqAccordion .accordion-item .accordion-header .accordion-button:before {
    display: none;
}
#letterAccordion .accordion-item .accordion-header .accordion-button::after {
    display: none;
    background-image: url("/images/icons/chevron-down-circle-white.svg");
    right: auto;
    left: -60px;
    width: 34px;
    height: 34px;
    background-size: contain;
}
#letterAccordion .accordion-item .accordion-header .btn_green_color {
    /*min-width: 120px;
    max-width: 120px;*/
    flex: 1 0 auto;
}
#letterAccordion .accordion-item .accordion-body {
    padding: 30px;
}
#letterAccordion .accordion-item .accordion-body .table {
    max-width: 800px;
    margin-bottom: 10px;
}
#letterAccordion .accordion-item .accordion-body .table>:not(caption)>*>* {
    background: transparent;
    border: 1px solid black;
    color: var(--dark_blue_color);
    padding: 2px 5px;
}
#letterAccordion .accordion-item .accordion-body .table thead th {
    font-weight: normal;
}
#letterAccordion .accordion-item .accordion-body .table .bg-dark {
    background-color: #535356 !important;
    color: #fff;
}
#letterAccordion .accordion-item .accordion-body .table p {
    margin-bottom: 0;
}
#letterAccordion .accordion-item .accordion-body p>small {
    font-size: 12px;
}
#trainingAccordion .accordion-item .accordion-header .accordion-button::after, #agendaAccordion .accordion-item .accordion-header .accordion-button::after,
#faqAccordion .accordion-item .accordion-header .accordion-button::after {
    right: auto;
    left: 30px;
    width: 34px;
    height: 34px;
    background-size: contain;
}
#faqAccordion .accordion-item .accordion-header .accordion-button::after {
    background-image: url("/images/icons/chevron-down-circle-white.svg");
}
#trainingAccordion .accordion-item .accordion-header .accordion-button, #agendaAccordion .accordion-item .accordion-header .accordion-button,
#faqAccordion .accordion-item .accordion-header .accordion-button {
    background-color: var(--light_grey_color);
    padding: 20px 40px 20px 100px;
    height: auto;
    color: var(--navy_color);
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}
#faqAccordion .accordion-item .accordion-header .accordion-button {
    background-color: var(--navy_color);
    color: #fff;
    padding: 26px 40px 26px 100px;
}
#faqLvl2Accordion .accordion-item .accordion-header .accordion-button {
    background-color: var(--white_color);
    color: var(--navy_color);
}
#faqLvl2Accordion .accordion-item .accordion-header .accordion-button::after {
    background-image: url("/images/icons/close-circle.svg");
    transform: rotate(0deg);
}
#faqLvl2Accordion .accordion-item .accordion-header .accordion-button.collapsed:after {
    transform: rotate(315deg);
}
#agendaAccordion .accordion-item .accordion-header .accordion-button {
    background-color: rgb(51 69 105 / 50%);
    color: var(--white_color);
}
#agendaAccordion .accordion-item .accordion-header .accordion-button::after {
    background-image: url("/images/icons/chevron-down-circle-bright-blue.svg");
}
#agendaAccordion .accordion-item .accordion-body {
    padding: 10px 12px 0;
}
#trainingAccordion .accordion-item .accordion-body {
    padding: 30px;
}
#trainingAccordion .accordion-item .accordion-body .d-flex {
    column-gap: 35px;
}
#faqAccordion .accordion-item .accordion-body {
    padding: 0;
}
#faqLvl2Accordion .accordion-item .accordion-body {
    padding: 0px 100px 20px;
}
#faqAccordion .accordion-item {
    margin-bottom: 10px;
}
#faqLvl2Accordion .accordion-item {
    border-bottom: 1px solid #CFD1D2;
    margin-bottom: 0;
}
.why-con p {color:var(--white_color);font-size: 24px;font-weight: 400;line-height: 1.5;}
.why_con .speaker_box {background-color: var(--third_color);}
.why_con .speaker_box .img {overflow: hidden;}
.why_con .speaker_box .details {padding: 30px;}
.why_con .speaker_box .name {color: var(--3rd_color); opacity: 1; margin-bottom: 10px;}
.why_con .speaker_box .designation {color: var(--white_color); opacity: 0.7;}
.why_attend_tracks_con {padding:70px 0;}
.why_attend_tracks_con .card{border: none; margin-bottom: 30px;}
.why_attend_tracks_con .icons img{width:60px; height:60px; margin-bottom:20px;}
.why_attend_tracks_con .title {font-size: 24px; font-weight: 500; color: var(--black); line-height: 100%; margin-bottom: 10px;}
.cxo_experience {padding: 70px 0}
.cxo_experience .content-box {padding-right: 70px;}
.cxo_experience .content-box .h2 {font-size: 28px;}
.cxo_experience p {font-size:24px;  line-height: 110%;}
.cxo_experience ul li {font-size:18px; color: var(--white_color)}
.border1x {border: 1px solid var(--dark_opacity1)}
/*WHY ATTEND end*/

/*sponsors_sec start*/
.sponsor-con {padding: 50px 0;}
.sponsor-con .h2 {letter-spacing: -0.36px;line-height: normal; margin-bottom: 20px;}
.sponsor-con p { font-size: 16px; line-height: 1.5; margin-bottom: 30px;letter-spacing: 0.02em;}
.sponsor-con .cat { font-size: 18px; letter-spacing: 0.01em; line-height: 23px; font-weight: 500; margin-bottom: 21px;}
.sponsor-con .border-spacer { border-bottom: 1px solid #011130; opacity: 0.2; margin: 30px 0;}
.sponsors_sec {width: 100%; min-height:500px; background-image: url("../images/slider/sponsors.jpg"); background-repeat: no-repeat; background-position: center center; background-size:cover; padding-bottom:35px;}
.prospectus-sec { padding: 70px 0; background-color: var(--light_grey_color); }
.prospectus-sec .h3 { margin-top: 0; margin-bottom: 10px; }
.attendees-countdown { position: relative; min-height: 360px; }
.attendees-countdown .h3 { margin-top: 110px; }
.attendees-countdown .counter-wrapper { position: absolute; right: 12px; max-width: 50%; }
.attendees-countdown .counter-wrapper .gradient {
    background-color: var(--bright_blue_color);
    background: linear-gradient(180deg, var(--bright_blue_color) 0%, var(--navy_color) 100%);
    color: #fff;
    text-align: center;
    padding: 40px 20px;
}
.attendees-countdown .counter-wrapper .gradient.flip {
    background-color: var(--navy_color);
    background: linear-gradient(180deg, var(--navy_color) 0%, var(--bright_blue_color) 100%);
}
.attendees-countdown .counter-wrapper .gradient .counter-one_counter {
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}
.attendees-countdown .counter-wrapper .gradient .counter-one_text {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    width: 200px;
    margin: 0 auto;
}

.sponsors_contact li {font-size: 20px; color: var(--white_color) }
.sponsors_contact li a {color: var(--2nd_color) }
/*sponsors_sec end*/
/*training_sessions start*/
.training_sessions_sec {width: 100%; min-height:500px; background-image: url("../images/slider/training.jpg"); background-repeat: no-repeat; background-position: center center; background-size:cover; padding-bottom:35px;}


.training_session_card .card {padding: 30px; text-align: start; min-height:340px;}
.training_session_card .card .description { text-align: start;}
.training_session_card .card .title {font-size: 24px; font-weight: 500; color: var(--black); line-height: 100%; margin-bottom: 10px; text-align: left; padding: 0;}
.training-con2 .time-tile {background-color:var(--primary_color); color: var(--white_color); padding:5px; font-size: 20px;}
.training-con2 .session-title {background-color:var(--primary_color); color: var(--white_color); padding:5px; font-size: 20px;}
.training-con2 .time {color: var(--dark_color); padding:5px; font-size: 20px; border:1px solid #cccccc;}
.training-con2 .time span {background-color:#E1E1E1; padding: 3px; font-size: 12px;  color: var(--dark_color); display: inline-block;}
.training-con2 .session {color: var(--dark_color); padding:5px; font-size: 20px; border:1px solid #cccccc; }
/*training_sessions end*/



/*FAQ start*/
.faq_sec {width: 100%; min-height:500px; background-image: url("../images/slider/faq.jpg"); background-repeat: no-repeat; background-position: center center; background-size:cover; padding-bottom:35px;}

.faq-accordion-sec .accordion-item {margin-bottom: 10px;}
.faq-accordion-sec .accordion {border: none!important; box-shadow: none;}
.faq-accordion-sec .accordion-main {font-size:20px!important;padding-left:60px!important; color: var(--white_color)!important; background: rgb(13,64,166);background: linear-gradient(90deg, rgba(13,64,166,1) 0%, rgba(35,104,245,1) 100%);border-radius: 0!important;}
.faq-accordion-sec .accordion-main::after {margin-left: -240px!important;background-image: url("../images/icons/chevron-right.svg")!important;}
.faq-accordion-sec .accordion-main:not(.collapsed)::after {background-image: url("../images/icons/chevron-down.svg")!important;}
.faq-accordion-sec .accordion-inner {font-size:20px!important; color: var(--dark_color)!important;background:#f7f7f7!important;border-radius: 0!important; border:none!important;}
/*FAQ end*/

/* Japan Highlights */
.highlights.japan, .program.japan {
    background-color: var(--navy_color);
    padding: 70px 0;
}
.highlights.japan .h3, .program.japan .h3 {
    color: #fff;
    margin-top: 0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.highlights.japan hr, .program.japan hr {
    border-color: #D3E2FD;
    opacity: 1;
}
.highlights.japan h5 {
    color: #12D4FF;
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.03em;
}
.highlights.japan p {
    color: #fff;
}

/* Japan Speakers */
.speakers.japan {
    padding: 70px 0;
}
.speakers.japan .h3 {
    color: var(--navy_color);
    margin-top: 0;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    margin-bottom: 30px;
}
.speakers.japan hr {
    border-color: #2B3E5C;
    opacity: 1;
}
.speakers.japan .speaker-slider {
    height: auto;
    padding-bottom: 0px;
}
.speakers.japan .spkr-block {
    text-align: center;
    /*margin-top: 50px;*/
}
.speakers.japan .spkr-block .label {
    font-weight: bold;
    padding: 5px 20px;
    background-color: var(--bright_blue_color);
    color: #fff;
    display: inline-block;
    margin: 20px auto;
}
.speakers.japan .spkr-block .company {
    margin: 20px auto;
}
.speakers.japan .spkr-block p {
    margin-bottom: 0;
}
.speakers.japan .spkr-block p.desg {
    font-size: 14px;
}
.speaker-slider .swiper-scrollbar {
    width: 100% !important;
    bottom: 45px;
    background-color: #CCD1DA !important;
}

/* Benefits section */
.benefits {
    padding: 70px 0;
    background-color: var(--light_grey_color);
    background-image: url('../images/jpy/benefits-left-bg.png'), url('../images/jpy/benefits-right-bg.png');
    background-position: left, right;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;
}
.benefits .h3 {
    color: #334569;
    border-top: 2px solid #334569;
    border-bottom: 2px solid #334569;
    padding: 12px 0;
    margin-top: 0;
    font-weight: bold;
}
.benefits p.large {
    font-size: 22px;
    line-height: 54px;
    color: #334569;
    margin-bottom: 0;
}
.benefits .heading {
    color: var(--pink_color);
    font-size: 40px;
    font-weight: bold;
    line-height: 54px;
    margin-bottom: 0;
}

/*Partner */
.partners {
    padding: 70px 0;
}
.partners .h4 {
    font-weight: bold;
    letter-spacing: -0.01em;
}
.partners hr {
    opacity: 1;
    border-top-color: #CCCCCC;
}
.partners img {
    margin-bottom: 20px;
}

/* Overview */
.overview.japan {
    padding: 70px 0;
    background: conic-gradient(from 180deg, #001030 0deg, #1C56C6 180deg, #256CF7 360deg);
    position: relative;
}
.overview.japan:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: calc( 50% + 1px );
    height: 100%;
    background-color: var(--navy_color);
    z-index: 2;
}
.overview.japan .h3 {
    color: #fff;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 40px;
}
.overview.japan .table td {
    background: transparent;
    color: #fff;
    border-color: #fff;
    padding: 12px 8px;
}
.overview.japan .table td:first-child {
    font-weight: bold;
}
.overview.japan .table tr:first-child td {
    border-top: 1px solid #fff;
}
.overview.japan .table td small {
    font-size: 13px;
}
.overview.japan .map-wrap {
    position: relative;
    z-index: 3;
}

/*Register Page*/
.register {background-color: var(--navy_color); padding: 10px 0;}
.register .card { background: transparent;}
.register.ty {min-height: calc( 100vh - 295px); display: flex; align-items: center; }
.form-label { font-weight: 700; color: var(--navy_color); margin-bottom: 0; }
.input-group { display: block; background-color: var(--light_grey_color); padding: 16px; margin-bottom: 7px; }
.form-control, .form-select { border: 0; border-radius: 0; color: var(--navy_color); padding: 8px; line-height: 1.4;}
.form-check-input { border-color: #CFD1D2; border-radius: 0 !important; }
.form-check-input[type=radio] { border-radius: 50% !important; }
.input-group>.form-select { max-width: 80px; }
.input-group p.warning { font-size: 13px; }
.form-control.error, .form-select.error {border-color: #DA0202;}
.form-control.other { border: 1px solid #AAAAAA; display: inline-block; width: 45%; }
.form-control::placeholder { color: #AAAAAA; }
.form-check-label { color: var(--navy_color); }
.select2-selection__choice { margin-bottom:7px!important; }
.select2-container--default .select2-selection--multiple {
    padding: 12px;
    min-height: 48px !important;
    border: 1px solid #CFD1D2 !important;
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0;
}
div.error-message { font-size: 13px; line-height: 1.2; font-weight: 500; margin-top: 5px; margin-bottom: 0; color: #DA0202 !important; }
.wizard-nav { pointer-events: none; }
.wizard .wizard-nav.dots .wizard-step span { color: #fff; display: inline-block; margin-top: 20px; }
.wizard .wizard-nav.dots .wizard-step.active~.wizard-step .dot, .wizard .wizard-nav.dots .wizard-step.active:after, .wizard .wizard-nav.dots .wizard-step.active:before, .wizard .wizard-nav.dots .wizard-step.active~.wizard-step:after, .wizard .wizard-nav.dots .wizard-step:before { background-color: #fff !important; box-shadow: none !important; color: #334569 !important; }
.wizard .wizard-nav.dots .wizard-step .dot {
    width: 46px !important;
    height: 46px !important;
    top: -60px !important;
    color: #334569 !important;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
}
.wizard .wizard-nav.dots .wizard-step .dot, .wizard .wizard-nav.dots .wizard-step:before { background-color: var(--bright_blue_color) !important; box-shadow: none !important; color: #fff !important; }
.wizard .wizard-nav.dots .wizard-step.active .dot {
    background-color: var(--bright_blue_color) !important;
    box-shadow: none !important;
    width: 46px;
    height: 46px;
    color: #fff !important;
}
.wizard .wizard-nav {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translateX(-50%);
    top: 180px;
}
.wizard .wizard-buttons { display: none !important; }
#step-agree, #step-session, #step-return, #step-confirm, #login { font-size: 30px; padding: 14px 20px; min-width: 240px; max-width: 240px; }
.wizard .wizard-step .h3 { margin-bottom: 200px; font-weight: bold; }
.wizard .wizard-step p.disclaimer, .session-change-complete h5, .event-end h5 { font-size: 18px; line-height: 34px; font-weight: bold; }
.wizard .wizard-step .disclaimer-box { margin-top: 30px; max-height: 300px; overflow-y: scroll; }
.wizard .wizard-step .disclaimer-box p { font-size: 14px; }
.wizard .wizard-step .disclaimer-box p>strong { font-size: 16px; }
.session {
    background-color: #334569;
    margin-bottom: 50px;
}
.session .time {
    background-color: #162943;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    padding: 21px 0;
    position: relative;
    margin-bottom: 0;
}
.register .session .time .clear {
    background-color: #000000;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    border: 0;
    padding: 5px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}
.session .info {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.session .label {
    color: var(--navy_color);
    font-size: 14px;
    line-height: 1;
    width: fit-content;
}
.session .capacity {
    color: var(--navy_color);
    font-size: 13px;
    line-height: 1;
    padding: 5px 10px;
    border: 1px solid var(--navy_color);
    background-color: #fff;
    position: absolute;
    right: 24px;
}
.session .capacity.af {
    color: var(--pink_color);
    border: 1px solid var(--pink_color);
}
.session .capacity.full {
    color: red;
    border: 1px solid red;
}
.session h5 {
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
.session.multiple.heading-line3 h5 {
    min-height: 82px;
}
.session:not(.ps) img {
    width: 90px;
    height: 90px;
}
.session p {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}
.session.ps p {
    font-size: 16px;
    line-height: 26px;
}
.session p.name {
    font-size: 18px;
    margin-bottom: 0;
}
.session .topic {
    display: block;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 13px;
    background-color: var(--bright_blue_color);
    margin-top: auto;
    margin-bottom: 30px;
}
.session .topic.tech {
    background-color: var(--bright_blue_color);
}
.session .topic.entry {
    background-color: var(--cyan_color);
}
.session .topic.cs {
    background-color: var(--green_color);
    color: #000;
}
.session .topic.sponsor {
    background-color: var(--pink_color);
}
.register .session .form-check {
    background-color: var(--light_grey_color);
    padding: 15px 0;
    text-align: center;
    color: #001744;
    margin-bottom: 0;
}
.register .session .form-check .form-check-input, .register .completion-box .form-check-input {
    float: none;
}
.register .session.multiple .error-message {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #162943;
    background-color: var(--light_grey_color);
    display: none;
}
.register .inputs .error-message {
    display: none;
}
.register .inputs .ques .error-message {
    padding-left: 3rem;
}
.session.multiple .border-right, .session.break.border-right {
    border-right: 1px solid #162943;
}
.session.break.border-right {
    height: calc( 100% - 50px );
}
.session.break.border-right h5 {
    height: calc( 100% - 50px );
    align-content: center;
}
.session.multiple .col-md-6.border-right:not(:last-child) {
    border-bottom: 1px solid #162943;
}
.session.ps {
    position: relative;
}
.session.ps .form-check {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.border-white-left .session.ps {
    border-left: 1px solid #D3E2FD;
}
.register .fields-wrapper {
    padding: 50px 80px;
    background-color: #fff;
}

.register .completion-box {
    padding: 70px 10px 80px;
    text-align: center;
    background-color: #fff;
}
.mypage.japan .application-qrbox {
    padding: 40px 0;
    background-color: #fff;
    width: 100%;
}
.mypage.japan .application-qrbox .regno {
    font-size: 14px;
}
.mypage.japan .application-qrbox .session-list {
    margin-top: 40px;
}
.mypage.japan .application-qrbox .session-list p.title {
    background-color: #D3E2FD;
    padding: 10px;
}
.mypage.japan .application-qrbox .session-list .time, .mypage.japan .application-qrbox .session-list .hall, .mypage.japan .application-qrbox .session-list .topic {
    background: transparent;
    padding: 10px 0 8px;
}
.mypage.japan .application-qrbox .session-list .time {
    min-width: 100px;
}
.mypage.japan .application-qrbox .session-list .hall {
    min-width: 83px;
}
.mypage.japan .application-qrbox .session-list .time p, .mypage.japan .application-qrbox .session-list .topic p {
    color: var(--navy_color);
}
.mypage.japan .application-qrbox .session-list .hall p {
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    padding: 4px 10px;
    background-color: #162943;
    line-height: 1;
    margin: 0 15px;
    vertical-align: super;
}
.mypage.japan .application-qrbox .session-list .row {
    border-bottom: 1px solid #707070;
}

/*Register Page end*/

/* Login page */
.login.japan {
    background-color: var(--navy_color);
    padding: 20px 0 150px;
}
.login.japan .h3, .mypage.japan .h3 {
    font-weight: bold;
    margin-bottom: 50px;
}
.login.japan .input-group {
    padding: 0;
    background: transparent;
    display: flex;
}
.login.japan .input-group .input-group-text {
    border-radius: 0;
    background-color: #162943;
    border: 0;
    padding: 13px 23px;
}
.login.japan .input-group .form-control {
    background-color: #334569;
    color: rgb(255,255,255,0.5);
    padding: 10px 15px;
}
.login.japan .fp {
    font-size: 14px;
}
.login.japan .fp a {
    color: var(--cyan_color);
    text-decoration: underline;
}
.account-nav {
    background-color: var(--navy_color);
    padding-top: 15px;
}
.account-nav .btn_dark {
    background-color: #334569;
    color: #fff;
    padding: 7px 12px;
    line-height: 1;
    border: 0;
    display: flex;
    align-items: center;
    font-weight: bold;
}
.account-nav .btn_dark>img {
    margin-left: 15px;
}
.account-nav .btn_hollow {
    background: transparent;
    font-weight: bold;
    color: #fff;
    border: 0;
    display: flex;
    align-items: center;
}
.account-nav .btn_hollow>img {
    margin-right: 10px;
}
.mypage.japan {
    background-color: var(--navy_color);
    padding: 20px 0 70px;
    min-height: calc( 100vh - 235px);
}
.mypage.japan .icon-box {
    text-align: center;
    display: inline-block;
    margin: 0 50px;
}
.mypage.japan .icon-box .icon {
    background-color: var(--bright_blue_color);
    width: 140px;
    height: 140px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.mypage.japan .icon-box span {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
.mypage.japan .session-list {
    margin-top: 80px;
    padding: 0 15px;
}
.mypage.japan .session-list h5 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25px;
}
.mypage.japan .session-list .label {
    background-color: #162943;
    text-align: center;
    padding: 20px 40px;
}
.mypage.japan .session-list .label p {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.mypage.japan .session-list .time, .mypage.japan .session-list .hall, .mypage.japan .session-list .topic {
    background-color: #334569;
    text-align: center;
    padding: 20px 20px;
}
.mypage.japan .session-list .time p, .mypage.japan .session-list .hall p, .mypage.japan .session-list .topic p {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.mypage.japan .session-list .topic p {
    text-align: left;
}
.mypage.japan .cancel-btn-wrap {
    margin-top: 100px;
    text-align: center;
}
.mypage.japan .cancel-btn-wrap .btn_cancel {
    padding: 7px 10px 7px 20px;
    background-color: #D3E2FD;
    color: var(--navy_color);
    font-weight: bold;
    border: 0;
    display: flex;
    align-items: center;
    margin: 0 auto;
    max-width: fit-content;
}
.mypage.japan .cancel-btn-wrap .btn_cancel img {
    margin-left: 25px;
}
.register.session-change.japan {
    padding: 20px 0 120px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .offcanvas-body {
        padding: 15px 44px 30px;
    }
    .offcanvas:not(.show) {
        opacity: 0;
    }
    .navbar_bg {
        padding: 20px 25px;
    }
    .navbar .offcanvas, .offcanvas-backdrop {
        top: 70px;
    }
    .navbar_bg .reg-btn {
        margin-top: 20px;
        margin-left: 20px;
    }
    .container {
        max-width: 920px;
    }
    .header_sec.landing .hero-image img {
        opacity: 0.3;
        width: 78%;
    }
    .header_sec.landing .hero-content .title {
        font-size: 50px;
        line-height: 0.9;
        letter-spacing: -0.01em;
    }
    .header_sec.landing .hero-content .h2 {
        font-size: 38px;
    }
    .header_sec.landing .hero-content .h4 {
        font-size: 20px;
    }
    .header_sec.landing .hero-content .body-copy {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .header_sec.landing .hero-content .reg-btn {
        margin-bottom: 50px;
    }
    .hero-content .title {
        font-size: 38px;
    }
    .hero-content .h3 {
        font-size: 30px;
    }
    .banner, .hero-content .title>br,  {
        display: none;
    }
    .header_sec.japan .hero-content .body-copy, .header_sec.japan .hero-content .pc-title, .header_sec.japan .hero-content .event-details p {
        font-size: 16px;
    }
    .testimonials-con .card .card-header {
        width: 40%;
    }
    .testimonials-con .card .card-body {
        width: 56%;
    }
    .testimonials-con .card .card-body .blockquote p {
        font-size: 20px;
        line-height: 30px;
    }
    .testimonials-con .swiper-scrollbar-horizontal {
        width: 44% !important;
        left: 47.5%;
    }
    .testimonials-con .swiper-pagination {
        left: 47.5%;
    }
    #agenda, #keynotes, #hands-on-training, #technical-breakouts, #certification-exams, #cxo-experience, #justification-letter {
        padding: 40px 0;
    }
    .cxo-swiper.-non-slider .swiper-wrapper, .keynote-swiper.-non-slider .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .attendees-countdown .counter-wrapper {
        max-width: 58%;
    }
    .attendees-countdown .counter-wrapper .gradient .counter-one_text {
        width: auto;
    }
    .session.multiple .col-md {
        width: 50%;
        flex: 0 0 auto;
        border-bottom: 1px solid #162943;
    }
    .noonlunchsession .col-md-9, .noonlunchsession .col-md-3 {
        width: 50%;
        flex: 0 0 auto;
    }
    .session.multiple .col-md-6 {
        width: 100%;
        flex: 0 0 auto;
    }
    .session-disclaimer .col-auto:last-child {
        width: 94%;
        padding-left: 3px !important;
    }
    .program.japan .col-md-8, .program.japan .col-md-4, .register.japan .sessions .col-md-8, .register.japan .sessions .col-md-4,
    .session-change.japan .col-md-8, .session-change.japan .col-md-4 {
        width: 50%;
    }
    .partners .platinum-partners img {
        height: 50px !important;
        margin-bottom: 20px;
    }
    .partners .group-logo .sbcs, .partners .group-logo .nox {
        height: 32px !important;
    }
    .partners .platinum-partners .sb {
        height: 32px !important;
    }
    .partners .gold-partners img {
        height: 40px !important;
    }
    .partners .silver-partners img {
        height: 45px !important;
    }
    .footer p {
        font-size: 14px;
    }
    .register .fields-wrapper {
        padding: 50px 30px;
    }
    div.error-message {
    font-size: 10px;
    }
    .register .completion-box {
        padding: 40px 30px 50px;
    }
    #step-agree, #step-session, #step-return, #step-confirm, #login {
    font-size: 22px;
    }
    .mypage.japan .session-list .time p, .mypage.japan .session-list .hall p, .mypage.japan .session-list .topic p {
        font-size: 12px;
    }
}

@media (min-width:681px) and (max-width:950px) {
    .container { max-width: 700px; }
    .offcanvas-body {
        padding: 15px 26px 20px;
    }
    .header_sec {
        min-height: 450px;
    }
    .header_sec.japan .hero-content img {
        width: 60%;
    }
    .gradlock {
        width: 70%;
        opacity: 0.3;
        display: block;
        margin-left: auto;
    }
    .banner-slider {
        display: none;
    }
.speaker_box .img {height: auto; overflow: hidden;}	
.agenda-time-sec {font-size: 12px;}	
.training_session_card .card {min-height:auto;}	
    .training-con .content-wrapper {padding-top: 30px; padding-left: 0;}
    .brands-con .h3, .sponsor-con .h2, .sponsor-con p {
        text-align: center;
    }
    .about-con.japan img {
        margin-bottom: 30px;
    }
    .attend-nav-wrapper.fixed {
        top: 123px !important;
    }
    .attend-nav-wrapper .nav {
        row-gap: 10px;
    }
    .attendees-countdown .h3 {
        margin-top: 50px;
    }
    .attendees-countdown p {
        margin-bottom: 50px;
    }
    .attendees-countdown {
        min-height: 580px;
    }
    .attendees-countdown .counter-wrapper {
        max-width: 100%;
    }
    .attendees-countdown .counter-wrapper .gradient .counter-one_counter {
        font-size: 38px;
    }
    .highlights.japan p {
        margin-top: 30px;
    }
    .speaker-slider.-non-slider .swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .session.multiple .col-md {
        width: 50%;
        flex: 0 0 auto;
        border-bottom: 1px solid #162943;
    }
    .session.multiple .col-md-6 {
        width: 100%;
        flex: 0 0 auto;
    }
    .program.japan .col-md-8, .program.japan .col-md-4 {
        width: 50%;
    }
    .partners .platinum-partners img {
        height: 40px !important;
        margin-bottom: 30px;
    }
    .partners .gold-partners img {
        height: 40px !important;
    }
    .partners .group-logo .sbcs, .partners .group-logo .nox {
        height: 25px !important;
    }
    .partners .platinum-partners .sb {
        height: 30px !important;
    }
    .partners .silver-partners img {
        height: 42px !important;
        width: auto !important;
    }
    .overview.japan {
        background: transparent;
        padding: 0;
    }
    .overview.japan:before {
        display: none;
    }
    .overview.japan .row .col-lg-6:first-child {
        background: conic-gradient(from 230deg at 50% 100%, #001030 80deg, #1C56C6 180deg, #256CF7 360deg);
        padding: 60px 46px 30px;
    }
    .overview.japan .h3 {
        text-align: center;
    }
    .overview.japan .table td {
        font-size: 14px;
    }
    .overview.japan .table td:first-child {
        width: 60px;
    }
    .overview.japan .row .col-lg-6:last-child {
        background-color: var(--navy_color);
        padding: 50px 46px 30px;
    }
    .footer .p {
        text-align: center;
    }
}

@media  (max-width:767px) {
    .container {
        max-width: 94%;
    }
    .offcanvas:not(.show) {
        opacity: 0;
    }
    p {
        font-size: 14px !important;
    }
    .h2 {
        font-size: 35px;
    }
    .h3 {
        font-size: 22px;
    }
    .header_sec.landing .hero-image img {
        opacity: 0.3;
        width: 78%;
    }
    .header_sec.japan {
        min-height: 500px;
        overflow: hidden;
    }
    .banner, .header_sec.landing .h2>br, .banner-slider {
        display: none;
    }
    .header_sec.japan .hero-image {
        top: 0;
        transform: none;
        width: 80%;
    }
    .header_sec.japan .hero-content .body-copy, .header_sec.japan .hero-content .event-details p {
        font-size: 18px !important;
    }
    .header_sec.japan .hero-content .event-details p .num {
        font-size: 34px;
    }
    .header_sec.japan .hero-content .event-details img {
        width: 16px;
        margin-top: 20px;
    }
    .hero-content .reg-btn {
        text-align: center;
        margin-top: 20px;
    }
    .hero-content .reg-btn .btn_green_color {
        width: 80%;
    }
    .gradlock {
        display: block;
        width: 100%;
        margin-left: auto;
        opacity: 0.3;
    }
    .eyebrow .headline {
        font-size: 12px !important;
    }
    .header_sec.landing .hero-content .title {
        font-size: 40px;
        margin-top: 70px;
    }
    .header_sec.landing .hero-content .body-copy {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 50px;
    }
    .header_sec.landing .hero-content .row {
        row-gap: 30px;
    }
    .header_sec.landing .hero-content .reg-btn {
        margin-bottom: 50px;
    }
    .hero-content .title {
        font-size: 40px;
        margin-top: 20px;
    }
    .highlights.japan h5 {
        margin-top: 25px;
        font-size: 16px;
    }
    .highlights.japan p {
        margin-top: 15px;
    }
    .about-con, .speaker-con, #keynotes, .brands-con, .prospectus-sec {
        padding: 40px 0;
    }
    #agenda, #keynotes, #hands-on-training, #technical-breakouts, #certification-exams, #cxo-experience, #justification-letter, #faqs {
        padding: 40px 0;
    }
    .about-con.landing {
        padding: 35px 0 20px;
    }
    #video .modal-body #s3Video {
        height: 210px;
    }
    .about-con.landing .row {
        row-gap: 25px;
    }
    .about-con p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .speakers.japan .h3 {
        line-height: 30px;
    }
    .speaker-con .h3, .about-con .video {
        margin-bottom: 20px;
    }
    .speakers.japan .speaker-slider {
        padding-bottom: 75px;
    }
    .speaker-slider .swiper-pagination {
        display: inline-block !important;
    }
    .speakers.japan .spkr-block img {
        width: 70%;
    }
    .speakers.japan .spkr-block img.company {
        width: 160px;
        display: block;
    }
    .speakers.japan .spkr-block p {
        font-size: 16px !important;
    }
    .session {
        margin-bottom: 40px;
    }
    .session h5 {
        font-size: 15px;
        min-height: auto !important;
    }
    .session p {
        font-size: 13px !important;
    }
    .session p.name, .session .time {
        font-size: 14px !important;
    }
    .session .time {
        padding: 16px 0;
    }
    .session.multiple .border-right {
        border-right: 0;
        border-bottom: 1px solid #162943;
    }
    .session .topic {
        margin-left: auto;
    }
    .session.multiple.heading-line3 h5 {
        min-height: auto;
    }
    .session-disclaimer .col-auto:last-child {
        width: 94%;
        padding-left: 3px !important;
    }
.navbar_bg {padding: 15px 0px;}
    .navbar-brand {margin: 0;}
.navbar-brand img {width: 120px;}
.navbar-toggler-icon { width: 1.2em; height: 1.2em;}
    .navbar_bg .navbar-nav .nav-link { text-align: center; }
    .navbar_bg .navbar-nav { padding-right: 0 !important; }
    .navbar_bg .reg-btn .btn_green_color_hollow, .navbar_bg .reg-btn .btn_green_color {
        display: block;
        max-width: calc( 94% - 12px );
        margin-top: 25px;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center;
    }
.navbar .offcanvas, .offcanvas-backdrop {top:59px;}
.offcanvas-body {
        padding: 20px 4px 40px;
    }
    .benefits {
        background-image: url('../images/jpy/benefits-left-mob-bg.png');
        background-size: cover;
    }
    .benefits p.large {
        font-size: 16px !important;
        line-height: 30px;
    }
    .benefits .heading {
        font-size: 28px;
        line-height: 36px;
    }
    .partners img {
        width: auto !important;
        height: 40px !important;
        margin-bottom: 45px;
    }
    .partners .group-logo .sbcs, .partners .group-logo .nox {
        height: 25px !important;
    }
    .partners .group-logo .sbcs {
        padding-right: 20px !important;
        margin-right: 20px !important;
    }
    .partners .group-logo .apc {
        height: 50px !important;
    }
    .partners .sb {
        height: 25px !important;
    }
    .partners p {
        margin-bottom: 50px;
    }
    .overview.japan {
        background: transparent;
        padding: 0;
    }
    .overview.japan:before {
        display: none;
    }
    .overview.japan .row .col-lg-6:first-child {
        background: conic-gradient(from 230deg at 50% 100%, #001030 80deg, #1C56C6 180deg, #256CF7 360deg);
        padding: 60px 24px 30px;
    }
    .overview.japan .h3 {
        text-align: center;
    }
    .overview.japan .table td {
        font-size: 14px;
    }
    .overview.japan .table td:first-child {
        width: 60px;
    }
    .overview.japan .row .col-lg-6:last-child {
        background-color: var(--navy_color);
        padding: 50px 24px 30px;
    }
    .brands-con .h3, .sponsor-con .h2, .sponsor-con p {
        text-align: center;
    }
    .training-con .swiper-button-next {
        top: 92%!important;
        right: 22px;
    }
    .training-con .swiper-button-prev {
        top: 92%!important;
        right: 70px!important;
    }
    .training-con .content-wrapper {padding-top: 30px; padding-left: 0;}
    .testimonials-con .card {
        height: auto;
        flex-direction: column;
    }
    .testimonials-con .card .card-header, .testimonials-con .card .card-body {
        width: 100%;
    }
    .testimonials-con .card .card-header img {
        position: static;
        width: 100%;
        transform: none;
    }
    .testimonials-con .card .card-body .blockquote {
        padding: 50px 25px 50px 25px;
        min-height: 350px;
    }
    .testimonials-con .card .card-body .blockquote p {
        font-size: 16px;
        line-height: 24px;
    }
    .testimonials-con .swiper-scrollbar-horizontal {
        width: calc(100% - 60px) !important;
        left: 30px;
        bottom: 100px;
    }
    .testimonials-con .swiper-pagination {
        left: 30px;
        bottom: 50px;
    }
    .testimonials-con .swiper-button-next {
        top: 86% !important;
        right: 25px;
    }
    .testimonials-con .swiper-button-prev {
        top: 86% !important;
        right: 75px !important;
    }
    .wizard .wizard-content {
        padding: 1rem 0 4rem !important;
    }
    .wizard .wizard-nav {
        top: 120px;
        width: 100%;
    }
    .wizard .wizard-nav.dots .wizard-step span {
        font-size: 12px;
        padding: 0 15px;
    }
    .wizard .wizard-nav.dots .wizard-step .dot {
        font-size: 14px;
        padding: 0;
    }
    .wizard .wizard-step p.disclaimer {
        line-height: 26px;
    }
    .wizard .wizard-step>.row>.col-lg-12 {
        padding: 0;
    }
    .wizard .wizard-step .disclaimer-box {
        max-height: 455px;
    }
    .register .session .form-check {
        padding: 8px 0;
    }
    #step-agree, #step-session, #step-return, #step-confirm, #login {
        font-size: 16px;
        padding: 14px 30px;
        min-width: 130px;
    }
    .register .fields-wrapper {
        padding: 20px 15px;
    }
    .form-label {
        margin-bottom: 5px;
        font-size: 15px;
    }
    .form-control, .form-select {
        font-size: 15px;
    }
    .input-group {
        padding: 12px;
    }
    .input-group p.warning {
        margin-top: 7px;
        font-size: 13px !important;
    }
    .input-group .col-auto {
        padding: 0;
    }
    .register .ques .input-group.mt-5 {
        margin-top: 2rem !important;
    }
    .register .ques .input-group .form-label {
        margin-bottom: 0;
    }
    .register .ques .form-check.px-5 {
        padding-right: 0 !important;
        padding-left: 2rem !important;
    }
    .register .ques .other-group { flex-wrap: wrap; }
    .register .ques .other-group .form-label { flex: 0 0 100%; }
    .register .ques .other-group .form-control.other { width: 100%; }
    .register .completion-box {
    padding: 30px 10px 30px;
        text-align: left;
    }
    .register .completion-box h5 { font-size: 14px; }
    .register .completion-box .form-check { padding-left: 1.5rem !important; padding-right: 0 !important; }
    .register .completion-box .d-flex .fs-5 { font-size: 14px !important; }
    .register .completion-box .btn_blue_color { font-size: 15px; }
    .attend-nav-wrapper { padding-top: 0;}
    .attend-nav-wrapper.fixed { top: 83px !important; }
    #trainingAccordion .accordion-item .accordion-header .accordion-button, #agendaAccordion .accordion-item .accordion-header .accordion-button,
    #faqAccordion .accordion-item .accordion-header .accordion-button {
        padding: 20px 20px 20px 70px;
        font-size: 18px;
    }
    #trainingAccordion .accordion-item .accordion-header .accordion-button::after, #agendaAccordion .accordion-item .accordion-header .accordion-button::after,
    #faqAccordion .accordion-item .accordion-header .accordion-button:after {
        left: 20px;
    }
    #certification-exams .gx-6, #cxo-experience .gx-6, .attend-con .gx-6, .overview.japan .gx-6 { --bs-gutter-x: 3rem; }
    #hands-on-training .h3 span, #certification-exams .h3 span {
        font-size: 20px;
        display: block;
        margin-top: 5px;
    }
    #trainingAccordion .accordion-item .accordion-body .d-flex {
        column-gap: 15px;
    }
    #trainingAccordion .accordion-item .accordion-body {
        padding: 20px;
    }
    #faqLvl2Accordion .accordion-item .accordion-body {
        padding: 10px 20px;
    }
    .attend-con {
        background: conic-gradient(from 90deg at 50% 50%, #011130 40%, #256CF7 100%);
    }
    .attend-con .col-md-6:nth-child(2) .h3 {
        margin-top: 100px;
    }
    #letterAccordion .accordion-item .accordion-header {
        flex-direction: column;
        align-items: center;
        /*padding: 26px 40px 26px 80px;*/
        padding: 26px 40px 26px 40px;
    }
    #letterAccordion .accordion-item .accordion-header .accordion-button {
        justify-content: center;
        margin-bottom: 15px;
    }
    #letterAccordion .accordion-item .accordion-header .accordion-button::after {
        top: 100%;
    }
    #agenda .fs-4, #hands-on-training .fs-4, #justification-letter .fs-4 {
        font-size: 16px !important;
    }
    #letterAccordion .accordion-item .accordion-body {
        padding: 15px 5px;
    }
    .cxo-swiper, .keynote-swiper {
        padding-bottom: 70px;
    }
    .cxo-swiper>.swiper-scrollbar, .keynote-swiper>.swiper-scrollbar {
        width: 100% !important;
        background-color: #CCD1DA !important;
        bottom: 40px;
    }
    .cxo-swiper .swiper-pagination, .keynote-swiper .swiper-pagination {
        display: inline-block!important;
    }
    .cxo-swiper .swiper-pagination-fraction, .keynote-swiper .swiper-pagination-fraction {
        color: var(--navy_color) !important;
        left: 0;
    }
    .attendees-countdown .h3 {
        margin-top: 40px;
    }
    .attendees-countdown p {
        margin-bottom: 40px;
    }
    .attendees-countdown .counter-wrapper {
        max-width: 115%;
        position: relative;
        width: 115%;
        right: 12px;
    }
    .attendees-countdown {
        min-height: auto;
    }
    .attendees-countdown .counter-wrapper .gradient {
        align-content: center;
    }
    .attendees-countdown .counter-wrapper .gradient .counter-one_text {
        width: auto;
    }
    .attendees-countdown .counter-wrapper .gradient .counter-one_counter {
        font-size: 32px;
    }
    .attendees-countdown .counter-wrapper .gradient.mbflip {
        background-color: var(--navy_color);
        background: linear-gradient(180deg, var(--navy_color) 0%, var(--bright_blue_color) 100%);
    }
    .attendees-countdown .counter-wrapper .gradient.flip.mbflip {
        background-color: var(--bright_blue_color);
        background: linear-gradient(180deg, var(--bright_blue_color) 0%, var(--navy_color) 100%);
    }
.agenda-topic-sec {padding: 10px 30px 5px; border: none;}	
.agenda-time-sec {padding:10px 30px 0; text-align: left;}		
.agenda-topic-sec h6 {padding:10px 0 20px 0; display: block;}		
    .speaker_box .designation { font-size: 16px !important;}
.innerheader_title2, .header_title1 {font-size: 74px!important; line-height:110%!important;margin-top:40%;}
.footer {padding: 30px 0 50px;}
    .footer .p:first-child {margin-bottom: 10px;}
    .footer .enquiry-info {
        flex-direction: column;
    }
    .footer .enquiry-info .label {
        width: 280px;
        text-align: center;
        font-size: 20px;
        padding: 11px 15px;
        margin: 0 auto 30px;
    }
    .footer .social-icons {
        margin: 25px 0;
    }
    .mypage.japan {
        min-height: auto !important;
    }
    .mypage.japan .icon-box {
        margin: 0 20px;
    }
    .mypage.japan .icon-box .icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 10px;
    }
    .mypage.japan .icon-box .icon img {
        width: auto;
        height: 37px;
    }
    .mypage.japan .icon-box span, .account-nav .btn_hollow, .account-nav .btn_dark, .session-change-complete h5 {
        font-size: 14px;
    }
    .mypage.japan .session-list .label, .mypage.japan .session-list .time, .mypage.japan .session-list .hall, .mypage.japan .session-list .topic {
        padding: 12px 16px;
    }
    .mypage.japan .session-list .time p, .mypage.japan .session-list .hall p, .mypage.japan .session-list .topic p, .mypage.japan .application-qrbox .session-list .hall {
        text-align: left;
    }
    .mypage.japan .cancel-btn-wrap {
        margin-top: 50px;
    }
    .mypage.japan .session-list {
        margin-top: 60px;
    }
    .register.session-change.japan {
        padding: 20px 0 60px;
    }
    .border-white-left .session.ps {
        border-left: 0;
    }
    .session.ps .form-check {
        position: static;
    }
    .mypage.japan .application-qrbox {
        padding: 40px 15px;
    }
    .mypage.japan .application-qrbox img {
        width: 180px;
        height: auto;
    }
    .mypage.japan .application-qrbox .session-list .topic {
        padding-top: 0;
    }
    #keynote-popup .modal-body img, .session:not(.ps) .modal-body img {
        width: 200px;
        height: 200px;
        margin-bottom: 20px;
    }
}