/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A lightweight and minimalist WordPress theme for Elementor page builder.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 2.8.1
	Stable tag: 2.8.1
	Requires at least: 5.9
	Tested up to: 6.2
	Requires PHP: 7.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Description: A lightweight, plain-vanilla, best suited for building your site using Elementor website builder. Visit https://elementor.com/hello-theme/ to learn more.
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/**
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 * Loading first in the style.scss & classic-editor.scss
 */
/*
 * Inspired by Normalize.css, HTML5 Boilerplate & Bootstrap Reboot Projects under MIT License
 */
/**
 * Document basic styling
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 */
html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

button {
    font-family: dana;
}

*,
*::before,
*::after {
    box-sizing: border-box; /* 3 */
}

/* Sections
 */
body {
    margin: 0;
    font-family: dana, IRANYekan;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6 {
    margin-block-start: 0.5rem;
    margin-block-end: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

p {
    margin-block-start: 0;
    margin-block-end: 0.9rem;
}

/* Grouping content
 */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
    white-space: pre-wrap;
}

/* Text-level semantics
 */
a {
    background-color: transparent;
    text-decoration: none;
    color: var(--color-type-600);
    font-size: 15px;
    font-family: IRANYekan;
}

a:hover, a:active {
    color: var(--color-primary-200);
    transition: 0.3s;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-block-end: none; /* 1 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
 */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
    height: auto;
    max-width: 100%;
}

/* Interactive
 */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

figcaption {
    font-size: 16px;
    line-height: 1.4;
    font-style: italic;
    font-weight: 400;
}

/* Misc
 */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* Print
 */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        break-inside: avoid;
        border: 1px solid #cccccc;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        break-after: avoid;
    }
}

/**
 * Form styling
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 */
label {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 1rem; /* 1 */
    line-height: 1.5; /* 1 */
    margin: 0; /* 2 */
}

input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
    width: 100%;
    border: solid 1px #666666;
    border-radius: 3px;
    padding: 0.5rem 1rem;
    transition: all 0.3s;
}

input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
    /**
     * Show the overflow in IE.
     * 1. Show the overflow in Edge.
     */
button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    width: auto;
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

button,
[type=submit],
[type=button] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    background-color: transparent;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all 0.3s;
}

button:focus,
[type=submit]:focus,
[type=button]:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
    text-decoration: none;
}

button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
    cursor: pointer;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
    resize: vertical;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

select {
    display: block;
}

/**
 * Table styling
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 */
table {
    background-color: transparent;
    width: 100%;
    margin-block-end: 15px;
    font-size: 0.9em;
    border-spacing: 0;
    border-collapse: collapse;
}

table th,
table td {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid rgba(128, 128, 128, 0.5019607843);
}

table th {
    font-weight: bold;
}

table thead th,
table tfoot th {
    font-size: 1em;
}

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
    border-block-start: 1px solid rgba(128, 128, 128, 0.5019607843);
}

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
    background-color: rgba(128, 128, 128, 0.0705882353);
}

table tbody tr:hover > td,
table tbody tr:hover > th {
    background-color: rgba(128, 128, 128, 0.1019607843);
}

table tbody + tbody {
    border-block-start: 2px solid rgba(128, 128, 128, 0.5019607843);
}

@media (max-width: 767px) {
    table table {
        font-size: 0.8em;
    }

    table table th,
    table table td {
        padding: 7px;
        line-height: 1.3;
    }

    table table th {
        font-weight: 400;
    }
}

/**
 * List styling
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 */
dl,
dt,
dd,
ol,
ul,
li {
    margin-block-start: 0;
    margin-block-end: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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

/** All Colors **/
:root {
    /** Primary Colors **/
    --color-primary-200: #3D79FC;
    --color-primary-100: #376DE2;

    /** Secondary Colors **/
    --color-secondary-600: #7901ED;
    --color-secondary-500: #8F1CFE;
    --color-secondary-400: #A548FE;
    --color-secondary-300: #BA74FE;
    --color-secondary-200: #D0A0FF;
    --color-secondary-100: #E6CCFF;

    /** Type Colors **/
    --color-type-600: #4C5686;
    --color-type-500: #414A75;
    --color-type-400: #6C76AB;
    --color-type-300: #929AC1;
    --color-type-200: #B8BDD7;
    --color-type-100: #DEE1ED;

    /** Tertiary Colors **/
    --color-tertiary-600: #F49D1A;

    /** Button 1 Colors **/
    --color-button-1-600: linear-gradient(#3D79FC, #5E3DE6, #7901ED);

    /** hover Button 1 Colors **/
    --color-hover-button-1-600: linear-gradient(#3D79FC, #3D79FC, #3D79FC);

    /** Button 2 Colors **/
    --color-button-2-600: linear-gradient(#7901ED, #3D79FC);
    --color-button-3-600: #F4F2FD;

    /** Event-Man background **/
    --color-event-600: radial-gradient(at center, rgba(63, 121, 252, 0.2), rgba(249, 243, 255, 1.0));

    /** BoxShadow Timer **/
    --colo-timer-600: #444A584D;

    /** BoxShadow Button **/
    --color-shadowbotton-600: #4074FA4D;

    /** Background achiever **/
    --color-achiever-600: #F2F4F9;

    /** Background sponsor **/
    --color-sponsor-600: linear-gradient(#F8F1FF, #E9F0FF);
}

/** Style em_header--menu **/

.em_event-man {
    background: var(--color-event-600);
    padding-bottom: 135px;
}

.em_shapes img {
    width: 239px;
    height: 262px;
}

.em_header--logo img {
    width: 191px;
    height: 45px;
}

.em_header--menu {
    height: 90px;
}

.em_header--menu ul li a {
    font-weight: 500;
    font-family: dana;
}

.main_menu ul li a:after {
    content: '';
    display: block;
    width: 50%;
    border: 2px solid var(--color-primary-200);
    text-align: center;
    margin: 4px auto 0 auto;
    border-radius: 5px;
    visibility: hidden;
    transition: all 0.1s;
}

.main_menu ul li a:hover:after {
    visibility: visible;
}

.em_header--menu ul li a.active:after, a.active {
    color: var(--color-primary-200);
    visibility: visible;
}

.em_navbar-nav li a {
    font-weight: 500;
}

.em_navbar-nav li a.active {
    color: var(--color-primary-200);
}

/** Style Menu-Mobile **/

.em_mobile-menu {
    display: none;
    bottom: 25px;
    z-index: 2;
}

.em_menu {
    background: var(--color-button-2-600);
    border-radius: 20px;
    padding: 15px;
}

.em_logo--mobile img {
    padding: 6px;
    border-radius: 15px;
}

.em-mobile a {
    font-size: 12px;
    font-weight: 400;
}

.em-mobile a i {
    font-size: 30px;
}

.em_menu--navbar {
    border-radius: 25px 25px 0 0;
    padding: 20px 15px;
    position: absolute;
    bottom: 65px;
    right: 32px;
    z-index: -1;
    width: 80%;
    display: none;
    height: 350px;
}

.em_menu--navbar li {
    margin-bottom: 10px;
}

.em_menu--navbar ul li.active, a.active {
    color: var(--color-primary-200);
}


/** Rseponsive Menu-Mobile **/

@media screen and (max-width: 1200px) {

    .em_mobile-menu {
        display: block;
    }

    .main_menu {
        display: none;
    }

    .em_mobile-blur {
        background-color: rgba(44, 68, 139, 0.15);
        backdrop-filter: blur(5px);
        opacity: 0;
        z-index: -1;
        transition: 1.5s;
        visibility: hidden;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;

    }

    .em_mobile-blur.active {
        opacity: 1;
        transition: .5s;
        visibility: visible;
        z-index: 1;
    }

    .em_menu--navbar {
        width: 94%;
    }

}

@media screen and (max-width: 991px) {

    .em_menu--navbar {
        width: 91%;
    }

}

@media screen and (max-width: 762px) {

    .em_menu--navbar {
        width: 88%;
    }

}

@media screen and (max-width: 425px) {

    .em_header--menu {
        justify-content: center;
    }

    .em_menu {
        padding: 15px 0;
    }

    .em_menu--navbar {
        width: 86%;
    }

}

@media screen and (max-width: 375px) {

    .em_menu--navbar {
        width: 80%;
    }

}

/** em_event--me **/

.em_header--rectangle {
    background: var(--color-button-2-600);
    width: 418px;
    height: 598px;
    padding: 25px;
    border-radius: 0 0 50px 200px;
}

.em_header--rectangle ul {
    top: -58px;
    right: 105px;

}

.em_online--shop {
    left: 130px;
    width: 500px;
    top: -40px;
}

.em_online--shop img {
    width: 500px;
}

.em_Buy-tickets {
    border-radius: 10px 20px 10px 20px;
    background: #fff;
    cursor: pointer;
    padding: 12px;
    transition: 0.3s;
}

.em_header--rectangle ul li i {
    font-size: 20px;
}

.em_Buy-tickets:hover {
    background: var(--color-type-400);
    box-shadow: 0 0 25px -10px var(--color-shadowbotton-600);
}

.em_Buy-tickets:hover a {
    color: white;
}

.em_event {
    border-radius: 7px 10px 7px 10px;
    color: var(--color-secondary-600);
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 20px;
}

.em_event i {
    margin-inline-end: 5px;
    position: relative;
    top: 2px;
}

.em_event--man {
    overflow-wrap: break-word;
    width: 55%;
}

.em_event--man h1 {
    font-weight: 800;
    font-size: 40px;
    line-height: 55px;
    color: var(--color-type-600);
}

.em_event--man h1 span {
    color: var(--color-primary-200);
}

.em_line {
    border-bottom: 6px solid var(--color-tertiary-600);
    border-radius: 5px;
    width: 23px;
    height: 6px;
}

.em_line::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: var(--color-tertiary-600);
    border-radius: 50%;
    right: 28px;
    position: relative;
    top: 3px;
}

.em_line::after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: var(--color-tertiary-600);
    border-radius: 50%;
    right: 23px;
    position: relative;
    top: 3px;
}

.em_event--man p {
    color: var(--color-type-400);
    font-weight: 400;
    line-height: 30px;
}

.em_timer {
    font-size: 24px;
    width: 636px;
    height: 93px;
    border-radius: 25px;
    padding: 25px 15px;
}

.em_layer1 {
    background: var(--color-type-100);
    width: 565px;
    height: 113px;
    top: -94px;
    right: 33px;
    border-radius: 25px;
    opacity: 0.4;
    z-index: -1;
}

.em_layer2 {
    background: var(--color-type-100);
    width: 500px;
    height: 113px;
    top: -191px;
    right: 66px;
    border-radius: 25px;
    opacity: 0.25;
    z-index: -1;
}

.em_timer--item {
    border: 1px solid var(--color-type-100);
    border-radius: 20px;
    box-shadow: 0 10px 40px -15px var(--colo-timer-600);
    width: 65px;
    height: 65px;
    display: flex;
}

.em_timer--item .em_time {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-type-300);
}

.em_timer--item span:first-child {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--color-primary-200);
}

.em_timer h2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-type-600);
}

/** responsive timer **/
@media screen and (max-width: 1399px) {

    .em_timer {
        width: 580px;
    }

    .em_layer1 {
        width: 505px;
    }

    .em_layer2 {
        width: 434px;
    }

}

@media screen and (max-width: 1199px) {

    .em_header--rectangle {
        display: none !important;
    }

    .em_event--man {
        width: 100%;
    }

}

@media screen and (max-width: 733px) {

    .em_header--menu {
        justify-content: center !important;
    }

}

@media screen and (max-width: 683px) {

    .em_timer {
        width: 100%;
        flex-direction: column;
        height: auto;
    }

    .em_layer1 {
        width: 440px;
    }

    .em_layer2 {
        width: 372px;
    }

}

@media screen and (max-width: 517px) {

    .em_layer1 {
        width: 412px;
    }

    .em_layer2 {
        width: 335px;
    }

}

@media screen and (max-width: 482px) {

    .em_layer1 {
        width: 376px;
    }

    .em_layer2 {
        width: 310px;
    }

}

@media screen and (max-width: 482px) {

    .em_layer1 {
        width: 326px;
    }

    .em_layer2 {
        width: 260px;
    }

}

@media screen and (max-width: 392px) {

    .em_layer1 {
        width: 285px;
    }

    .em_layer2 {
        width: 220px;
    }

}

@media screen and (max-width: 358px) {

    .em_layer1 {
        width: 250px;
    }

    .em_layer2 {
        width: 178px;
    }

}

@media screen and (max-width: 320px) {

    .em_layer1 {
        width: 225px;
    }

    .em_layer2 {
        width: 160px;
    }

}

/** em_header--rectangle--mobile **/
.em_rectangle-mobile {
    top: -215px;
}

.em_header--rectangle--mobile {
    background: var(--color-button-2-600);
    width: 246px;
    height: 348px;
    padding: 25px;
    border-radius: 0 0 50px 200px;
    transform: rotate(-90deg);
    left: 51px;
    position: relative;
    display: none;
}

.em_online--shop--mobile {
    left: 130px;
    width: 500px;
    top: 18px;
}

.em_online--shop--mobile img {
    transform: rotate(90deg);
    width: 336px;
    height: 256px;
}

@media screen and (max-width: 1199px) {

    .em_header--rectangle--mobile {
        width: 246px;
        height: 480px;
        left: 117px;
        display: block;
    }

}

@media screen and (max-width: 481px) {

    .em_header--rectangle--mobile {
        width: 246px;
        height: 348px;
        left: 51px;
    }

}

@media screen and (max-width: 365px) {

    .em_header--rectangle--mobile {
        width: 183px;
        height: 348px;
        left: 83px;
    }

    .em_online--shop--mobile {
        left: 130px;
        width: 500px;
        top: 15px;
    }

}

@media screen and (max-width: 360px) {

    .em_header--rectangle--mobile {
        width: 248px;
        height: 319px;
        left: 36px;
    }

    .em_rectangle-mobile {
        top: -160px;
    }

}

/** style introduction **/
.em_images img {
    border-radius: 25px;
    width: 176px;
    height: 383px;
}

.em_images-event {
    max-width: 100%;
}

.em_images-event img {
    width: 326px;
    height: 383px;
    border-radius: 25px 25px 25px 200px;
}

.em_background-1-introduction {
    background: var(--color-primary-200);
    width: 126px;
    height: 126px;
    top: -25px;
    left: -58px;
    border-radius: 20px;
}

.em_background-2-introduction {
    background: var(--color-secondary-600);
    width: 126px;
    height: 126px;
    top: 270px;
    right: 0;
    border-radius: 20px;
}

.em_introduction--description {
    margin-inline-start: 60px;
    line-height: 64px;
}

.em_introduction--description span {
    background: var(--color-button-3-600);
    border-radius: 7px 10px 7px 10px;
    color: var(--color-secondary-600);
}

.em_introduction--description i {
    margin-inline-end: 5px;
    position: relative;
    top: 6px;
    font-size: 20px;
}

.em_introduction--description h2 {
    color: var(--color-type-600);
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    margin-top: 25px;
}

.em_introduction--description h3 {
    color: var(--color-primary-200);
    font-weight: 600;
    font-size: 20px;
    line-height: 35px;
    margin: 25px 0;
}

.em_introduction--description p {
    color: var(--color-type-400);
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
}

.em_radius {
    width: 321px;
    height: 376px;
    top: 14px;
    right: 15px;
    border-radius: 25px 25px 25px 200px;
    border: 2px solid white;
}

.em_shapes--introduction {
    margin-top: -430px;
}

.em_shapes--introduction img {
    width: 154px;
    height: 340px;
}

.em_load--study {
    margin-inline-end: 25px;
}

.em_load--study a {
    border-radius: 10px 20px 10px 20px;
    border: 1px solid var(--color-primary-200);
    padding: 15px 20px 15px 20px;
    color: var(--color-primary-200);
    box-shadow: 0 7px 30px -10px var(--color-shadowbotton-600);
}

.em_load--study a:hover {
    background: var(--color-type-400);
    color: white;
    box-shadow: 0 0 25px -10px var(--color-shadowbotton-600);
}

.em_tickets--buy a {
    border-radius: 10px 20px 10px 20px;
    background: var(--color-button-1-600);
    padding: 15px 20px 15px 20px;
    color: white;
    box-shadow: 0 7px 30px -10px var(--color-shadowbotton-600);
}

.em_tickets--buy a:hover {
    background: var(--color-hover-button-1-600);
    box-shadow: 0 0 25px -10px var(--color-shadowbotton-600);
}

.em_shapes--btnevent img {
    width: 154px;
    height: 340px;
}


/** responsive introduction **/
@media screen and (max-width: 2560px) {

    .em_images-event {
        left: 40px;
    }

    .em_background-1-introduction {
        left: -35px;
    }

    .em_background-2-introduction {
        right: -25px;
    }

}

@media screen and (max-width: 1366px) {

    .em_images-event {
        left: 0;
    }

    .em_background-1-introduction {
        left: -45px;
    }

    .em_background-2-introduction {
        right: 0;
    }

}

@media screen and (max-width: 1199px) {

    .em_introduction--description {
        margin-top: 40px;
    }

    .em_introduction {
        flex-direction: column;
        margin-top: -126px;
    }

    .em_introduction--images {
        justify-content: unset !important;
    }

    .em_images-event {
        right: 30px;
    }

    .em_background-1-introduction {
        left: -76px;
    }

    .em_background-2-introduction {
        right: 10px;
    }

    .em_shapes--introduction {
        display: none !important;
    }

    .em_introduction--description {
        margin-inline-start: 0;
    }

}

@media screen and (max-width: 610px) {

    .em_images img {
        width: 109px;
        height: 239px;
    }

    .em_images-event img {
        width: 203px;
        height: 239px;
    }

    .em_radius {
        width: 200px;
        height: 234px;
    }

    .em_background-1-introduction {
        width: 123px;
        height: 115px;
    }

    .em_background-2-introduction {
        width: 123px;
        height: 115px;
        right: 15px;
        top: 145px;
    }

}

.em_shapes--btnevent img {
    width: 46px;
    height: 55px;
}

@media screen and (max-width: 392px) {

    .em_background-2-introduction {
        right: 4px;
    }

    .em_images-event {
        right: 9px;
    }

    .em_radius {
        right: 7px;
    }

}

@media screen and (max-width: 350px) {

    .em_radius {
        right: 1px;
    }

    .em_images-event {
        right: 6px;
    }

    .em_radius {
        width: 190px;
    }
}

@media screen and (max-width: 320px) {

    .em_radius {
        width: 190px;
    }

    .em_tickets--buy a, .em_load--study a {
        padding: 15px 10px 15px 10px;
    }

    .em_shapes--btnevent {
        position: relative;
        top: -690px;
    }
}

@media screen and (max-width: 375px) {

    .em_load--study {
        margin-inline-end: 0;
    }

    .em_btn-event {
        justify-content: space-between;
    }
}


/** style  achiever **/
.em_achievement {
    background: var(--color-achiever-600);
}

.em_achievement-head span {
    color: var(--color-secondary-600);
    border-radius: 7px 10px 7px 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}

.em_achievement-head span i {
    font-size: 18px;
    position: relative;
    top: 3px;
    left: 3px;
}

.em_achievement-head h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    color: var(--color-type-600);
    margin-top: 20px;
}

.em_achievement-boxs {
    gap: 25px;
}

.em_achievement-box {
    max-width: 306px;
}

.em_box {
    min-width: 306px;
    padding: 20px;
    border-radius: 25px;
    height: 212px;
    margin-bottom: 30px;
    cursor: pointer;
}

.em_box:hover h3 {
    color: var(--color-primary-200);
}

.em_box:hover a {
    color: var(--color-secondary-600);
}

.em_box:hover a i {
    color: var(--color-secondary-600);
}

.em_box i {
    color: var(--color-secondary-600);
    border-radius: 15px;
    padding: 15px;
    border: 1px solid var(--color-type-100);
    font-size: 36px;
    top: -25px;
    transition: 0.3s;
}

.em_box h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-type-600);
}

.em_box p {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--color-type-400);
    height: 49px;
    text-overflow: ellipsis;
}

.em_box a {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    color: var(--color-primary-200);
}

.em_box a i {
    top: 5.8330078125px;
    left: 5px;
    border: 2px;
    color: var(--color-primary-200);
    padding: 0;
    font-size: 20px;
    right: 0;
}

.em_box a:hover i {
    margin-right: 5px;
}

.em_achievement--images {
    height: 0;
}

.em_achievement--images img {
    width: 307px;
    height: 493px;
    top: -540px;
    right: 51px;
}

.em_achievement--shapes img {
    width: 46px;
    height: 55px;
}

/** responsive em_achievement **/
@media screen and (max-width: 1366px) {

    .em_achievement-box {
        justify-content: center;
    }

    .em_achievement-box {
        max-width: 545px;
        min-width: 545px;
    }

    .em_achievement--images {
        height: auto;
        top: 550px;
        right: -65px;
        justify-content: center !important;
    }

}

@media screen and (max-width: 1199px) {

    .em_achievement-box {
        max-width: 100%;
        min-width: 100%;
    }

}

@media screen and (max-width: 320px) {

    .em_achievement--shapes {
        top: -240px;
    }

    .em_box {
        margin-inline-start: -5px;
    }

}

/** style em_introduction-of-the-speaker **/
.em_introduction-speaker {
    background: var(--color-event-600);
}

.em_speaker-head span {
    color: var(--color-secondary-600);
    border-radius: 7px 10px 7px 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}

.em_speaker-head h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    color: var(--color-type-600);
    margin-top: 20px;
}

.em_boxs-speakers {
    gap: 20px;
}

.em_speakers-box {
    max-width: 416px;
}

.em_box__speakers {
    border-radius: 25px;
    padding: 20px;
    min-width: 416px;
    height: 199px;
    cursor: pointer;
    transition: 0.3s;
    margin-bottom: 30px;
}

.em_box__speakers img {
    width: 154px;
    height: 212px;
    border-radius: 25px;
    top: -55px;
}

.em_info-speaker {
    margin-inline-start: 30px;
}

.em_info-speaker h2 {
    font-size: 17px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_box__speakers:hover h2 {
    color: var(--color-primary-200);
}

.em_info-speaker span {
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_info-speaker span i {
    color: var(--color-secondary-500);
    font-size: 20px;
    top: 4px;
    left: 2px;
    position: relative;
}

.em_social-speaker {
    left: 2px;
}

.em_social-speaker i {
    color: var(--color-type-300);
    font-size: 20px;
    margin-inline-end: 20px;
}

.em_speaker--shapes img {
    width: 44px;
    height: 44px;
}

.em_speakers--shapes img {
    width: 46px;
    height: 55px;
}

.em_speaker-shapes-1 {
    z-index: -1;
    left: 0;
}

.em_speaker-shapes-1 img {
    width: 186px;
    height: 186px;
}

.em_speaker-shapes-2 {
    z-index: -1;
    right: 0;
    margin-top: -210px;
}

.em_speaker-shapes-2 img {
    width: 186px;
    height: 186px;
}

/** responsive speaker **/
@media screen and (max-width: 1366px) {

    .em_speakers-box {
        min-width: 547px;
        max-width: 547px;
    }

    .em_speaker-shapes-1, .em_speaker-shapes-2 {
        display: none;
    }

}

@media screen and (max-width: 1199px) {

    .em_speakers-box {
        min-width: 100%;
        max-width: 100%;
    }

}

@media screen and (max-width: 580px) {

    .em_box__speakers {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        max-width: 100%;
        min-width: 100%;
        height: 374px;
        margin-bottom: 60px;
    }

    .em_info-speaker {
        align-items: center;
        margin-top: -35px;
        margin-inline-start: 0;
    }

    .em_social-speaker {
        right: 6px;
    }

    .em_speakers--shapes {
        top: -145px;
    }

}

/** style em_timeline **/
.em_timeline {
    background: var(--color-event-600);
}

.em_timeline-background {
    background: var(--color-button-1-600);
    border-radius: 0 0 80px 80px;
    height: 860px;
}

.em_timeline-head span {
    color: var(--color-secondary-600);
    border-radius: 7px 10px 7px 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}

.em_timeline-head h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    color: white;
    margin-top: 20px;
}

.em_tolbar__time-line {
    border: 1px solid white;
    padding: 5px;
    border-radius: 20px;
    max-width: 100%;
}

.em_tolbar__time-line button {
    color: white;
}

.em_tolbar__time-line button {
    font-size: 17px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
}

.em_tolbar__time-line button.active {
    background: white;
    padding: 20px 25px;
    color: var(--color-secondary-500);
    border-radius: 15px;
}

.em_content__time-line {
    border-radius: 25px;
    padding: 20px;
    box-shadow: 0 15px 85px -21px #444A581A;
}

.em_time-line {
    border-bottom: 1px solid #EFF0F8;
    padding: 20px 0;
}

.em_time-line button {
    background: var(--color-achiever-600);
    border-radius: 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
    padding: 20px;
}

.em_time-line button span {
    color: var(--color-primary-200);
}

.em_time-line button.active {
    color: white;
    background: var(--color-button-1-600);
    box-shadow: 0 7px 30px -10px #4074FACC;
}

.em_time-line button.active span {
    color: white;
}

.em_speaker_time-line {
    border: 1px solid #DEE1ED;
    border-radius: 20px;
    padding: 16px;
    margin-top: 20px;
    box-shadow: 0 10px 60px -21px #444A5833;
}

.em_img-speaker_time-line img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 2px solid white;
}

.em_info-time-line {
    margin: 10px 20px 0 0;
    line-height: 50px;
}

.em_info-time-line span {
    background: var(--color-achiever-600);
    border-radius: 10px;
    padding: 7px 15px;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-400);
}

.em_info-time-line h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_info-time-line h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_info-time-line h4 span {
    color: var(--color-primary-200);
    background: none;
    padding: 0;
}

.em_location-time-line {
    background: var(--color-achiever-600);
    padding: 15px;
    border-radius: 15px;
    max-width: 350px;
    min-width: 350px;
}

.em_location-time-line span {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_description-time-line {
    margin: 35px 90px 0 0;
}

.em_description-time-line p {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.04em;
    color: var(--color-type-400);
}

/** responsive time line **/
@media screen and (max-width: 1000px) {

    .em_time-line {
        flex-direction: column;
        align-items: center;
    }

    .em_time-line li {
        margin-bottom: 25px;
    }

    .em_location-time-line {
        max-width: 100%;
        min-width: 100%;
    }

    .em_speaker_time-line div {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .em_img-speaker_time-line {
        flex-direction: column;
    }

    .em_description-time-line {
        margin: 35px 0 0 0;
    }

    .em_info-time-line {
        margin: 10px 0 0 0;
    }

}

@media screen and (max-width: 900px) {

    .em_nav {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

}

/** style experiences **/
.em_union {
    margin-top: 200px;
    z-index: -1;
}

.em_union img {
    width: 162px;
    height: 335px;
}

.em_experiences {
    margin-top: 200px;
}

.em_experiences-head h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_experiences-boxs {
    gap: 35px;
}

.em_experience {
    max-width: 267px;
}

.em_experiences-box {
    min-width: 267px;
    height: 103px;
    border-radius: 25px;
    padding: 15px;
}

.em_icon-experiences {
    margin-inline-end: 10px;
}

.em_icon-experiences i {
    background: var(--color-achiever-600);
    padding: 10px;
    font-size: 35px;
    color: var(--color-secondary-600);
    border-radius: 15px;
}

.em_info__experiences span {
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: var(--color-secondary-600);
}

.em_info__experiences h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-400);
}

.em_line__experiences {
    border-right: 5px solid var(--color-primary-200);
    border-radius: 5px;
    height: 23px;
    top: 40px;
}

/** responsive experiences **/
@media screen and (max-width: 1020px) {

    .em_union {
        display: none;
    }

    .em_line__experiences {
        display: none;
    }

}

@media screen and (max-width: 1001px) {

    .em_experiences {
        margin-top: 630px;
    }

}

@media screen and (max-width: 991px) {

    .em_experiences {
        margin-top: 660px;
    }

    .em_experiences-boxs {
        justify-content: center;
    }

}

@media screen and (max-width: 767px) {

    .em_experience {
        max-width: 100%;
        min-width: 100%;
    }

    .em_experiences {
        margin-top: 710px;
    }

}

@media screen and (max-width: 472px) {

    .em_experiences {
        margin-top: 778px;
    }

}

@media screen and (max-width: 401px) {

    .em_experiences {
        margin-top: 835px;
    }

}

@media screen and (max-width: 346px) {

    .em_experiences {
        margin-top: 930px;
    }

}

@media screen and (max-width: 321px) {

    .em_experiences {
        margin-top: 999px;
    }

}

/** style ticket **/

.em_shapes-ticket img {
    width: 248px;
    height: 333px;
}

.em_shapes-ticket-sales img {
    width: 46px;
    height: 43px;
}

.em_ticket-head span {
    color: var(--color-secondary-600);
    border-radius: 7px 10px 7px 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}

.em_ticket-head h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_tickets {
    gap: 24px;
}

.em_box-ticket {
    max-width: 306px;
}

.em_content-ticket {
    border-radius: 25px;
    padding: 20px;
    min-width: 306px;
    height: max-content;
    box-shadow: 0 15px 85px -21px #444A581A;
    min-height: 445px;
}

.em_ticket-plan {
    background: var(--color-achiever-600);
    border-radius: 20px;
    padding: 15px;
}

.em_ticket-plan h3 {
    font-size: 17px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_ticket-plan h4 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: var(--color-secondary-600);
}

.em_ticket-plan h4 span {
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: right;
    color: var(--color-type-400);
}

.em_line-dashed {
    border-bottom: 1px dashed var(--color-type-400);
    display: flex;
    justify-content: space-between;
}

.em_line-dashed:after {
    content: "";
    background: #d9e1f8;
    width: 41px;
    height: 41px;
    margin-top: -20px;
    border-radius: 50%;
    justify-content: flex-start;
    position: relative;
    top: 19px;
    right: 37px;
}

.em_line-dashed:before {
    content: "";
    background: #d9e0f6;
    width: 41px;
    height: 41px;
    margin-top: -20px;
    border-radius: 50%;
    justify-content: flex-end;
    position: relative;
    top: 19px;
    left: 36px;
}

.em_ticket-feature h4 {
    font-size: 17px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_ticket-feature span {
    font-size: 15px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.04em;
    color: var(--color-type-400);
    display: flex;
    align-items: center;
}

.em_ticket-feature span i {
    color: var(--color-primary-200);
    margin-inline-end: 10px;
    font-size: 20px;
}

.em_buy-feature-tickets a {
    background: var(--color-button-1-600);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 7px 12px 7px 12px;
    box-shadow: 0 7px 30px -10px #4074FA66;
}

.em_buy-feature-tickets:hover a {
    background: var(--color-hover-button-1-600);
}

/** responsive ticket **/
@media screen and (max-width: 1200px) {

    .em_shapes-ticket, .em_shapes-ticket-sales {
        display: none;
        opacity: 0;
    }

}

@media screen and (max-width: 1199px) {

    .em_box-ticket {
        max-width: 100%;
        min-width: 100%;
    }

}

/** style contacts **/

.em_box-contacts {
    max-width: 832px;
    max-height: 250px;
    z-index: 1;
}

.em_info-contacts {
    background: var(--color-button-1-600);
    padding: 25px;
    border-radius: 25px;
    box-shadow: 0 7px 30px -10px #4074FACC;
    min-width: 832px;
    min-height: 250px;
    margin-top: 24px;
}

.em_contacts-head h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-top: 0;
}

.em_icon-contact i {
    background: var(--color-primary-200);
    padding: 20px;
    border-radius: 20px;
    font-size: 30px;
}

.em_icon-location i {
    background: var(--color-primary-200);
    padding: 20px;
    border-radius: 20px;
    font-size: 30px;
    box-shadow: 0 7px 30px -10px #4074FACC;
}

.em_info-phone h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: -0.02em;
}

.em_info__location {
    margin-top: 70px;
}

.em_info-phone span {
    font-size: 17px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.02em;
}

.em_info-location h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: -0.02em;
}

.em_info-location span {
    font-size: 17px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.02em;
}

.em_social {
    padding: 20px;
    border-radius: 20px;
    max-width: 478px;
    min-width: 478px;
    height: 64px;
    overflow: hidden;
}

.em_social h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_social-event i {
    font-size: 25px;
    color: var(--color-type-400);
    margin-inline-start: 10px;
    box-shadow: 0 7px 30px -10px #4074FACC;
}

.em_social-event ul li {
    border-right: 3px solid var(--color-type-400);
    position: relative;
    height: 20px;
    margin-inline-start: 5px;
}

.em_social-event ul li:first-child {
    border: none;
}

.em_share-event {
    max-width: 282px;
    min-width: 282px;
    border-radius: 20px;
    padding: 20px;
    height: 64px;
    overflow: hidden;
}

.em_share-event h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_copy-link {
    background: var(--color-achiever-600);
    padding: 10px;
    border-radius: 10px;
}

.em_copy-link span {
    color: var(--color-type-400);
}

.em_copy-link span i {
    color: var(--color-type-400);
}

.em_map {
    left: 115px;
}

.em_map iframe {
    max-width: 581px;
    min-width: 581px;
    height: 297px;
    border-radius: 25px;
}

/** responsive info location **/
@media screen and (max-width: 1399px) {

    .em_map iframe {
        max-width: 100%;
        min-width: 100%;
    }

    .em_map {
        left: 30px;
    }

}

@media screen and (max-width: 1200px) {

    .em_box-contacts {
        max-width: 100%;
        max-height: 100%;
    }

    .em_info-contacts {
        min-width: 100%;
        min-height: 100%;
    }

    .em_info__location {
        flex-direction: column;
    }

    .em_map {
        left: 0;
        margin-top: 30px;
    }

}

@media screen and (max-width: 1000px) {

    .em_contacts-head {
        align-items: center;
    }

    .em_info-ticket {
        flex-direction: column;
        align-items: center;
        margin-top: 35px;
    }

    .em_info-phone, .em_info-location {
        flex-direction: column;
        margin-inline-end: 0 !important;
    }

    .em_info-phone h4, .em_info-location h4 {
        align-items: center;
    }

    .em_info-location {
        margin-top: 25px;
    }

    .em_subscribe {
        flex-direction: column;
        align-items: center;
    }

    .em_share-event {
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 20px;
    }

    .em_social {
        max-width: 100%;
        min-width: 100%;
    }

    .em_icon-contact, .em_icon-location {
        margin-inline-end: 0 !important;
    }

}

@media screen and (max-width: 425px) {

    .em_share-event, .em_social {
        flex-direction: column;
        height: 97px;
    }

    .em_copy-link {
        margin-top: 10px;
    }

}

/** style sponsor **/

.em_shapes-sponsor img {
    width: 40px;
    height: 41px;
}

.em_supporters {
    background: linear-gradient(rgba(248, 241, 255, 1), rgba(233, 240, 255, 1));
    border-radius: 25px;
}

.em_supporters-img {
    background: url(../images/Maskgroup.png) center center;
    padding: 30px;
}

.em_supporters-head {
    width: 40%;
}

.em_supporters-head span {
    color: var(--color-secondary-600);
    border-radius: 7px 10px 7px 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}

.em_supporters-head h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_supporters-head p {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.04em;
    color: var(--color-type-400);
}

.em_sponsor-request a {
    background: var(--color-button-1-600);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 7px 12px 7px 12px;
    box-shadow: 0 7px 30px -10px #4074FA66;
}

.em_sponsor-request:hover a {
    background: var(--color-hover-button-1-600);
}

.em_img-supporters {
    gap: 35px;
}

.em_sponsor-box {
    max-width: 184px;
    max-height: 85px;
}

.em_img-sponsor {
    min-width: 184px;
    min-height: 85px;
    border-radius: 20px;
}

.em_img-sponsor img {
    width: 152px;
    height: 43px;
}

.em_shapes-supporters {
    left: 230px;
    margin-top: -65px;
}

.em_shapes-supporters img {
    width: 58px;
    height: 58px;
}

/** responsive sponser **/
@media screen and (max-width: 992px) {

    .em_supporters-img {
        flex-direction: column;
    }

    .em_supporters-head {
        width: 100%;
        margin-bottom: 30px;
    }

    .em_img-supporters {
        justify-content: center !important;
    }

}

@media screen and (max-width: 800px) {

    .em_shapes-supporters {
        left: 70px;
    }

}

@media screen and (max-width: 462px) {

    .em_img-supporters {
        gap: 15px;
    }

}

/** style events **/

.em_events {
    background: var(--color-event-600);
    padding: 100px 0;
}

.em_shapes-event {
    margin-top: 215px;
}

.em_shapes-event img {
    width: 274px;
    height: 333px;
}

.em_img-shapes-event {
    margin-top: 376px;
}

.em_img-shapes-event img {
    width: 24px;
    height: 49px;
}

.em_events-head h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_button-visit {
    margin-inline-start: 20px;
}

.em_button-visit a {
    padding: 12px 20px 12px 20px;
    border-radius: 10px 20px 10px 20px;
    border: 1px solid var(--color-type-400);
    color: var(--color-type-600);
}

.em_button-visit a:hover {
    background: var(--color-type-400);
    color: white;
    box-shadow: 0 0 25px -10px var(--color-shadowbotton-600);
}

.em_button-prev {
    margin-inline-start: 10px;
}

.em_button-next , .em_button-prev {
    cursor: pointer;
}

.em_button-next i , .em_button-prev i {
    background: white;
    padding: 12px;
    border-radius: 10px;
    color: var(--color-type-400);
}

.em_button-prev:hover i , .em_button-next:hover i {
    background: var(--color-secondary-600);
    box-shadow: 0 0 25px -5px #7901ED73;
    color: white;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.em_img-slide {
    max-width: 100%;
    height: 328px;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
}

.em_info-img-slide {
    top: -50px;
    max-width: 274px;
    height: 61px;
    border-radius: 25px;
    padding: 20px;
    transition: 0.3s;
    z-index: 1;
}

.em_info-img-slide span {
    font-size: 17px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.swiper-slide:hover .em_info-img-slide {
    top: -75px;
}

.em_zom-img {
    position: absolute;
    background: var(--color-type-500);
    width: 100%;
    height: 328px;
    opacity: 0;
    transition: 0.3s;
    top: 0;
    border-radius: 25px;
}

.em_zom-img i {
    color: white;
    top: 148px;
    position: relative;
    font-size: 30px;
    transition: 0.3s;
}

.swiper-slide:hover .em_zom-img {
    opacity: 0.7;
}

.swiper-slide:hover .em_zom-img i {
    top: 105px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    background: var(--color-secondary-500);
    padding: 7px;
    border: 3px solid white;
}

/* style modal */
.em_image-modal {
    display: none;
    z-index: 1;
    padding-top: 20px;
    left: 0;
    top: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.em_modal-image {
    display: block;
    margin: 0 auto;
    max-width: 90%;
    max-height: 90%;
}

.close {
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}

.em_button-visit-mobile {
    opacity: 0;
    visibility: hidden;
}

.em_button-visit-mobile a {
    padding: 12px 20px 12px 20px;
    border-radius: 10px 20px 10px 20px;
    border: 1px solid var(--color-type-400);
    color: var(--color-type-600);
}

.em_button-visit-mobile a:hover {
    background: var(--color-type-400);
    color: white;
    box-shadow: 0 0 25px -10px var(--color-shadowbotton-600);
}

/** responsive events **/
@media screen and (max-width: 1000px) {

    .em_shapes-event , .em_img-shapes-event {
        display: none;
    }

}

@media screen and (max-width: 768px) {

    .em_button-next , .em_button-prev , .em_button-visit {
        display: none;
    }

    .em_button-visit-mobile {
        opacity: 1;
        visibility: visible;
    }

}

/** style memento **/

.em_memento {
    background: var(--color-event-600);
    padding-bottom: 25px;
}

.em_shapes-memento img {
    width: 25px;
    height: 49px;
}

.em_memento-head span {
    color: var(--color-secondary-600);
    border-radius: 7px 10px 7px 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}

.em_memento-head h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_gallery-image {
    border-radius: 25px;
    box-shadow: 0 15px 85px -21px #444A581A;
}

.em_img-gallery {
    max-width: 340px;
}

.em_images-gallery {
    max-width: 520px;
}

.em_gallery {
    max-width: 340px;
}

.em_img-gallery img {
    height: 228px;
    border-radius: 20px;
}

.em_images-gallery img {
    height: 228px;
    border-radius: 20px;
}

.em_gallery img {
    height: 480px;
    border-radius: 20px;
}

.em_button-visit {
    margin-top: 40px;
}

/** responsive gallery imgages **/
@media screen and (max-width: 1366px) {

    .em_gallery-image {
        gap: 15px;
    }

}

@media screen and (max-width: 990px) {

    .em_gallery-image {
        flex-direction: column;
        align-items: center;
    }

    .em_img-gallery , .em_gallery , .em_images-gallery  {
        gap: 15px;
    }

}

/** style total events **/

.em_total-events {
    background: var(--color-event-600);
    padding-bottom: 25px;
}

.em_events-total-head span {
    background: var(--color-button-3-600);
}

.em_events-total-head h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_events-total-images {
    margin-top: -90px;
}

.em_background-total-event {
    top: 0;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-slide {
    margin-bottom: 70px;
}

.em_background-event {
    background: var(--color-button-1-600);
    width: 798px;
    height: 354px;
    border-radius: 0 200px 50px 0;
    box-shadow: 0 4px 20px 0 #4C568626;
}

.em_info-images-event {
    border-bottom: 1px solid var(--color-type-100);
}

.em_info-images-event .em_title-event {
    font-size: 17px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_time-total-event span i {
    color: var(--color-secondary-500);
    font-size: 22px;
    top: 6px;
    margin-inline-end: 5px;
}

.em_time-total-event span {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-400);
}

.em_time-total-event span p {
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
    margin: 0 10px 0 0;
}

.em_price-event ins {
    font-size: 25px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-primary-200);
    text-decoration: none;
}

.em_price-event span {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: -0.02em;
    color: var(--color-type-300);
}

.em_images-total-event img {
    border-radius: 20px;
    height: 207px;
}

.em_images-total-event i {
    border-radius: 50%;
    top: 150px;
    left: 35px;
    padding: 15px;
    font-size: 25px;
    color: var(--color-type-600);
}

.em_event-ticket a {
    background: var(--color-button-1-600);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 7px 12px 7px 12px;
    box-shadow: 0 7px 30px -10px #4074FA66;
}

.em_event-ticket:hover a {
    background: var(--color-hover-button-1-600);
    box-shadow: 0 0 30px -10px #4074FACC;
}

.em_slide-event {
    border-radius: 25px;
    box-shadow: 0 15px 85px -21px #444A581A;
}

.em_box-slider {
    max-width: 306px;
    cursor: pointer;
}

.em_box-slider:hover .em_info-images-event .em_title-event {
    color: var(--color-primary-200);
}

.em_box-slider:hover .em_price-event ins {
    color: var(--color-secondary-600);
}

/** responsive total events **/
@media screen and (max-width: 1366px) {

    .em_box-slider {
        max-width: 100%;
    }

}

@media screen and (max-width: 1200px) {

    .em_events-total-images {
        margin-top: 30px;
    }

    .em_background-total-event {
        top: 145px;
    }

}

@media screen and (max-width: 768px) {

    .em_background-event {
        width: 360px;
        height: 348px;
    }

}

/** style faq **/

.em_faq {
    background: var(--color-event-600);
    padding-bottom: 25px;
}

.em_faq-box {
    max-width: 935px;
}

.em_faq-item {
    margin-bottom: 10px;
    padding: 25px;
    cursor: pointer;
    border-radius: 20px;
}

.em_faq-item i {
    color: var(--color-type-400);
    font-size: 25px;
}

.em_question {
    top: -280px;
}

.em_question h2 {
    font-size: 17px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: var(--color-type-600);
}

.em_faq-item.active h2 {
    color: var(--color-primary-200);
}

.em_faq-item.active h2 i {
    color: var(--color-primary-200);
}

.em_answer {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.04em;
    display: none;
    margin-top: 15px;
    color: var(--color-type-400);
    border-top: 1px solid var(--color-type-100);
    padding-top: 15px;
}

.em_shapes-faq {
    top: 135px;
}

.em_shapes-left {
    margin: 0 100px;
}

.em_shapes-faq img {
    width: 165px;
    height: 166px;
    border-radius: 50%;
}

.em_shapes-faq-circel {
    left: 10%;
    top: 25%;
}

.em_shapes-faq-circel img {
    width: 58px;
    height: 58px;
}

/** responsive FAQ **/
@media screen and (max-width: 1155px) {

    .em_shapes-faq {
        display: none;
    }

    .em_question {
        top: 0;
    }

}

@media screen and (max-width: 1330px) {

    .em_shapes-faq-circel {
        display: none;
    }

}

@media screen and (max-width: 425px) {

    .em_shapes--btnevent {
        opacity: 0;
        visibility: hidden;
    }

}

@media screen and (max-width: 375px) {

    .em_question h2 {
        line-height: 25px;
    }

    .em_faq-item i {
        margin-inline-start: 10px;
    }

}

/** style Customer satisfaction **/

.em_customer-satisfaction {
    background: var(--color-event-600);
    padding-bottom: 25px;
}