@import url('https://fonts.googleapis.com/css2?family=Shafarik&display=swap');
/* font-family: "Shafarik", serif; */

/*********************************************************
    Common Section Start
*********************************************************/
:root {
    --common-font-family: 'Noto Sans JP', sans-serif;
    --blue-color: #3068bb;
    --green-color: #78b437;
    --cyan-color: #00B0F0;
    --light-gray-color: #F5F5F5;
    --dark-black-color: #3a3a3a;
    --transition-delay: 0.1s;
}
html, body {scroll-behavior: smooth;}

.px-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.py-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.pt-50 {padding-top: 50px !important;}
.pb-50 {padding-bottom: 50px !important;}
.bold {font-weight: bold;}
.italic {font-style: italic;}

.main-hd {
	display: inline-block;
    font-size: 25px;
    font-weight: 600;
    color: #524a4a;
    margin-bottom: 30px;
    padding-bottom: 0px;
    position: relative;
}

.main-hd::before {
    content: "";
    background-color: #f1c60b;
    width: 85%;
    height: 2px;
    position: absolute;
    top: 100%;
    left: 0;
}

.main-hd::after {
    content: "";
    background-color: #b6c5d4;
    width: 15%;
    height: 2px;
    position: absolute;
    top: 100%;
    left: 85%;
}
.footer .elementor-2154 .elementor-element.elementor-element-e9cf8ff {padding: 30px 0px;}
.elementor-2154 .elementor-element.elementor-element-3cd8996 .ekit_social_media > li > a {font-size: 22px;}

.elementor-2154 .elementor-element.elementor-element-3cd8996 .ekit_social_media > li > a.instagram {
    background-color: #0E76A8;
    color: #fff;
}
.elementor-2154 .elementor-element.elementor-element-3cd8996 .ekit_social_media > li > a.youtube {
    background-color: #E13832;
    color: #fff;
}
.elementor-2154 .elementor-element.elementor-element-3cd8996 .ekit_social_media > li > a.facebook {
    background-color: #0066ff;
    color: #fff;
}

/*********************************************************
    CSS Start
*********************************************************/
.header {background-color: #02022d !important;}
.header .elementor-19 .elementor-element.elementor-element-3c6e7834 > .elementor-widget-container,
.elementor-19 .elementor-element.elementor-element-477c1ec3:not(.elementor-motion-effects-element-type-background),
.elementor-19 .elementor-element.elementor-element-70e682a1:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap {background-color: #02022d !important;}

.elementor-19 .elementor-element.elementor-element-5c4fe72e .elementskit-navbar-nav > li > a,
.elementor-19 .elementor-element.elementor-element-5c4fe72e .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {color: #fff;}
.elementor-37 .elementor-element.elementor-element-3f5630f .ekit-double-btn.ekit-double-btn-one {background-color: #fe7805;}

.enquiry-box {
	background-color: #2C4058;
	border-radius: 10px;
	padding: 35px 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.enquiry-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}

.enquiry-box ul li {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 30px;
	color: #fff;
}

.enquiry-box ul li span {
	font-size: 20px;
	font-weight: 300;
}

.partners-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 32px;
}

.partner-item {
	width: calc(25% - 24px);
	border: 1px solid #ECF1F9;
	padding: 10px;
    text-align: center;
}
.partner-item img {transition: all 0.5s;}

.partner-item:hover img {
	filter: grayscale(1);
	transform: scale(0.95);
}

.glimpses-button {text-align: center;}
.glimpses-button a.elementskit-btn {
	font-size: 18px;
	font-weight: 600;
	padding: 20px 30px;
}
.glimpses-button a.elementskit-btn i {margin-left: 5px;}

.speaker-image::before {opacity: 0;}
.spekaer-box-style:hover .speaker-image:before {opacity: 1;}

.speaker-image > a > img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.spekaer-box-style:hover .speaker-image a > img {
    -webkit-transform: scale(1.03) translateY(-8px);
    transform: scale(1.03) translateY(-8px);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.speaker-image > a span {z-index: 2;}
.speaker-footer-content > p {font-style: italic;}

.awards-text h2 {
	color: #604747;
	line-height: 44px;
	margin-bottom: 20px;
}

.awards-text p {
	font-size: 20px;
	color: #604747;
	margin-bottom: 20px;
}

.awards-item {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.awards-item a {
	width: calc(50% - 10px);
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
	transition: all 0.8s;
}
.awards-item a:hover {transform: scale(0.9);}

.awards-item a p {
	font-size: 22px;
	font-weight: 600;
	color: #e5a442;
	margin-bottom: 0;
}

.speaker-footer-content {
	padding: 20px 10px;
	text-align: center;
}

.speaker-footer-content .speaker-title {
	font-size: 20px;
	font-weight: 600;
	color: #B52632;
	margin-left: 0;
	position: relative;
}

.speaker-footer-content .speaker-title::before {
	position: absolute;
	left: -10px;
	top: 50%;
	margin-left: 0;
}

.team-management {
	display: flex;
	gap: 51px;
}

.management-item {position: relative;}
.management-item:first-of-type::after {display: none;}
.management-item::after {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #dddddd;
	position: absolute;
	left: -25px;
	top: 0;
}

.management-item h4 {
	font-family: "Shafarik", serif;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1px;
	font-style: italic;
	color: #fff;
	margin-bottom: 0;
}

.management-item h3 {
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 0;
}



/**************************************
    Our Gallery Section
**************************************/
.photo-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 30px;
    margin-bottom: 70px;
}

.photo-gallery a {
    width: calc(33.33% - 12px);
    height: 235px;
    border: 1px solid #ebebeb;
    padding: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.027);
    cursor: zoom-in;
    position: relative;
}

.photo-gallery a::before {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    transition: all 0.3s ease;
    backdrop-filter: blur(1px);
    opacity: 0;
}

.photo-gallery a:hover::before {
    transition: all 0.3s ease;
	opacity: 1;
}

.photo-gallery a img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
}

.photo-gallery a iframe {
    width: 100%;
    height: 230px;
}

/*********************************************************
    Regertration Page Start
*********************************************************/
.register-now {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.register-now h3 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background-color: #8b2719;
    text-align: center;
    margin-bottom: 0;
    padding: 15px;
    border-radius: 8px 8px 0 0;
}

.registration-form {
    border: 1px solid #8b2719;
    padding: 25px;
    border-radius: 0 0 8px 8px;
}

#registerBtn {
    display: inline-block;
    color: #fff;
    background: #8b2719;
    border-radius: 2px;
    border: 1px solid transparent !important;
    font-size: 17px;
    padding: 7px 40px;
    padding-top: 7px;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.3s;
}

#registerBtn:hover {
    background-color: transparent;
    color: #8b2719;
    border-color: #8b2719 !important;
	outline: none !important;
}

.register-detail p {
    font-size: 17px;
    color: #464646;
}

.register-detail a {color: #3376ce;}
.register-detail a {color: #E54220;}

/*********************************************************
    Audition Procedure Block Start
*********************************************************/
.audition-procedure {
    border: 2px solid #ff9a9a;
    border-radius: 10px;
    margin-bottom: 60px;
    overflow: hidden;
}

.audition-btn-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 40px;
    row-gap: 30px;
    padding: 30px 20px;
}

.audition-btn-block p {
    font-size: 23px;
    font-weight: 600;
    color: #300303;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}
.audition-btn-block p strong {color: #da0000;}

.auditionBtn {
    display: inline-block;
    color: #fff;
    background-color: #fb5b45;
    border-radius: 2px;
    border: 1px solid #fb5b45;
    font-size: 17px;
    padding: 7px 40px;
    padding-top: 7px;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.3s;
}

.auditionBtn:hover {
    background: transparent;
    border-color: #fb5b45;
    color: #fb5b45;
}

.audition-procedure-content {
    background-color: #fff4f4;
    border-top: 2px solid #ffe5e5;
    border-bottom: 2px solid #ffe5e5;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center;
}

.audition-procedure-content p {
    font-size: 23px;
    font-weight: 600;
    color: #000;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}
.audition-procedure-content p strong {color: #da0000;}

.audition-procedure-footer {padding: 30px 20px;}

.audition-procedure-footer p {
    font-size: 17px;
    color: #1d61b4;
    margin-bottom: 15px;
}

/*********************************************************
    Contact Us Page Start
*********************************************************/
#page_content, .register-area, .contact-area {padding: 70px 0;}

.form-box {
    padding: 30px 40px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	border-top: 3px solid #006fa9;
}

.contact-form .form-area h2 {
	font-size: 22px;
	font-weight: 600;
	color: #2FA22C;
	text-align: center;
	margin-top: 0;
    margin-bottom: 5px;
}

.contact-form .form-area p {
	font-size: 17px;
	font-weight: 500;
	color: #384237;
	text-align: center;
	margin-bottom: 30px;
}

.contact-form .form-area h5 {
	font-size: 17px;
	font-weight: 500;
	color: #da0000;
	text-align: center;
	margin-bottom: 30px;
}
.form-group {margin-bottom: 20px;}

.form-group .form-control {
    border-color: #738291;
    height: 100% !important;
}

.form-group input,
.form-group select,
.form-group textarea {
    border-radius: 0 !important;
	font-size: 15px;
	padding: 12px;
	color: #000;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    box-shadow: none;
}

.form-group textarea {resize: vertical;}

.form-group input[type=number]::-webkit-outer-spin-button,
.form-group input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.submit-btn {
    display: inline;
    color: #fff;
    background: #3376ce;
    border-radius: 2px;
    border: none !important;
    font-size: 18px;
    padding: 7px 25px;
    padding-top: 7px;
    cursor: pointer;
    transition: all 0.3s;
}

.submit-btn:hover {
    background: #1966ca;
	border: none !important;
	outline: none !important;
}

.form-detail {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 40px 20px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

.form-detail::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(249, 70, 67, 0.85);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 10px;
}

.form-detail::after {
    content: "";
    border: 18px solid transparent;
    border-left-color: #f94643f5;
    position: absolute;
    top: calc(50% - 18px);
    right: -36px;
}

.form-detail p {
    margin-bottom: 15px;
    font-size: 19px;
    font-weight: 400;
}

.form-detail ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.form-detail ul li {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
}
.form-detail ul li a {text-decoration: none;}

/*********************************************************
    Promotion Page Start
*********************************************************/
.promotions {
    padding-top: 40px;
    padding-bottom: 60px;
}

.single-promo {
    display: flex;
    align-items: start;
    gap: 40px;
    margin-bottom: 80px;
    padding: 30px;
    padding-bottom: 60px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    transition: all 0.4s;
}
.single-promo:nth-child(odd) {padding-left: 65px;}

.single-promo:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
}

.single-promo:nth-child(even) {
    flex-direction: row-reverse;
    padding-right: 65px;
}

.promo-thumb {
    width: 350px;
    height: auto;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.promo-thumb img {border-radius: 6px;}

.promo-thumb::before {
    content: "";
    width: 120px;
    height: 120px;
    background-color: #ebf4ff;
    position: absolute;
    bottom: -35px;
    border-radius: 10px;
    z-index: -1;
}

.single-promo:nth-child(odd) .promo-thumb::before {left: -35px;}
.single-promo:nth-child(even) .promo-thumb::before {right: -35px;}
.promo-info {width: calc(100% - 390px);}
.promo-info p {font-size: 17px;}
.promo-info h3 {color: #0d64a3 !important;}

/*********************************************************
    WhatsApp Icon Start
*********************************************************/
.whatsapp-icon a {
    font-size: 30px;
    border: 1px solid transparent;
    background-color: #33bb47;
    color: #fff;
    text-align: center;
    position: fixed;
    bottom: 50px;
    left: 50px;
    z-index: 99999;
    width: 54px;
    height: 54px;
    line-height: 56px;
    border-radius: 50%;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
    animation-name: whatsappPulse;
    animation-duration: 0.8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transition: all 0.3s;
}

@keyframes whatsappPulse {
    0% {transform: scale(1);}
    100% {transform: scale(1.15);}
}

.whatsapp-icon a:hover {
    border-color: #33bb47;
    color: #33bb47;
    background-color: #fff;
    animation-play-state: paused;
}











/*************************************************************************************************************
**************************************************************************************************************
					R E S P O N S I V E   C S S   C O D E
**************************************************************************************************************
/*************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 767px) {

    .header {
        background-color: #02022d !important;
        padding-left: 12px;
        padding-right: 12px;
    }
    .header .elementor-19 .elementor-element.elementor-element-3c6e7834 > .elementor-widget-container,
    .elementor-19 .elementor-element.elementor-element-70e682a1:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap {background-color: #02022d !important;}
    .elementor-19 .elementor-element.elementor-element-5c4fe72e .elementskit-menu-container {background-color: #2e3b5f;}
    
    .elementor-19 .elementor-element.elementor-element-5c4fe72e .elementskit-menu-close {
        color: #fff;
        border-color: #fff;
    }
    .elementor-19 .elementor-element.elementor-element-5c4fe72e .elementskit-navbar-nav .elementskit-submenu-panel {background-color: #4f608f;}

    .elementor-37 .elementor-element.elementor-element-6e4a78f .elementskit-section-title-wraper .elementskit-section-title {
        font-size: 36px;
        line-height: 48px;
    }

    .header .elementor-19 .elementor-element.elementor-element-70e682a1 {width: 30%;}
    .header .elementor-19 .elementor-element.elementor-element-70e682a1.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap {
        padding: 0;
        padding-left: 15px;
    }

    .header .elementor-19 .elementor-element.elementor-element-5c4fe72e > .elementor-widget-container {margin-right: 0 !important;}
    .header .elementor-widget-wrap .elementor-container .elementor-row {flex-wrap: nowrap;}

    .header .elementor-19 .elementor-element.elementor-element-3c6e7834 img {
        width: 100%;
        max-width: 100%;
    }
    .header-register-btn {display: block !important;}

    .header-register-btn.elementor-element.elementor-element-7ba72c7 .elementskit-btn {
        white-space: nowrap !important;
        position: fixed;
        top: 50%;
        right: -57px;
        transform: rotate(-90deg);
        border-radius: 5px 5px 0 0;
    }
    
    .main-hd {font-size: 22px;}

    .team-management {gap: 17px;}
    .management-item::after {left: -9px;}
    .management-item h4 {font-size: 11px;}
    .management-item h3 {font-size: 13px;}
    
    .awards-item a {width: 100%;}
    .partners-list {gap: 10px;}
    .partner-item {width: calc(50% - 5px);}

    .enquiry-box {
        margin-top: 70px;
        margin-bottom: 50px;
        padding: 25px 15px;
    }

    .enquiry-box ul {
        flex-direction: column;
        gap: 25px;
    }

    .enquiry-box ul li {
        flex-direction: column;
        gap: 5px;
        font-size: 20px;
    }
    .enquiry-box ul li span {font-size: 17px;}
    .partners-logo {margin: 70px 0 !important;}

    .awards-text h2 {
        font-size: 24px;
        line-height: 38px;
    }
    .awards-text p {font-size: 17px;}
    .partners-logo {margin-top: 0 !important;}

	/**************************************
        Our Gallery Section
    **************************************/
    .photo-gallery a {width: 100%;}

    /*********************************************************
        Promotion Page Start
    *********************************************************/
    .promotions {padding: 0;}
    .single-promo {flex-direction: column;}
    .single-promo:nth-child(even), .single-promo:nth-child(odd) {
        flex-direction: column;
        padding: 0;
    }

    .promo-thumb {width: calc(100% - 35px);}
    .promo-info {width: 100%;}
    .single-promo:nth-child(odd) .promo-thumb::before {
        right: -35px;
        left: auto;
    }

    .promo-info h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: normal;
    }

    .single-promo, .single-promo:hover {
        box-shadow: none;
        transform: scale(1);
    }

	/*********************************************************
        Contact Us Page Start
    *********************************************************/
    #page_content, .register-area, .contact-area {padding: 40px 0;}
    .contact-area .container > .row {flex-direction: column-reverse;}
    .contact-form {margin-top: 20px;}
    .register-area .container .row {flex-direction: column-reverse;}
    .register-now {margin-bottom: 40px;}
    .registration-form {padding: 25px 10px;}

    .form-box {
        padding: 13px !important;
        padding-top: 25px !important;
        margin-bottom: 40px;
    }

    .contact-detail h5 {font-size: 18px;}
    .contact-detail {padding-top: 30px;}

    .contact-detail ul li span {
        font-size: 15px;
        min-width: 75px;
    }
    .form-detail::after {display: none;}
    .form-detail p {font-size: 16px;}

    /*********************************************************
        WhatsApp Icon Start
    *********************************************************/
    .whatsapp-icon a {
        font-size: 28px;
        left: 30px;
        bottom: 30px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    /*********************************************************
        Theme CSS Start
    *********************************************************/
    .elementor-37 .elementor-element.elementor-element-d0aee8b .ekit_gallery_grid_item {
        width: 100%;
        flex-basis: 100%;
    }

    .container.elementor-column-gap-default {
        padding-left: 12px;
        padding-right: 12px;
    }

    .footer .elementor-2154 .elementor-element.elementor-element-e9cf8ff {padding: 30px 0px;}
    .footer .elementor-2154 .elementor-element.elementor-element-0ebdeff .elementskit-section-title-wraper .elementskit-section-title {font-size: 15px;}
    .footer .elementor-2154 .elementor-element.elementor-element-0ebdeff > .elementor-widget-container {margin-bottom: 20px;}
    .footer .elementor-2154 .elementor-element.elementor-element-3cd8996 > .elementor-widget-container {margin-bottom: 25px;}
    .footer .elementor-2154 .elementor-element.elementor-element-397200d > .elementor-widget-container {font-size: 13px;}
    .elementor-37 .elementor-element.elementor-element-de2ed54 {padding: 50px 0px 40px 0px;}
    .pt-50.elementor-element.elementor-element-83b9160,
    .py-50.elementor-element.elementor-element-83b9160 {padding-top: 0 !important;}
    /* .elementor-37 .elementor-element.elementor-element-3f5630f .ekit-double-btn.ekit-double-btn-two {display: none;} */
    .elementor-37 .elementor-element.elementor-element-3f5630f > .elementor-widget-container {margin-bottom: 30px;}
    .elementor-37 .elementor-element.elementor-element-d4baf92 {padding: 55px 10px 55px 10px;}
    .elementor-37 .elementor-element.elementor-element-2602397 > .elementor-widget-container {margin-bottom: 10px;}
    .elementor-37 .elementor-element.elementor-element-aad45c6 .elementskit-section-title-wraper .elementskit-section-title,
    .elementor-37 .elementor-element.elementor-element-2602397 .elementskit-section-title-wraper .elementskit-section-title {font-size: 21px;}
    .elementor-37 .elementor-element.elementor-element-1eab844 {padding: 50px 0px 50px 0px;}
    .elementor-37 .elementor-element.elementor-element-aad45c6 > .elementor-widget-container {padding-bottom: 0;}
}